:root {
    --yawhite: #fff;
    --yablack: #000;
    --yablue: #2466d4;
    --yablackgray: #26282a;
    --yadarkgray: #383d43;
    --yagray: #5d6670;
    --yalightgray: #f5f5f4;
}

body {
    font-family: 'Manrope';
    font-weight: normal;
    font-style: normal;
    color: var(--yablack);
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    font-family: 'Manrope';
    font-weight: bold;
    font-style: normal;
}
h1, .h1 {
    font-size: 48px;
}
a, a:active, a:focus, a:visited {color: var(--yablackgray)}
a, a:hover {color: var(--yablue)}

/* @media (min-width: 1536px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1536px;
    }
} */
    
/* color */
.c-yawhite {color: var(--yawhite) !important;transition: .2s;}
.c-yablack {color: var(--yablack) !important;transition: .2s;}
.c-yablue {color: var(--yablue) !important;transition: .2s;}
.c-yablackgray {color: var(--yablackgray) !important;transition: .2s;}
.c-yadarkgray {color: var(--yadarkgray) !important;transition: .2s;}
.c-yagray {color: var(--yagray) !important;transition: .2s;}
.c-yalightgray {color: var(--yalightgray) !important;transition: .2s;}
    
/* :hover color */
.c-h-yawhite:hover {color: var(--yawhite) !important;transition: .2s;}
.c-h-yablack:hover {color: var(--yablack) !important;transition: .2s;}
.c-h-yablue:hover {color: var(--yablue) !important;transition: .2s;}
.c-h-yablackgray:hover {color: var(--yablackgray) !important;transition: .2s;}
.c-h-yadarkgray:hover {color: var(--yadarkgray) !important;transition: .2s;}
.c-h-yagray:hover {color: var(--yagray) !important;transition: .2s;}
.c-h-yalightgray:hover {color: var(--yalightgray) !important;transition: .2s;}
    
/* background-color */
.bg-yawhite {background-color: var(--yawhite);transition: .2s;}
.bg-yablack {background-color: var(--yablack);transition: .2s;}
.bg-yablue {background-color: var(--yablue);transition: .2s;}
.bg-yablackgray {background-color: var(--yablackgray);transition: .2s;}
.bg-yadarkgray {background-color: var(--yadarkgray);transition: .2s;}
.bg-yagray {background-color: var(--yagray);transition: .2s;}
.bg-yalightgray {background-color: var(--yalightgray);transition: .2s;}
    
/* :hover background-color */
.bg-h-yawhite:hover {background-color: var(--yawhite);transition: .2s;}
.bg-h-yablack:hover {background-color: var(--yablack);transition: .2s;}
.bg-h-yablue:hover {background-color: var(--yablue);transition: .2s;}
.bg-h-yablackgray:hover {background-color: var(--yablackgray);transition: .2s;}
.bg-h-yadarkgray:hover {background-color: var(--yadarkgray);transition: .2s;}
.bg-h-yagray:hover {background-color: var(--yagray);transition: .2s;}
.bg-h-yalightgray:hover {background-color: var(--yalightgray);transition: .2s;}
    
 /* :active background-color */
 .bg-a-yawhite:active {background-color: var(--yawhite);transition: .2s;}
 .bg-a-yablack:active {background-color: var(--yablack);transition: .2s;}
 .bg-a-yablue:active {background-color: var(--yablue);transition: .2s;}
 .bg-a-yablackgray:active {background-color: var(--yablackgray);transition: .2s;}
 .bg-a-yadarkgray:active {background-color: var(--yadarkgray);transition: .2s;}
 .bg-a-yagray:active {background-color: var(--yagray);transition: .2s;}
 .bg-a-yalightgray:active {background-color: var(--yalightgray);transition: .2s;}
    
/* border */
.b-yawhite {border: var(--yawhite) 1px solid;transition: .2s;}
.b-yablack {border: var(--yablack) 1px solid;transition: .2s;}
.b-yablue {border: var(--yablue) 1px solid;transition: .2s;}
.b-yablackgray {border: var(--yablackgray) 1px solid;transition: .2s;}
.b-yadarkgray {border: var(--yadarkgray) 1px solid;transition: .2s;}
.b-yagray {border: var(--yagray) 1px solid;transition: .2s;}
.b-yalightgray {border: var(--yalightgray) 1px solid;transition: .2s;}
    
/* :hover border */
.b-h-yawhite:hover {border: var(--yawhite) 1px solid;transition: .2s;}
.b-h-yablack:hover {border: var(--yablack) 1px solid;transition: .2s;}
.b-h-yablue:hover {border: var(--yablue) 1px solid;transition: .2s;}
.b-h-yablackgray:hover {border: var(--yablackgray) 1px solid;transition: .2s;}
.b-h-yadarkgray:hover {border: var(--yadarkgray) 1px solid;transition: .2s;}
.b-h-yagray:hover {border: var(--yagray) 1px solid;transition: .2s;}
.b-h-yalightgray:hover {border: var(--yalightgray) 1px solid;transition: .2s;}

.text-small {font-size: 0.8rem;}
.text-big {font-size: 1.2rem;}


img.logo-livan {
    width: 115px;
    height: auto;
}
img.model-label {
    margin-bottom: -170px;
}

.map-plate {
    left: 55%;
    top: 40px;
}

.remodal-overlay {
    background: rgba(0, 0, 0, .4);
}
.remodal-close,
.remodal-close:before {
    top: 0;
    left: unset;
    right: 0;
}
.alert {
    display: none;
}

.model-color {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.model-color-white {background-color: #ffffff;}
.model-color-gold {background-color: #B7A38A;}
.model-color-blue {background-color: #0459A8;}
.model-color-red {background-color: #E30D;}
.model-color img {
    height: 12px;
    width: auto;
}
.discount-check {
    width: 20px;
    height: 20px;
}
.discount-check img {
    height: 6px;
    width: auto;
}

.menu-cover {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.45);
}


.form-control {
    font-weight: 300 !important;
}
.form-control:focus {
    border-color: var(--yagray);
    outline: 0;
    box-shadow: unset;
}
.form-check-input:focus {
    border-color: var(--yagray);
    outline: 0;
    box-shadow: unset;
}
.form-check-input:checked {
    background-color: var(--yablue);
    border-color: var(--yablue);
}




@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {
    .w-80 {
        width: 80% !important;
    }
}
@media (max-width: 991.98px) {
    .w-80 {
        width: 80% !important;
    }
}
@media (max-width: 1199.98px) {}
@media (max-width: 1399.98px) {}