@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;500;600;700&display=swap');

:root {
    --colorPrimary: #212121;
    --colorPrimaryDark: #000000;
    --colorAccent: #711123;
    --colorAccent2: #EFB137;
    --colorWarn: #d0081c;
    --blueColor: #0094DA;
    --greenColor: #0ab120;
    --yellowColor: #f6c806;
    --textColor: rgba(0, 0, 0, 0.8);
    --divider: #d9d9d9;
    --facebook_color: #3b5998;
    --whatsapp_color: #25D366;
    --pinterest_color: #CB2026;
    --google_plus_color: #d34836;
    --twitter: #0084b4;
    --instagram: #d6249f;
    --light_blue_grey: #3d5562;
    --dark_blue_grey: #2b3a42;
    --textColor: #424242;
    --black_shade: #212121;
    --button_disabled: #727272;
    --light_grey: #d9d9d9;
    --error_color: #b71c1c;
    --textColor: rgba(0, 0, 0, 0.8);
    --dark_grey: #767575;
    --tag_back_color: #efeeee;
    --tag_color: #6d6d6d;
    --logo-orange: #75d0f7;
    --logo-green: #75d0f7;
    --gradient: linear-gradient(to right, #E2E2E2, #B0B0B0);
    --content-width: 1500px;
    --main-font: "AtGeodesic", sans-serif;
    --heading-font: "Trancity", sans-serif;
}

body {
    margin: 0;
    padding: 0;
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

h1, h2, h3, h4, h5, span, ul, li, p, td, a {
    font-family: var(--main-font);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.row_alignment, .row_column_alignment, .row_column_reverse_alignment {
    display: flex;
    flex-direction: row;
}

.column_alignment, .column_row_alignment {
    display: flex;
    flex-direction: column;
}

.row_alignment.four > *, .row_column_alignment.four > *, .row_column_reverse_alignment.four > * {
    width: calc((100% / 4));
}

.row_alignment.three > *, .row_column_alignment.three > *, .row_column_reverse_alignment.three > * {
    width: calc((100% / 3));
}

.row_alignment.two > *, .row_column_alignment.two > *, .row_column_reverse_alignment.two > * {
    width: calc((100% / 2));
}

.align_right {
    align-items: flex-end;
    justify-content: flex-end;
}

.align_bottom {
    justify-content: flex-end;
}

.align_left, .align_top {
    align-items: flex-start;
    justify-content: flex-start;
}

.align_center {
    align-items: center;
    align-content: center;
    justify-content: center;
}

.fill {
    flex: 1 1 auto !important;
}

.fit {
    flex: 0 0 auto !important;
}

.wrap {
    flex-wrap: wrap;
}

.align_self_center {
    align-self: center;
}

.message-success, .message-error, .message-info {
    padding: 8px 8px 8px 16px;
    margin: 8px 10px 18px;
    font-size: 14px;
    font-family: var(--main-font);
    outline: none;
    background-color: white;
    border-radius: 4px;
    max-width: 1400px;
    position: fixed;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    border-left-width: 3px;
    z-index: 9999;
    transition: 0.4s ease;
    min-width: 300px;
}

.message-success {
    color: var(--colorPrimary);
    border: 1px solid var(--greenColor);
    border-left-width: 4px;
}

.message-error {
    color: var(--colorPrimary);
    border: 1px solid var(--error_color);
    border-left-width: 4px;
}

.message-info {
    color: var(--colorAccent);
    border: 1px solid var(--colorAccent);
    border-left-width: 4px;
}

.sticky {
    position: sticky;
    top: 74px;
}

.on_desktop {
    display: flex !important;
}

.on_mobile {
    display: none !important;
}


.owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.owl-nav button {
    background: none !important;
}

.owl-nav button span {
    color: white;
    width: 48px;
    display: flex;
    text-align: center;
    height: 48px;
    font-size: 24px;
    line-height: 1;
    padding: 10px 12px;
    justify-content: center;
    border-radius: 50%;
    background: var(--colorAccent);
    transition: 0.4s ease;
}

.owl-nav button span:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    background: #450911;
}

.owl-dots {
    opacity: 0.7;
    margin-top: 16px;
}

::-webkit-scrollbar {
    width: 5px;
    height: 3px;
}

::-webkit-scrollbar-track {
    background: var(--divider);
}

::-webkit-scrollbar-thumb {
    background: var(--colorPrimary);
}

::-moz-selection { /* Code for Firefox */
    color: white;
    background: var(--colorAccent);
}

::selection {
    color: white;
    background: var(--colorAccent);
}

@font-face {
    font-family: 'AtGeodesic';
    src: url('../fonts/AtGeodesic/AtGeodesic-Regular.ttf') format('truetype');
    font-weight: normal;
}


@font-face {
    font-family: 'AtGeodesic';
    src: url('../fonts/AtGeodesic/AtGeodesic-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'AtGeodesic';
    src: url('../fonts/AtGeodesic/AtGeodesic-Light.ttf') format('truetype');
    font-weight: 300;
}


@font-face {
    font-family: 'AtGeodesic';
    src: url('../fonts/AtGeodesic/AtGeodesic-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Trancity';
    src: url('../fonts/Transcity DEMO.otf') format('opentype');
    font-weight: 500;
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .prev, .next, .text {
        font-size: 11px
    }
}

@media only screen and (max-width: 800px) {
    .row_column_alignment {
        display: flex;
        flex-direction: column;
    }

    .column_row_alignment {
        display: flex;
        flex-direction: row;
    }

    .row_column_reverse_alignment {
        display: flex;
        flex-direction: column-reverse;
    }

    .row_alignment.two > *, .row_column_alignment.two > *, .row_column_reverse_alignment.two > *,
    .row_alignment.three > *, .row_column_alignment.three > *, .row_column_reverse_alignment.three > *,
    .row_alignment.four > *, .row_column_alignment.four > *, .row_column_reverse_alignment.four > * {
        width: calc(100%);
    }

    .on_desktop {
        display: none !important;
    }

    .on_mobile {
        display: flex !important;
    }


    .owl-nav {
        transform: translateY(-100%);
    }

    .owl-nav button span {
        width: 36px;
        height: 36px;
        font-size: 24px;
        padding: 4px 6px;
    }


}