/*********************************** Start Of Common Css ***********************************/
@font-face{font-family:Arquitecta-Black;src:url(../fonts/Arquitecta-Black.otf);}
@font-face{font-family:Arquitecta-Regular;src:url(../fonts/Arquitecta-Regular.otf);}
body{font-family:Arquitecta-Regular;font-size:20px;line-height:1.5;background:#F9F6F3;padding:0px!important;margin:0px!important;}
h1,h2,h3,h4,h5,h6{font-family:Arquitecta-Black;color:#000000;letter-spacing:1px;text-transform:uppercase;margin:0px;padding:0px;}
h1{font-size:70px;line-height:1.1;}
h2{font-size:65px;line-height:1.1;}
h3{font-size:50px;line-height:1.1;}
h4{font-size:32px;line-height:1.1;}
h5{font-size:22px;line-height:1.1;}
h6{font-size:18px;line-height:1.1;}
p{font-family:Arquitecta-Regular;font-size:20px;color:#6F6F6F;line-height:1.5;margin:0px;}
p+p{margin:20px 0px 0px 0px;}
ul,ol{list-style-type:none;margin:0px;padding:0px;}
img{max-width:100%;height:auto;outline:none;}
a{color:#000000;text-decoration:none;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
a:active,a:hover,a:focus{outline:none;text-decoration:none;color:#C98A68;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
:focus{outline:none;}
input,select,textarea{font-size:15px;color:#333;width:100%;height:50px;background:#fff;padding:0px 15px;border:none;border-radius:6px;}
textarea{padding:15px;height:100px;}
input[type="checkbox"],input[type="radio"]{width:20px;height:20px;}
::-webkit-input-placeholder{color:#000000;}
::-moz-placeholder{color:#000000;}
::-ms-input-placeholder{color:#000000;}
::-moz-placeholder{color:#000000;}
b,strong{font-family:Arquitecta-Black;font-weight:normal;}

/*********************************** End Of Common Css ***********************************/

/*********************************** Start Of Common Class Css ***********************************/
.page-content{overflow:hidden;}
.container-sub{padding:0% 10%;}
.container-full{padding:0% 5%;}
.container-swiper{width:100%;}
.extra-small{font-size:12px;}
.small-size{font-size:14px;}
.medium-size{font-size:20px;}
.large-size{font-size:22px;}
.extra-large-size{font-size:25px;}
.extra-extra-large-size{font-size:28px;}
.title-box{padding-bottom:20px;}
.sub-title{font-size:18px;}
.title-info{font-size:18px;}
.title-separator{position:relative;}
.title-separator:after{content:"";background:#f1f1f1;width:32%;height:2px;display:inline-block;vertical-align:middle;margin-left:15px;}
.title-separator:before{content:"";background:#f1f1f1;width:32%;height:2px;display:inline-block;vertical-align:middle;margin-right:15px;}
.grey-color{color:#575757;}
.grey-bg{background:#575757;}
.white-color{color:#ffffff;}
.white-bg{background:#ffffff;}
.black-color{color:#000000;}
.black-bg{background:#000000;}
.primary-color{color:#007377;}
.primary-bg{background:#007377;}
.secondary-color{color:#C98A68;}
.secondary-bg{background:#C98A68;}
.light-color{color:#F9F6F3;}
.light-bg{background:#F9F6F3;}
.button{font-family:Arquitecta-Regular;font-size:20px;text-align:center;padding:15px 30px;border:none;outline:none;display:inline-block;overflow:hidden;position:relative;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.button i{color:#ffffff;width:0px;opacity:0;display:inline-block;margin-left:5px;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.button::before{content:'';position:absolute;top:0px;left:0px;right:0px;bottom:0px;width:0%;height:100%;margin:0px auto;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.button span{position:relative;}
.button-border{border:1px solid;}
.button-border-primary{border:1px solid #007377;box-shadow:none;}
.button-radius{border-radius:60px;}
.button:active i,.button:hover i,.button:focus i{width:24px;opacity:1;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.button:active,.button:hover,.button:focus{color:#ffffff;border-color:inherit;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.button:hover:before,.button:active:before,.button:focus:before{width:100%;background:#007377;border-radius:60px;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.button + .button{margin-left:15px;}
.link{border-bottom:1px solid;}
.empty-space{padding:80px 0px;}
.empty-space-top{padding-top:80px;}
.empty-space-bottom{padding-bottom:80px;}
@keyframes float{
    0%{transform:translatey(0px);}
    50%{transform:translatey(-30px);}
    100%{transform:translatey(0px);}
}
.list-box li{font-weight:500;margin:15px 0px;position:relative;padding-left:30px;font-size:20px;}
.list-box li:before{content:"";background-image:url(../images/List-Icon.png);background-size:cover;background-repeat:no-repeat;background-position:center center;vertical-align:middle;position:absolute;left:0px;top:5px;width:20px;height:20px;}

/*********************************** End Of Common Class Css ***********************************/

/*********************************** Start Of Animation Reveal  Css ***********************************/


.animation-reveal{width:0%;}
.aos-animate .animation-reveal{width:100%;animation:rollFromLeft 2s ease-in-out forwards;}
@keyframes rollFromLeft{
    from{clip-path:polygon(0 0,0 0,0 100%,0 100%);}
    to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}
}

/*********************************** End Of Animation Reveal Css ***********************************/

/*********************************** Start Of Preloader Loader Css ***********************************/
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#007377;z-index:9999;display:flex;justify-content:center;align-items:center;}
#status{background:url(../images/Preloader.png);background-repeat:no-repeat;background-position:center center;background-size:contain;width:150px;height:150px;animation:fadeIn 1s infinite alternate;}
@keyframes fadeIn{
    from{opacity:0;}
}

/*********************************** End Of Preloader Loader Css ***********************************/

/*********************************** Start Of Back To Top Css ***********************************/
.back-to-top a{font-size:14px;color:#ffffff;text-align:center;cursor:pointer;width:40px;height:40px;line-height:36px;background:#007377;border:2px solid #ffffff;position:fixed;bottom:20px;right:20px;display:none;}
.back-to-top a:hover{background:#C98A68;color:#ffffff;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}

/*********************************** End Of Back To Top Css ***********************************/

/*********************************** Start Of Bounce Top Bottom Css ***********************************/

/*.bounce{-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;}
@keyframes bounce{
    0%,20%,50%,80%,100%{transform:translateY(0);}
    40%{transform:translateY(-10px);}
    60%{transform:translateY(-10px);}
}
*/

/*********************************** End Of Bounce Top Bottom Css ***********************************/

/*********************************** Start Of Fixed Header Smooth Animation Css ***********************************/
.fixed-header{position:fixed;left:0px;right:0px;top:0px;z-index:111;box-shadow:0px 0px 20px #00000040;background:#007377;animation:smoothScroll 1s forwards;}
@keyframes smoothScroll{
    0%{transform:translateY(-40px);}
    100%{transform:translateY(0px);}
}

/*********************************** End Of Fixed Header Smooth Animation Css ***********************************/

/*********************************** Start Of Slick Slides Css ***********************************/
.slick-arrow{font-size:0px;background:#C98A68;border:1px solid #C98A68;border:none;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1;margin:0px;padding:0px;width:50px;height:50px;border-radius:100%;}
.slick-arrow:before{font-family:'bootstrap-icons';font-size:20px;color:#ffffff;}
.slick-prev:before{content:"\F284";}
.slick-next:before{content:"\F285";}
.slick-next{right:50px;}
.slick-prev{left:50px;}
.slick-arrow:hover{background:#007377;border-color:#007377;}
.slick-arrow:hover:before{color:#ffffff;}
.slick-dots{text-align:center;}
.slick-dots li{display:inline-block;vertical-align:middle;margin:0px 5px;}
.slick-dots li button{width:12px;height:12px;font-size:0px;background:#373737;border:none;border-radius:100%;margin:0px;padding:0px;display:block;}
.slick-dots li.slick-active button{background:#007377;}

/*********************************** End Of Slick Slides Css ***********************************/

/*********************************** Start Of On Scroll Text Letter Reveal Animation Css ***********************************/

/*.text-letter-reveal-animation{display:flex;flex-wrap:wrap;}*/
.text-letter-reveal-animation span{opacity:0.2;transition:color 0.4s ease,opacity 0.4s ease;}
.text-letter-reveal-animation .revealed{opacity:1;}

/*********************************** End Of On Scroll Text Letter Reveal Animation Css ***********************************/

/*********************************** Start Of On Scroll Text Letter Animation Css ***********************************/

.letter{opacity:0;transform:translateY(20px);display:inline-block;transition:all 0.4s ease;}
.text-letter-animation.show .letter{opacity:1;transform:translateY(0);}

/*********************************** End Of On Scroll Text Letter Animation Css ***********************************/

/*********************************** Start Of Drop Down Menu Css ***********************************/
.header-menu .sub-menu{position:absolute;left:0px;right:0px;top:100%;text-align:left;background:#ebebeb;width:270px;border:3px solid #ffffff;border-top:none;visibility:hidden;opacity:0;transform:translateY(-25px);z-index:11;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.header-menu ul li:hover .sub-menu{display:block;visibility:visible;opacity:1;transform:translateY(0px);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.header-menu ul li .sub-menu li{display:block;margin:0px;}
.header-menu ul li .sub-menu li a{padding:15px;}
.header-right{display:flex;align-items:center;justify-content:end;}
.header-language-dropdown{padding-left:10px;}
.header-language-dropdown button{color:#ffffff;background:none;border:none;display:flex;align-items:center;padding:0px;margin:0px;text-transform:uppercase;}
.header-language-dropdown button img{width:40px;height:40px;object-fit:cover;border-radius:100%;margin-right:5px;}
.dropdown-menu{padding:10px;margin-top:10px!important;margin-left:-60px!important;}
.dropdown-menu li + li{margin-top:10px;}
.dropdown-menu li img{width:25px;height:25px;border-radius:100%;object-fit:cover;margin-right:10px;}
.dropdown-menu li a{text-transform:uppercase;}
.dropdown-menu:after{position:absolute;content:'';width:0px;height:0px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ffffff;top:-10px;left:0px;right:0px;margin:0px auto;z-index:-1;}

/*********************************** End Of Drop Down Menu Css ***********************************/

/*********************************** Start Of Mobile Toggle Menu Css ***********************************/
.toggle-button{text-align:right;}
.toggle{border:none;background:none;padding:0px;background:#fff;width:40px;height:40px;border-radius:100px;display:block;}
.toggle span{display:block;width:24px;height:2px;background:#000;margin:5px 8px;-webkit-transition:all .2s ease-in-out;}
.toggle span:last-child{width:15px;}
.toggle:hover span:nth-child(2){width:12px;}
.toggle:hover span:last-child{width:24px;}
.toggle-open .toggle span:nth-child(1){transform:translateY(9px) translateX(0) rotate(45deg);-webkit-transform:translateY(9px) translateX(0) rotate(45deg);-moz-transform:translateY(9px) translateX(0) rotate(45deg);-webkit-transition:all .2s ease-in-out;}
.toggle-open .toggle span:nth-child(2){opacity:0;-webkit-transition:all .2s ease-in-out;}
.toggle-open .toggle span:nth-child(3){transform:translateY(-5px) translateX(0) rotate(-43deg);-webkit-transform:translateY(-5px) translateX(0) rotate(-43deg);-moz-transform:translateY(-5px) translateX(0) rotate(-43deg);-webkit-transition:all .2s ease-in-out;}
.toggle-menu{display:block;position:fixed;left:-100%;top:0;bottom:0;width:80%;height:100vh;background:#ebebeb;box-shadow:0px 0px 10px 0px #848484;padding:25px;z-index:999;overflow:auto;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.toggle-open .toggle-menu{left:0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.toggle-menu ul li{display:block;width:100%;opacity:0;transform:scale(1.15) translateY(-30px);transition:transform .5s cubic-bezier(.4,.01,.165,.99) 0s,opacity .6s cubic-bezier(.4,.01,.165,.99) 0s,-webkit-transform .5s cubic-bezier(.4,.01,.165,.99);}
.toggle-menu ul li a{padding:14px 0px 10px 0px;margin:0px;border-top:1px solid #ffff;border-bottom:1px solid #cacaca;}
.toggle-menu ul li:first-child a{border-top:none;}
.toggle-menu ul li:last-child a{border-bottom:none;}
.toggle-open .toggle-menu ul li{opacity:1;transform:scale(1) translateY(0px);-webkit-transform:scale(1) translateY(0px);}
.toggle-open .toggle-menu ul li:nth-child(1){transition-delay:0s;}
.toggle-open .toggle-menu ul li:nth-child(2){transition-delay:0.1s;}
.toggle-open .toggle-menu ul li:nth-child(3){transition-delay:0.2s;}
.toggle-open .toggle-menu ul li:nth-child(4){transition-delay:0.3s;}
.toggle-open .toggle-menu ul li:nth-child(5){transition-delay:0.4s;}
.toggle-open .toggle-menu ul li:nth-child(6){transition-delay:0.5s;}
.toggle-open .toggle-menu ul li:nth-child(7){transition-delay:0.6s;}
.toggle-menu li .toggle-link{color:#ffffff;font-size:12px;text-align:center;line-height:20px;position:absolute;right:0px;top:15px;width:20px;height:20px;background:#2579ed;}
.toggle-menu ul li .sub-menu{height:0;display:none;visibility:hidden;opacity:0;transform:translateY(0px);position:static;width:100%;}
.toggle-menu ul li:hover .sub-menu{height:0;display:none;visibility:hidden;opacity:0;}
.toggle-menu ul li .sub-menu.active{height:auto;display:block;visibility:visible;opacity:1;}

/*********************************** End Of Mobile Toggle Menu Css ***********************************/

/********************************* Start Of Header Css***************************************/
.header{position:fixed;left:0px;right:0px;top:0px;z-index:1;padding:15px 0px;}
.offcanvas-top button{color:#007377;background:#ffffff;border:none;width:40px;height:40px;margin-left:auto;display:block;}
.offcanvas-top button:hover{color:#ffffff;background:#170501;}
.header-offcanvas{background:#007377;border:none!important;height:100vh;}
.offcanvas-middle{padding:50px 15px;}
.header-menu{padding-top:25px;}
.header-menu ul li a{color:#ffffff;padding:10px;display:block;border-top:1px solid #01999f;border-bottom:1px solid #02292a;}
.header-menu ul li:first-child a{border-top:none;}
.header-menu ul li:last-child a{border-bottom:none;}
.header-menu ul li a:hover{color:#ffffff;}

/********************************* End Of Header Css***************************************/

/********************************* Start Of Home Pages Css***************************************/
.hero-bg{padding-bottom:50px;}
.hero-box{position:relative;}
.hero-info{position:absolute;top:50%;left:0%;right:0px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:15px;text-align:center;}
.hero-info-text{width:40%;}
.typewriter::after{content:"|";animation:blink 0.7s infinite;}
@keyframes blink{
    0%,50%{opacity:1;}
    51%,100%{opacity:0;}
}
.hero-box-image{width:20%;margin-bottom:-150px;}

/*.hero-image:after{content:"";width:100%;height:100%;position:absolute;left:0px;right:0px;top:0px;bottom:0px;background:linear-gradient(to bottom,rgb(0 78 80 / 84%) 0%,rgb(0 115 119 / 17%) 100%);}*/
.video-bg{overflow:hidden;position:relative;}
.video-info{position:absolute;left:0px;right:0px;bottom:80px;text-align:center;}
.video-iframe{position:relative;}
.video-iframe video{width:100%;height:900px;display:block;}
.video-iframe:after{content:"";width:100%;height:100%;position:absolute;left:0px;right:0px;top:0px;bottom:0px;background:url(../images/Video-Image.png);background-size:cover;background-repeat:no-repeat;background-position:top center;}
.video-separator-left{position:absolute;left:-100px;top:80px;z-index:1;animation:floatLeftRightZoom 3s ease-in-out infinite;}
.video-separator-right{position:absolute;right:-50px;bottom:80px;z-index:1;animation:floatLeftRightZoom 3s ease-in-out infinite;}
@keyframes floatLeftRightZoom{
    0%{transform:translateX(0px) scale(1);}
    50%{transform:translateX(30px) scale(1.05);}
    100%{transform:translateX(0px) scale(1);}
}
.product-flavor-image{position:relative;}
.product-flavor-image img{transition:transform 0.1s linear;will-change:transform;display:block;}
.product-flavor-image img:nth-child(1){position:relative;margin:0px auto;z-index:11;}
.product-flavor-image img:nth-child(2){position:absolute;left:0%;bottom:0%;z-index:111;animation:float 6s ease-in-out infinite;}
.product-flavor-image img:nth-child(3){position:absolute;left:0%;right:0%;top:12%;z-index:1;}
.product-box{border-radius:10px;overflow:hidden;position:relative;margin:20px;border:5px solid transparent;}
.product-info{background:url(../images/Image-Layer-Bg.png);background-size:cover;background-repeat:no-repeat;background-position:center center;padding:40px 20px;position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.product-info-inner{display:flex;flex-wrap:wrap;flex-direction:column;align-content:center;justify-content:space-between;text-align:center;height:100%;}
.product-slider{position:relative;}
.product-slider:before{content:"";position:absolute;left:0px;top:0px;z-index:1;width:10%;height:100%;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 25%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,1)),color-stop(25%,rgba(255,255,255,0.75)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 25%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 25%,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 25%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgb(255 255 255) 25%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1);}
.product-slider .slick-list:after{content:"";position:absolute;right:0px;top:0px;width:10%;height:100%;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.70) 41%,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(41%,rgba(255,255,255,0.41)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.70) 41%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.70) 41%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.70) 41%,rgba(255,255,255,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.70) 41%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1);}
.product-image img{width:100%;height:600px;object-fit:cover;object-position:center center;}
.product-col a{position:relative;}
.product-col a.active:after{position:absolute;content:'';width:0px;height:0px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #C98A68;bottom:-15px;left:0px;right:0px;margin:0px auto;z-index:1;}
.product-col a.active .product-box{border-color:#C98A68;}
.adventure-box{position:relative;}
.adventure-info{position:absolute;top:50%;left:0%;right:0%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}

/********************************* End Of Home Pages Css***************************************/

/********************************* Start Of Footer Css***************************************/

.footer{position:relative;}
.home .footer{margin-top:-160px;}
.footer:before{content:"";width:100%;height:160px;background:url(../images/Footer-Before.png);background-size:cover;background-repeat:no-repeat;background-position:center center;display:block;    /*position: absolute;*/left:0px;right:0px;top:-110px;}
.footer-wrapper{background:rgb(15,95,95);background:-moz-linear-gradient(top,rgba(15,95,95,1) 0%,rgba(39,118,115,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(15,95,95,1)),color-stop(100%,rgba(39,118,115,1)));background:-webkit-linear-gradient(top,rgba(15,95,95,1) 0%,rgba(39,118,115,1) 100%);background:-o-linear-gradient(top,rgba(15,95,95,1) 0%,rgba(39,118,115,1) 100%);background:-ms-linear-gradient(top,rgba(15,95,95,1) 0%,rgba(39,118,115,1) 100%);background:linear-gradient(to bottom,rgba(15,95,95,1) 0%,rgba(39,118,115,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f5f5f',endColorstr='#277673',GradientType=0);}
.social-media{display:flex;gap:12px;}
.social-media li a{font-size:25px;color:#ffffff;}
.social-media li a:hover{color:#C98A68;}
.footer-about-info{padding-right:5%;}
.footer-top{padding-top:30px;padding-bottom:30px;}
.footer-title{font-size:22px;color:#ffffff;text-transform:capitalize;margin-bottom:20px;}
.footer-menu li a{color:#ffffff;margin-bottom:10px;display:block;}
.footer-menu li a:hover{color:#C98A68;}
.footer-subscribe{background:#CD9B842E;padding:20px 40px;}
.footer-subscribe p{color:#ffffff94;}
.subscribe-form{position:relative;border-radius:6px;overflow:hidden;}
.subscribe-form button{background:#007377;border:none;width:65px;color:#fff;font-size:24px;position:absolute;height:50px;right:0px;top:0px;}
.subscribe-form button:hover{background:#C98A68;}
.footer-logo{padding-bottom:15px;}
.footer-logo img{max-width:150px;}
.footer-info{padding:15px;background:#227777;border-radius:10px;}
.footer-bottom{border-top:1px solid #ffffff26;padding:15px 0px;}
.copyright-info p a{color:#c98a68;border-bottom:1px solid;}
.copyright-info p a:hover{color:#ffffff;}

/********************************* End Of Footer Css***************************************/

/********************************* Start Of Modal Css***************************************/
.modal-content{overflow:hidden;}
.modal-top button{padding:0px;font-size:30px;height:auto;width:auto;background:none;border:none;position:absolute;right:10px;top:5px;z-index:1;}
.modal-top button i:hover{color:#007377;}
.modal-middle{padding:0px;}
.modal-info{height:100%;position:relative;display:flex;align-items:center;overflow:hidden;}
.modal-info:before{content:"";background:url(../images/Modal-Separator-Top.png);background-size:contain;background-repeat:no-repeat;background-position:center center;position:absolute;right:20%;top:-10px;width:45%;height:20%;}
.modal-info:after{content:"";background:url(../images/Modal-Separator-Bottom.png);background-size:contain;background-repeat:no-repeat;background-position:center center;position:absolute;left:-80px;bottom:0px;width:50%;height:25%;}
.modal-inner-info{text-align:center;padding:8%;}

/********************************* End Of Modal Css***************************************/

/********************************* Start Of Banner Css***************************************/
.banner-box{position:relative;}
.banner-info{position:absolute;top:50%;left:0%;right:0px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);text-align:center;}
.banner-image{width:100%;}
.banner-image img{width:100%;height:600px;object-fit:cover;object-position:bottom center;display:block;}

/********************************* End Of Banner Css***************************************/

/********************************* Start Of Cocktails Pages Css***************************************/
.testing-experience-box{background:#ffffff;padding:30px;display:flex;margin:15px 0px;position:relative;}
.testing-experience-image{width:60px;}
.testing-experience-info{width:calc(100% - 60px);padding-left:15px;}
@keyframes spin{
    100%{transform:rotateZ(360deg);}
}

/********************************* End Of Cocktails Pages Css***************************************/

/********************************* Start Of Cocktails Pages Css***************************************/
.cocktail-recipe-top-info p{font-size:30px;}
.cocktail-recipe-row{background:#ffffff;border-radius:20px;overflow:hidden;}
.cocktail-recipe-image img{width:100%;height:500px;object-fit:cover;object-position:center center;}
.cocktail-recipe-info{padding:5%;}
.left-right-row + .left-right-row{margin-top:30px;}
.left-right-row:nth-child(even){flex-direction:row-reverse;}
.product-similar-button{text-align:center;padding-bottom:15px;}

/********************************* End Of Cocktails Pages Css***************************************/

/********************************* Start Of Contact Us Pages Css***************************************/
.form-button button{min-width:150px;}

/********************************* End Of Contact Us Pages Css***************************************/