:root {


   --yellow:           #ff8000; 
   --red:            #ee2b2c; 
   --text-color:     #000000; 
   --grey:           #cecece;
   --dark-grey:      #333;
   --brown:      #52352c;
	--d: 2500ms;
	--angle: 90deg;
	--gradX: 10%;
	--gradY: 50%;
	--c1: rgba(255,128,0, 1);
	--c2: rgba(255,128,0, 0.1);    
}


@font-face {
    font-family: 'La Oriental';
    src: url('/fonts/La Oriental.woff2') format('woff2'),
         url('/fonts/La Oriental.woff') format('woff'),
         url('/fonts/La Oriental.ttf') format('truetype'),
         url('/fonts/La Oriental.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}
/*
@font-face {
    font-family: 'Bahnschrift';
    src: url('/fonts/Bahnschrift.woff2') format('woff2'),
         url('/fonts/Bahnschrift.woff') format('woff'),
         url('/fonts/Bahnschrift.ttf') format('truetype'),
         url('/fonts/Bahnschrift.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}
*/

@font-face {
    font-family: 'Qasengi Trial';
    font-style: normal;
    font-weight: 400;
    src: local('Qasengi Trial'), url('/fonts/Qasengitrial.woff') format('woff');
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('/fonts/subset-Bahnschrift.eot');
    src: url('/fonts/subset-Bahnschrift.eot?#iefix') format('embedded-opentype'),
        url('/fonts/subset-Bahnschrift.woff2') format('woff2'),
        url('/fonts/subset-Bahnschrift.woff') format('woff'),
        url('/fonts/subset-Bahnschrift.ttf') format('truetype'),
        url('/fonts/subset-Bahnschrift.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'bahnschriftregular';
    src: url('/fonts/bahnschrift-webfont.woff2') format('woff2'),
         url('/fonts/bahnschrift-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



h1,h2,h3,h4,h5,h6 {font-weight:unset;font-size:unset;padding:unset;margin:unset}
html 			{height:100%; position:relative; font-size:1rem;font-family: "Bahnschrift", sans-serif;}
body 			{margin:0;padding:0;;background-size: cover;background-position: top;background-repeat: no-repeat;background-color:#0c0c0c; }
img             {max-width:100%}
.header {position: relative;  width: 100%;  height: 90px;}
.header.absolute {position: absolute}
.header-phone a{text-decoration: none;color:white}
.menu-squares{position: absolute;top:20px;right:20px;display: grid;grid-template-columns: 1fr 1fr 1fr;justify-content: center;align-items: center;z-index: 9;cursor: pointer;z-index:12}
.menu-squares .sq{position: relative;width: 7px;height: 7px;background-color: white;border-radius: 2px;margin: 4px;pointer-events: none;}
.menu-squares i{color:white;font-size: 2rem}
.menu-start  { position: relative;top:30px;z-index: 10}
.menu-start ul {  display: flex;  list-style: none;  height: 100%;  align-items: center;  justify-content: center;padding:0;margin:0}
.menu-start li a{color:white;text-decoration: none;margin: 0px}

.asq1 {animation: sq1 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq2 {animation: sq2 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq3 {animation: sq3 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq4 {animation: sq4 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq5 {animation: sq5 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq6 {animation: sq6 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq7 {animation: sq7 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq8 {animation: sq8 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq9 {animation: sq9 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}

.asq1b {animation: sq1b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq2b {animation: sq2b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq3b {animation: sq3b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq4b {animation: sq4b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq5b {animation: sq5b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq6b {animation: sq6b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq7b {animation: sq7b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq8b {animation: sq8b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq9b {animation: sq9b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}

 @keyframes show_up { 0% {margin-top:10% } 100% {margin-top:0; }}     
 @keyframes scale { 0% {transform:scale(0.2);opacity:0; } 100% {transform:scale(1);opacity:1; }}     

 
 @keyframes sq1 { 0% {top:0;left:0 } 100% {left: 3px;top: 3px;  transform: rotate(90deg);background-color:#FC9204}}     
 @keyframes sq2 { 0% {top:0;left:0 } 100% {left: 0;top: 3px;  transform: rotate(90deg);background-color:#FC9204 }}     
 @keyframes sq3 { 0% {top:0;right:0 } 100% {right: 3px;top: 3px;  transform: rotate(90deg); background-color:#FC9204}}     
 @keyframes sq4 { 0% {top:0;left:0 } 100% {left: 3px;top: 0;  transform: rotate(90deg); background-color:#FC9204}}     
 @keyframes sq5 { 0% {top:0;left:0 } 100% {left: 0;top: 0;  transform: rotate(90deg); background-color:#FC9204}}     
 @keyframes sq6 { 0% {top:0;right:0 } 100% {right: 3px;top: 0;  transform: rotate(90deg);background-color:#FC9204}}     
 @keyframes sq7 { 0% {bottom:0;left:0 } 100% {bottom: 3px;left: 3px;  transform: rotate(90deg);background-color:#FC9204 }}     
 @keyframes sq8 { 0% {bottom:0;left:0 } 100% {bottom: 3px;left: 0;  transform: rotate(90deg);background-color:#FC9204 }}     
 @keyframes sq9 { 0% {bottom:0;right:0 } 100% {bottom: 3px;right: 3px;  transform: rotate(90deg);background-color:#FC9204 }}     
    
    
 
 @keyframes sq1b { 0% {top:3px;left:3px } 100% {left: 0;top: 0;  transform: rotate(90deg);}}     
 @keyframes sq2b { 0% {top:3px;left:0 } 100% {left: 0;top: 0;  transform: rotate(90deg);}}     
 @keyframes sq3b { 0% {top:3px;right:3px } 100% {right: 0;top: 0;  transform: rotate(90deg); }}     
 @keyframes sq4b { 0% {top:0;left:3px } 100% {left: 0;top: 0;  transform: rotate(90deg); }}     
 @keyframes sq5b { 0% {top:0;left:0 } 100% {left: 0;top: 0;  transform: rotate(90deg);} }     
 @keyframes sq6b { 0% {top:0;right:3px } 100% {right: 0;top: 0;  transform: rotate(90deg);}}     
 @keyframes sq7b { 0% {bottom:3px;left:3px } 100% {bottom: 0;left: 0;  transform: rotate(90deg); }}     
 @keyframes sq8b { 0% {bottom:3px;left:0 } 100% {bottom: 0;left: 0;  transform: rotate(90deg); }}     
 @keyframes sq9b { 0% {bottom:3px;right:3px } 100% {bottom: 0;right: 0;  transform: rotate(90deg); }}     
    
 

nav {display:none;position: relative;padding:10px;justify-content: space-between;  align-items: center;box-shadow: 0 0 25px 0px #cecece;}
.logo {position:absolute;display:inline-block;width:250px;z-index: 10;top:20px;left:20px}


nav .nav-container {position:relative;float:right;display:inline-block}
nav .nav-item {position:relative;margin:0 10px;color:black;font-size:1rem;padding:10px 20px;text-decoration: none}
nav .nav-item.call-item {background-color:#9BEFFF}
div.hamburger {  display: none;}
nav .claim {position: absolute;  left: 100px;}

.header-phone {position: absolute;top:15px;left:30%;color:white;z-index: 11;justify-content: flex-start;align-items: center;grid-gap:0 20px;font-size:1.6rem}
.header-phone img{max-width:50px;max-height:50px}
.header-point {position: absolute;top:15px;right:30%;color:white;z-index: 11;justify-content: flex-start;align-items: center;grid-gap:0 20px;font-size:1.2rem}
.header-point img{max-width:50px;max-height:50px}


.slider   {position: relative;margin-bottom:50px}
.slider  .slider-box-container {position: relative;width:35%;top:230px; margin-left:50px;padding:20px;overflow: hidden;max-width:100%;min-width: 450px;border-radius:20px;text-align: center;background-color: #0000007d;}
.slider   .slider-title{font-family: 'La Oriental';position: relative;font-size:min(max(16px, 4vw), 58px);;  color: white;}
.slider   .slider-sub-title{position: relative;color:white;font-size: 1.8rem;}
.slider   .slider-title span {color:var(--red)}
.slider   .slider-title::after{content:'';position:absolute;bottom:-110px;left:50%;right:50%;width:100%;height:100%;max-width:80%;background-image: url('/img/claw.png');background-repeat: no-repeat;background-size: contain;transform: translate(-50%, -50%);}

.slider  .slider-box {height:100%;min-height:1100px;background-size: cover;background-position: top;background-repeat:no-repeat;}
.slider  .text-number {font-size:2rem;font-family: 'La Oriental';color:white;}
.slider  .text-price {font-size:4rem;font-family: 'La Oriental';color:var(--red)}


.slider.slider_category .slider-box { height: 300px;}
.slider.slider_category .slider-box .slider-box-container { background-color: #2785d7e5;}


    
    
    
    
    
    
    


.section-offer-box {position: relative;text-align: center;padding-bottom:100px;margin-bottom:200px}
.section-offer-box .section-box{margin:0 auto;width:80%;display:flex;flex-wrap: wrap;  grid-gap: 50px 0;margin-top:100px}
.section-offer-box .section-title{font-family: 'La Oriental';position: relative;font-size: 4rem;  color: white;display:inline-block}
.section-offer-box  .section-title span {color:var(--red)}
.section-offer-box  .section-title::after{content:'';position:absolute;bottom:-110px;left:50%;right:50%;width:100%;height:100%;max-width:80%;background-image: url('/img/claw.png');background-repeat: no-repeat;background-size: contain;transform: translate(-50%, -50%);}



.section-offer-box .offer-box-item{position: relative;}
.section-offer-box .offer-box-foto{position: relative; max-height:150px;z-index: 10 }
.section-offer-box .offer-box-content{position: relative;}
.section-offer-box .offer-box-title{position:relative;color:white;font-size:2.2rem;font-weight:bold;margin-bottom:10px;font-family: "Qasengi Trial";text-align: center}
.section-offer-box .offer-box{flex-basis: 20%;position: relative;min-width: 20%;text-decoration: none;color:white}
.section-offer-box .offer-box img{max-height:125px;z-index: 11;position: relative;transition: all 0.3s;}

.section-offer-box .offer-box::after {content:'';position:absolute;bottom:-110px;left:50%;right:50%;width:100%;height:100%;max-width:70%;background-image: url('/img/menu-shine.png');background-repeat: no-repeat;background-size: contain;transform: translate(-50%, -50%);z-index: -1;opacity: 0.2;}

.section-offer-box .offer-box-item:hover > .offer-box-foto img{transform: scale(1.2)}

.section-about {position: relative;text-align: center;margin-bottom:200px}
.section-about .about-flex{position: relative;display: flex;justify-content: flex-start;align-items: flex-start;width:80%;margin:0 auto;grid-gap:0 100px;margin-top:100px}
.section-about .about-box{position: relative;flex-basis: 50%}
.section-about .about-container{position: relative;flex-basis: 100%}
.section-about .about-img{border: 1px solid white;  padding: 30px;}

.section-about .section-text{color:white;text-align: left;font-size:1.6rem;line-height:160%}
.section-about .section-title{font-family: 'La Oriental';position: relative;font-size: 4rem;  color: white;display:inline-block}
.section-about  .section-title span {color:var(--red)}
.section-about  .section-title::after{content:'';position:absolute;bottom:-110px;left:50%;right:50%;width:100%;height:100%;max-width:80%;background-image: url('/img/claw.png');background-repeat: no-repeat;background-size: contain;transform: translate(-50%, -50%);min-width: 400px;}



.section-why-us {position: relative;text-align: center;}
.section-why-us .why-us-flex{position: relative;display: flex;justify-content: flex-start;align-items: flex-start;width:80%;margin:0 auto;grid-gap:0 100px;margin-top:100px}
.section-why-us .why-us-item{flex-basis: 100%}
.section-why-us .why-us-box{position: relative;}
.section-why-us .why-us-container{position: relative;flex-basis: 100%}
.section-why-us .why-us-img {height:200px;display: flex;  justify-content: center;  align-items: center;}
.section-why-us .why-us-img img{max-width:200px}

.section-why-us .section-text{color:white;text-align: center;font-size:1.6rem;line-height:120%}
.section-why-us .why-us-title{color:var(--yellow);font-weight:bold;font-size:2.2rem;margin:20px 0;font-family: "bahnschriftregular"}

.section-why-us .section-title{font-family: 'La Oriental';position: relative;font-size: 4rem;  color: white;display:inline-block}
.section-why-us  .section-title span {color:var(--red)}
.section-why-us  .section-title::after{content:'';position:absolute;bottom:-110px;left:50%;right:50%;width:100%;height:100%;max-width:80%;background-image: url('/img/claw.png');background-repeat: no-repeat;background-size: contain;transform: translate(-50%, -50%);min-width: 550px;}


.section-why-us .why-us-img::after {content:'';position:absolute;bottom: -400px;  left: 50%;  right: 50%;  width: 90%;  height: 210%;  max-width: 160%;background-image: url('/img/menu-shine.png');background-repeat: no-repeat;background-size: contain;transform: translate(-50%, -50%);z-index: -1;opacity: 0.12; mix-blend-mode: lighten;}



.section-big-box {position: relative;margin-bottom:200px;background-repeat: no-repeat;background-size: cover;min-height:1200px}
.section-big-box .big-box-container {position: absolute;  padding: 50px;  max-width: 600px;  right: 15%;  top: 13%;  text-align: center;}
.section-big-box .big-box-title{color:var(--yellow);font-weight:bold;font-size:2.2rem;margin:20px 0;font-family: "bahnschriftregular"}
.section-big-box .section-text{color:white;text-align: center;font-size:1.6rem;line-height:120%}



.section-map {position: relative;text-align: center;}
.section-map .section-title{font-family: 'La Oriental';position: relative;font-size: 4rem;  color: white;display:inline-block}
.section-map  .section-title span {color:var(--red)}
.section-map  .section-title::after{content:'';position:absolute;bottom:-110px;left:50%;right:50%;width:100%;height:100%;max-width:80%;background-image: url('/img/claw.png');background-repeat: no-repeat;background-size: contain;transform: translate(-50%, -50%);min-width: 550px;}


.section-why-us .why-us-img::after {content:'';position:absolute;bottom: -400px;  left: 50%;  right: 50%;  width: 90%;  height: 210%;  max-width: 160%;background-image: url('/img/menu-shine.png');background-repeat: no-repeat;background-size: contain;transform: translate(-50%, -50%);z-index: -1;opacity: 0.12; mix-blend-mode: lighten;}







.section-offer-details {position: relative;text-align: center;padding-bottom:100px}
.section-offer-details .section-title{font-family: 'La Oriental';position: relative;font-size: 4rem;  color: white;display:inline-block}
.section-offer-details  .section-title span {color:var(--red)}
.section-offer-details  .section-title::after{content:'';position:absolute;bottom:-110px;left:50%;right:50%;width:100%;height:100%;max-width:80%;background-image: url('/img/claw.png');background-repeat: no-repeat;background-size: contain;transform: translate(-50%, -50%);min-width: 550px;}

.section-offer-details .offer-details-container {width:70%;margin:50px auto 0 auto;padding:50px;background-color:black}
.section-offer-details .offer-details-grid {display:grid;grid-template-columns: 20% calc(65% - 60px) 15%;justify-content: center;align-items: center;grid-gap:30px;border-bottom: 1px solid #ffffff40;}
.section-offer-details .offer-details-name {color:var(--yellow);text-align: left;font-size:2.5rem}
.section-offer-details .offer-details-subname {color:white;text-align: left;font-size:1.5rem}
.section-offer-details .offer-details-price {font-size: 3rem;  font-family: 'La Oriental';  color: var(--red);}




.section-map #map {width: 100%; height: 90vh; }

.section-footer {position: relative;padding:50px 0}
.section-footer img{max-width:300px;margin-bottom:20px}
.section-footer .footer-container{position: relative;max-width:80%;margin:0 auto;display:block;text-align: center;color:white}




.section-offer-box-nav {position: relative;margin-bottom:30px}
.section-offer-box-nav .offer-box-nav{display: flex;  justify-content: center;  align-items: center;flex-basis: 100%;height:100px;background-color: black;text-decoration: none;overflow: hidden;position: relative;
    border: 2px solid black;
	}



.section-offer-box-nav .offer-box-item-nav{position: relative;height:60%;width:60%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: all 0.3s;}
.section-offer-box-nav .section-box-nav{display:flex;justify-content: flex-start;align-items: center;grid-gap: 0 10px;}

.section-offer-box-nav .offer-box-title-nav{display:flex;width:100%;height:100%;justify-content: center;align-items: center;color:white;text-decoration: none;z-index: 2;position: absolute;transition: all 0.3s;top:0}
.section-offer-box-nav .offer-box-title-nav h3{text-decoration: none}
.section-offer-box-nav .offer-box-item-nav::before{position: absolute;content:"";width:100%;height:100%;top:0;left:0;background-color:RGB(0,0,0,0.4);z-index: 1;transition: all 0.3s;}

.section-offer-box-nav .offer-box-nav:hover > .offer-box-title-nav{top:-100px}
.section-offer-box-nav .offer-box-nav:hover  .offer-box-item-nav::before {background-color:RGB(0,0,0,0.0)}
.section-offer-box-nav .offer-box-nav:hover  .offer-box-item-nav {transform: scale(1.4)}
.section-offer-box-nav .offer-box-nav:hover   {border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn, var(--c2) 0.25turn) 30;animation: borderRotate var(--d) linear infinite forwards;background-color:#121212}


.blue-icon {color:#099bd7}
.gold-icon {color:#d77409}
.green-icon {color:#2ab537}

.text-yellow {color:var(--yellow);}
.text-red {color:var(--red);}


.btn-blue-normal {font-size:2em; background-color:#0B74AE;color:white;padding:5px 20px;display: inline-block;font-weight:bold}



.text-white-big {font-size:3rem; color:white;}
.text-white-medium {font-size:2rem; color:white;}
.text-white-normal {font-size:1rem; color:white;}
.text-white-small {font-size:0.8rem; color:white;}
.text-white-tiny {font-size:0.7rem; color:white;}
.text-white-micro {font-size:0.6rem; color:white;}

.text-big {font-size:4rem; }
.text-medium {font-size:2.5rem;}
.text-middle {font-size:2rem;}
.text-normal {font-size:1rem;}
.text-small {font-size:0.8rem; }
.text-tiny {font-size:0.7rem;}
.text-micro {font-size:0.6rem; }

.font-big {font-size:3rem; }
.font-medium {font-size:2rem;}
.font-middle {font-size:1.5rem;}
.font-normal {font-size:1rem;}
.font-small {font-size:0.8rem; }
.font-tiny {font-size:0.7rem;}
.font-micro {font-size:0.6rem; }

.text-1-2 {font-size:1.2rem; }
.text-1-4 {font-size:1.4rem; }
.text-1-6 {font-size:1.6rem; }
.text-1-8 {font-size:1.8rem; }

.t-100 {font-weight: 100}
.t-200 {font-weight: 200}
.t-300 {font-weight: 300}
.t-500 {font-weight: 500}
.t-700 {font-weight: 700}
.t-900 {font-weight: 900}


.text-italic {font-style: italic}
.text-blue {color:#3d759c}
.text-quote {position: relative;font-family: "Baskervville";}
.text-quote::before {position: absolute;content: '“';width:60px;height:60px;left:-80px;top:-40px;font-size:5rem;color:var(--brown);font-weight: bold}
.text-quote::after {position: absolute;content: '“';width:60px;height:60px;right:-80px;bottom:-40px;font-size:5rem;color:var(--brown);transform: rotate(180deg);font-weight: bold}

.grid-2 {display:grid; grid-template-columns: 1fr 1fr ;align-items: flex-start;justify-content: flex-start}
.grid-gap-1 {grid-gap:10px}
.grid-gap-2 {grid-gap:20px}
.grid-gap-3 {grid-gap:30px}
.grid-gap-4 {grid-gap:40px}
.grid-gap-5 {grid-gap:50px}
.grid-gap-0-2 {grid-gap:0 20px}
.flex {display:flex}
.grid {display:grid}
.bb {border-bottom:1px solid var(--border-color);}
.bt {border-top:1px solid var(--border-color);} 
.bt-w {border-top:1px solid white} 
.br {border-right:1px solid var(--border-color);} 
.mb-05 {margin-bottom:0.5rem}
.mb-1 {margin-bottom:1rem}
.ml-1 {margin-left:1rem }
.ml-2 {margin-left:2rem}
.mb-2 {margin-bottom:2rem}
.mr-2 {margin-right:2rem}
.mr-1 {margin-right:1rem}
.mb-3 {margin-bottom:3rem}
.mb-4 {margin-bottom:4rem}
.mb-5 {margin-bottom:5rem}
.mb-6 {margin-bottom:6rem}
.mb-8 {margin-bottom:8rem}
.mt-03 {margin-top:0.3rem}
.mt-1 {margin-top:1rem}
.mt-10 {margin-top:10px}
.mb-10 {margin-bottom:10px}
.mt-2 {margin-top:2rem}
.mt-3 {margin-top:3rem}
.mt-4 {margin-top:4rem}
.mt-5 {margin-top:5rem}
.mt-6 {margin-top:6rem}
.mt-8 {margin-top:8rem}
.mt--10 {margin-top:-10px !important}
.mt--9 {margin-top:-9px !important}
.mt--5 {margin-top:-5px !important}
.pb-03 {padding-bottom:3px}
.pb-05 {padding-bottom:5px}
.pb-06 {padding-bottom:6px}
.pb-1 {padding-bottom:1rem}
.pb-2 {padding-bottom:2rem}
.pb-04 {padding-bottom:0.4rem}
.pb-10 {padding-bottom:10px}
.pb-20 {padding-bottom:20px}
.pt-1 {padding-top:1rem}
.pt-10 {padding-top:10px}
.pl-1 {padding-left:1rem}
.pl-2 {padding-left:2rem}
.pl-10 {padding-left:10px}
.pt-2 {padding-top:2rem}
.pr-1 {padding-right:1rem}
.pr-2 {padding-right:2rem}
.pr-50 {padding-right:50px}
.pr-100 {padding-right:100px}
.p1 {padding:1rem;}
.p2 {padding:2rem;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.text-red {color:var(--red);font-weight:bold}
.text-cyan {color:darkcyan;font-weight:bold;text-decoration: none}
.text-0-8 {font-size:0.8rem;}
.text-1 {font-size:1rem;}
.text-1-2 {font-size:1.2rem;}
.text-1-4 {font-size:1.4rem;}
.text-1-6 {font-size:1.6rem;}
.disabled {background-color:grey !important}
.bold {font-weight:bold}
.dark-grey-box {background-color:var(--dark-grey); color:white;border-radius:10px; padding:20px; }
.hide {display:none}
.hide-f {display:none !important}
.text-center {text-align: center}
.text-left {text-align: left}
.text-right {text-align: right}
.pr {position: relative}
.oh {overflow: hidden}
.lh-2 {line-height:200%}
.w100 {width:100% !important} /* NEW */
.w50 {width:50% } /* NEW */
.w60 {width:60% } /* NEW */
.w70 {width:70% } /* NEW */
.w82 {width:82% } /* NEW */
.mw150 {min-width:150px}
.db {display:block}
.dib {display:inline-block}
.btn-container-right {position: relative;text-align:right }
.btn-container-center {position: relative;text-align:center}
.ar {position:relative; margin-right:0;margin-left:auto} /*  NEW  */
.al {position:relative; text-align: left} /*  NEW  */
.link-text {text-decoration:none;font-size:0.8rem;var(--grey);}
.link-text:hover {text-decoration:underline;}
.auto-rows {grid-auto-rows: 1fr;align-items: unset}
.h100 {height:100%;}
.grid-cb {display:grid; grid-template-columns: 20% 80%; justify-content: center;align-items: center}
.disabledBtn {background-color:grey !important;color:white !important}
.disabledBtnFav {color:grey !important}
.fr {float:right}
.orange {color:orange}
.dark-red {color:var(--dark-red)}
.emptyInfo {background-color: white;padding:20px}
.backToTop {position: sticky;bottom: 20px;right: 0;background-color: white;border-radius: 50%;padding: 10px;box-shadow: 0px 0px 35px -10px black;left: 100%;display: inline-block;margin-bottom: 20px;}
.backToTop:hover {color:var(--dark-red);}
.hideBack {display:none !important}
.gr13 {grid-row:1/3}
.gr12 {grid-row:1/2}
.gc914 {grid-column:9/14}
.gc913 {grid-column:9/13}
.v-center {display:flex;align-items: center;height:100%}
p {margin:0}
.tar {text-align: right}
 .checkCont input[type="checkbox"],.checkCont input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.mh100 {min-height:100px}
.mh150 {min-height:150px}
.mh200 {min-height:200px}
.mh300 {min-height:300px}
.mh500 {min-height:500px}
.pt-0 {padding-top:0}
.colorYellow {color:#ff9700}
.colorGreen {color:#3f9d3d}
.colorBlue {color:#056eb0}
.va-c {align-items: center}

#nav-icon3 {
  width: 40px;
  height: 25px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
 #nav-icon3 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 18px;
}

#nav-icon3 span:nth-child(4) {
  top: 36px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

@property --angle {
  syntax: '<angle>';
  initial-value: 90deg;
  inherits: true;
}

@property --gradX {
  syntax: '<percentage>';
  initial-value: 50%;
  inherits: true;
}

@property --gradY {
  syntax: '<percentage>';
  initial-value: 0%;
  inherits: true;
}


@keyframes borderRotate {
	100% {
		--angle: 420deg;
	}
}

@keyframes borderRadial {
	20% {
		--gradX: 100%;
		--gradY: 50%;
	}
	40% {
		--gradX: 100%;
		--gradY: 100%;
	}
	60% {
		--gradX: 50%;
		--gradY: 100%;
	}
	80% {
		--gradX: 0%;
		--gradY: 50%;
	}
	100% {
		--gradX: 50%;
		--gradY: 0%;
	}
}



.dots-container {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:9;}
.show-dots {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:999}
.dots-close {position:absolute;right:0;margin:20px;cursor: pointer;z-index:10;top:0}
.dots-content {background-color: black;  width: 30%;  right: 0;  position: absolute;  height: calc(100% - 40px);padding:20px;overflow: auto;color:white}
.dots-menu {text-align: center}
.dots-title {font-size: 2rem;padding:20px 10px;border-bottom:1px solid white;cursor:pointer;display: block;text-decoration: none;color:white}
.dots-category {text-align: center;padding:10px 5px;background-color:var(--red);color:white;cursor:pointer;display: block;text-decoration: none;color:white}
.dots-items {display:grid;grid-template-columns: 10% calc(80% - 50px) 10%;justify-content: flex-start;align-items: center;grid-gap:20px;cursor:pointer;color:white;border-bottom:1px solid white;text-decoration: none}
.dots-img img{max-width:100%}
.dots-items .dots-name{}
.dots-category:hover {background-image: linear-gradient(to right, var(--red) , white,var(--red));color:var(--red)}
.dots-title:hover {background-image: linear-gradient(to right, black , #3e3e3e ,  black );}








.modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:9;}
.close-button {position:absolute;right:0;margin:20px;width: 1.5rem;line-height: 1.5rem;text-align: center;cursor: pointer;border-radius: 0.25rem;background-color: #cecece;z-index:10;top:0}
.close-button:hover {background-color: darkgray;}
.show-modal {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:999}
.show-modal.modal-i .info-ghost-box{padding: 10px 20px 10px 85px;font-size: 2rem;text-align: center;}












#mobile {  opacity: 0;  visibility: hidden;  width: 100vw;  height: 100vh;  left: 0;  top: 0;  background-color: RGBA(0,0,0,0.9);  color: #fff;  z-index: 9;  display: block;  position: fixed;  transition: opacity .35s, visibility .35s, height .35s;}

.open {  opacity: 1 !important;  visibility: visible !important;  display: block !important; }
#mobile .menu-item {  font-size: 4vw;  color: white;  padding: 10px 5px 10px 40px;  text-transform: uppercase;  letter-spacing: 5px;  display: inline-block;  font-family: 'Exo', sans-serif;  text-decoration: none;}
#mobile ul, #mobile li {  list-style: none;}
#mobile .mobile-menu {  position: relative;  width: 100%;  text-align: left;  margin-top: 15%;  display: inline-block;  z-index: 2;  left: 0%;}
#mobile ul, #mobile li {  list-style: none;  padding: 0;  margin: 0;    margin-top: 0px;}





@media screen and (max-width : 1600px) {
 .slider .slider-box-container {  width: 45%;}
  .slider .slider-box {      min-height: 800px; }  
  .slider .slider-title {     font-size: 3.2vw;}   
     
.text-white-big {   font-size: 2.5rem;}  
.text-white-medium { font-size: 1.5rem;}   
nav .nav-item {  padding: 10px 15px;}  
.slider  .slider-box-container {min-width: 400px;}   
.section-offer-box .section-box {  width: 95%;} 


}
@media screen and (max-width : 1440px) {
   nav .nav-item {    padding: 10px 10px;  }   
    
}

@media screen and (max-width : 1360px) {
   nav .nav-item {    padding: 10px 2px;  }   
.header-point {    right: 20%;}    
  .slider .slider-title::after {bottom: -80px;} 
.slider .slider-box-container { width: 35%;  top: 150px;    margin-left: 0px;}      
 .section-offer-box .offer-box img {    max-width: 244px;  } 
     .section-about .about-flex {  width: 95%; grid-gap:0 70px;  }
    .section-about .section-text {        font-size: 1.3rem;}    
 .section-why-us .why-us-flex {  width: 90%;      grid-gap: 0 80px;}   
 .section-why-us .why-us-title {     font-size: 1.6rem;}   
 .section-why-us .section-text {       font-size: 1.2rem;}    
    .section-big-box {  margin-bottom: 200px;  min-height: 700px;  }    
  .section-big-box .big-box-container {     right: 2%;top:5%}  
 .slider .slider-sub-title {  font-size: 1.4rem;}   
.section-offer-details .offer-details-container {    width: 90%;}    
 .section-offer-box-nav .offer-box-nav { height: 70px;}       
    .section-offer-box-nav .offer-box-title-nav { font-size: 0.6rem; } 
.section-offer-box .offer-box {  min-width: 19%;}
    
    
}

@media screen and (max-width : 1200px) {
   nav  .claim {display:none}  
    
}




@media screen and (max-width : 720px) {
    body {background-image:unset !important}
nav   .nav-container   {display:none}
.header-phone { top: 75px;     left: 10%;}       
.header-phone img {  max-width: 30px;  max-height: 30px;}  
.header-point {  display:none}
.slider .slider-title {    font-size: 8vw;    margin-top: 80px;  }   
.slider .slider-title::after {    bottom: -60px;  }  
.slider .slider-sub-title {    font-size: 1rem;  } 
.slider .text-number {    font-size: 1.4rem;}   
.slider .text-price {    font-size: 2rem;}   
.slider .slider-box {    min-height: 80vh;  }  
.section-offer-box .section-title::after {  bottom: -70px; max-width: 100%;  }
.section-offer-box .section-title {  font-size: 10vw; }  
.section-offer-box .section-box {  margin-top: 70px;   }   
.section-offer-box .offer-box::after {  bottom: -110px;  width: 100%;  height: 100%;  max-width: 100%;}    
.section-offer-box .offer-box {  flex-basis: 50%; text-decoration: none}    
.section-offer-box .offer-box img {    max-width: 80%;    height: 100px;}   
.section-offer-box .offer-box-title {    font-size: 1.8em;}     
.slider .slider-box-container {    top: 7%;    margin-left: 10px;    min-width: unset;    width: calc(100% - 60px);  }  
.slider .slider-box {    height: 400px;  }       
.offer-slider-buttons {display:none}  
.certificates-slider-buttons {display:none}  
.section-offer-box .offer-slider-box {  max-width: 90%;}   
    
.section-about .about-flex {display: block;    margin-top: 40px;}
.section-about .about-img {     padding: 10px;}
.section-about .section-text {    font-size: 1.2rem;    padding: 10px;  }    

.section-why-us .section-title {    font-size: 10vw;}     
.section-why-us .section-title::after {    bottom: -70px;   max-width: 100%;    min-width: unset;}    
.section-why-us .why-us-flex {    display: block;margin-top: 40px;}
.section-why-us .why-us-img {     height: 100px;}   
.section-why-us .why-us-img img {  max-height: 100%;  max-width: 100px;}  
.section-why-us .why-us-img img {  max-height: 100%;  max-width: 100px;}  

.section-big-box { background-size: contain;    background-position-y: 50%;    margin-top: 150px;    margin-bottom: 0px;    min-height: 450px;}  
.section-why-us .why-us-img::after {      bottom: -180px;}  
.section-big-box .big-box-container {    right: 0;    top: 0;    width: calc(100% - 20px);    position: relative;    padding: 0;    margin: 0 auto;  }  
.section-big-box .big-box-title {    font-size: 1.6rem;}   
.section-big-box .section-text {      font-size: 1.2rem;}  
.section-map .section-title {     font-size: 10vw;}  
.section-map .section-title::after {  bottom: -70px;  height: 100%;  max-width: 100%;  min-width: unset;}  
.section-about .section-title::after {  bottom: -110px;  height: 100%;  max-width: 100%;  min-width: unset;}  
.section-offer-box {  padding-bottom: 100px;  margin-bottom: 100px;}    
 
    
.section-offer-box-nav .section-box-nav {  flex-wrap: wrap;}   
.section-offer-box-nav .offer-box-nav { flex-basis: calc(20% - 12px);  }
.section-offer-box-nav .offer-box-item-nav {  height: 90%;      width: 90%;}      
.section-offer-details .section-title {      font-size: 10vw;}  
.section-offer-details .section-title::after {  bottom: -65px;    height: 100%;    max-width: 100%;    min-width: 200px;}  
.section-offer-details .offer-details-grid {      display: block;}  
    
 .section-offer-details .offer-details-container { padding: 0;}   
 .section-offer-details .offer-details-img img {  max-width: 50%;}
  .section-offer-details .offer-details-name {  font-size: 1.6rem;}  
  .section-offer-details .offer-details-subname {  font-size: 1.2rem;}  
 .section-offer-details .offer-details-price {  font-size: 2rem;  margin: 20px 0;}   
    
    .text-cotainer-details {padding:0 20px}  
    
    
  .dots-content {  background-color: black;      width: 90%;}      
}