:root {
    --gold: #d7a459 !important;
    --font-family-montserrat: 'Montserrat', sans-serif, 'Arial';
}
html,body{font-family:  montserrat; background-color: #000000;color: var(--gold);}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #000;}
::-webkit-scrollbar {width: 7px;background-color:  #000;}
::-webkit-scrollbar-thumb {border-radius: 10px;background-color: var(--gold);opacity: 0.3;}
::-webkit-scrollbar-thumb:hover {opacity: 1;}
/* NAV */
nav{text-align: center;position: fixed;left:0;right:0; z-index: 999999;transition:ease all 0.5s; height: 118px;}
nav.active{background-color: rgba(0,0,0,0.9);}
nav ul,
nav ul li{margin: 0;padding: 0;list-style: none;display: inline-flex;}
nav ul li a{color: var(--gold);font-size: 15px;display: block;padding: 0 20px;transition: ease 0.5s all;position: relative;margin-top: 50px;}
nav ul li a:hover{color:white;text-decoration: none;}
nav ul li.active a{color: #fff;}
nav ul li.logo a{width: 91px;padding: 0;}
nav ul li.logo a:before{content:' ';display:block;width: 91px;height: 91px;background-image: url(../img/logo-hover.png);background-position:top center;background-repeat: no-repeat;position: absolute;top:-34px;}
nav ul li.logo:hover a{transform: scale(0.95);}
nav ul li.logo:hover a:before{background-position: bottom center;}
/* Cover video */
#cover .container{position: relative;right: 0;left:0;top:0;margin: auto;z-index: 1;min-width:70%; }
#cover .container:before,
#cover .container:after{content:' ';display:block;position: absolute;top:0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%; background-size: 100% 100%;}
#cover .container:before{background-image: url(../img/cover.png);z-index: 999;}
#cover .container:after{z-index: 999;background-image: url(../img/cover-pattern.png);background-size: inherit;opacity:0.6;}
#cover video{width: 100%;opacity: 0.4;  }
#cover .text {position: absolute;display: block;text-align: center;height: 40px;left:25%;z-index: 99999;font-size: 50px;top:40%; }
#cover .text p {display: inline-block;vertical-align: top;margin: 0;color: white;}
#cover .text .word {position: absolute;width: 624px;opacity: 0;}
#cover .text .letter {display: inline-block;position: relative;float: left;transform: translateZ(25px);transform-origin: 50% 50% 25px;color: var(--gold);font-weight: bold;}
#cover .text .letter.out {transform: rotateX(90deg);transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
#cover .text .letter.behind {transform: rotateX(-90deg);}
#cover .text .letter.in {transform: rotateX(0deg);transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
#cover .play{position: absolute;z-index:999999;color:#fff;font-size: 30px;top:55%;left: 0;right: 0;text-align: center;background-color: #d7a4591f;padding: 25px 20px 25px 25px;display: inline-block;width: 83px;border-radius: 100%;margin: auto;}
#cover .play:after{content: ' ';display: block;border solid 1px #d7a4593b;width: 100%;height: 100%;}
#cover .play:hover{background-color: #fff;color: var(--gold);}
#cover .scrollDown{position: absolute;bottom: 50px;left:0;right: 0;text-align: center;font-size: 30px;padding: 20px;}
/* BUTTONS */
#buttonBox{text-align: center;position: relative; top:-148px;z-index: 99999;left: 0;right: 0;}
#buttonBox .col{padding: 15px;}
#buttonBox .col:before{content:' ';display: block;position: absolute;top:0;left:0;right: 0;bottom: 0;background-color: #fff; border-radius: 5px;opacity: 0;transition: ease all 0.5s;}
#buttonBox .row:hover .col:before{opacity: 0;}
#buttonBox .col.active:before{opacity: 0.05;}
#buttonBox .col:hover:hover:before{opacity: 0.05;}
#buttonBox .col:hover:hover h6{color: #fff;}
#buttonBox .col i{width: 48px;height: 36px;margin: auto;display: block;background-position: center;background-repeat: no-repeat;margin-bottom: 15px;opacity: 0.5;}
#buttonBox .col h6{font-weight: 700;}
#buttonBox .col p{font-size: 12px;opacity: 0.9;}
#buttonBox .col a{display: block;color: var(--gold);font-weight: bold;}
#buttonBox .col a:hover{text-decoration: none;color: var(--white);}
/* HOME ABOUT */
#about{position: relative;padding-bottom: 100px;}
#about img{margin-bottom: 30px;}
#about .content h4{font-size: 23px;color:var(--white);font-weight: 300;opacity: 0.2;margin: 0;}
#about .content h1{font-size: 29px;color:var(--gold);font-weight: 600;margin:0 0 10px 0;}
#about .content p{font-size: 14px;color:var(--white);font-weight: 300;}
#about .content a{font-size: 14px;color:var(--white);}
#about .content a:hover{text-decoration: none;color:var(--gold);}
#about .background{content:' ';display:block;background-image: url(../img/about-background.png);background-repeat:no-repeat;width:446px;height:557px;position: absolute;right: 0;top: 0;z-index: 99; }

/* SCROLL BUTTON */
#scrollUp {font-size:40px;position: fixed;bottom: 40px;right: 40px;z-index: 999999; text-align: center; color: var(--gold); cursor: pointer;border: 0;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;}
#scrollUp:hover {  color:#fff;}
#scrollUp.show {    opacity: 1;}
/* MAP */
#map{height: 100vh;width: 100%;opacity: 0.7;position: relative;}
#map:after{content: ' ';display: block;bottom: 0;left:0;right: 0;position: absolute;height: 200px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 10%, rgba(255,255,255,0) 100%);}
#map .gmnoscreen,#map .gm-style-cc{display: none !important;}
#map .gmnoprint{ right: 0 ;left: initial !important;top: initial !important; bottom: 0;}
#map .gm-svpc{ top: 20px !important;}
#map .gmnoprint{ margin-right: -27px;}
/* CONTACT US */
#contact{position: relative;  padding:   0;top:-40vh;}
#contact .title{text-align: center;}
#contact .title h1{ }
#contact .title p{color:#fff;font-size:14px;}
#contact .cover{background-image: url("https://www.shell.com/about-us/contact-us/_jcr_content/pagePromo/image.img.960.jpeg/1517574547692/gs-contact-image-contact-us-1900x1200.jpeg");background-repeat: no-repeat;background-position: center;background-size: cover;}
#contact .col-md-8{padding-left:3px;}
#contact .box{background-color: #fff;padding: 40px 50px;}
#contact form label{font-size: 12px;color:#333;display: inline-block;position: relative;margin: 0 ;background-color: #fff;bottom: -15px;padding: 10px 10px  0px  0px;}
#contact form .form-control{border-radius: 0;padding: 13px;height: auto; font-size: 14px;}
#contact form .form-control:hover,
#contact form .form-control:focus,
#contact form .form-control:active{box-shadow: none;}
#contact form button{font-weight: 600;font-size: 30px; color:var(--gold);}
#headerHeight{min-height: 200px;text-align: center;}
#headerHeight h1{padding-top: 150px;padding-bottom:  50px;font-weight: 600;}
/* contactBox */
#contactBox{position: relative;background-image: url("assets/img/reservation-background.png");background-position: bottom center;background-size: 100% auto;background-repeat: no-repeat;padding: 100px 0 200px 0;}
#contactBox:before,
#contactBox:after{right: 0;height: 200px;width: 100%;left:0;background: rgb(0,0,0);content: ' ';display:block;position: absolute;z-index: 99;}
#contactBox:after{
    bottom:0; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}
#contactBox:before{
    top:0;
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}
#contactBox .title{text-align: center;}
#contactBox .title h1{ }
#contactBox .title p{color:#fff;font-size:14px;}
#contactBox .title a{text-decoration:none;border-radius:100px;color:#fff;font-size:14px;display:inline-block;padding:10px 20px;background-color:rgba(255,255,255,0.1);#fff;margin-bottom:30px;}
#contactBox .title a:hover{background-color:#d7a459;}
#contactBox img{position: absolute;margin: auto auto auto -100px; top:0;bottom:0;z-index: 9999;width:129%;}
#contactBox .col-md-8{padding-left:3px;}
#contactBox form{background-color: #fff;padding: 40px 50px;}
#contactBox form label{font-size: 12px;color:#333;display: inline-block;position: relative;margin: 0 ;background-color: #fff;bottom: -15px;padding: 10px 10px  0px  0px;}
#contactBox form .form-control{border-radius: 0;padding: 13px;height: auto; font-size: 14px;}
#contactBox form .form-control:hover,
#contactBox form .form-control:focus,
#contactBox form .form-control:active{box-shadow: none;}
#contactBox form select{height: 49px !important;border-radius: 0px !important;}
#contactBox form button{font-weight: 600;font-size: 30px;color:var(--gold);}
#contactBox .box{background-color:#333; background-image:url(https://media.istockphoto.com/photos/wood-texture-picture-id613692992?k=6&m=613692992&s=612x612&w=0&h=BOJGVDhmY3Ho5yMfYQHdIuGwXrrodObAqqKaekhXQSc=);	}
	#contactBox .col-md-4:before{z-index:99999;background-repeat:no-repeat;content: ' ';display:block;position:absolute;left:0;right:0;bottom:0;top:0;background-image:url( ); }
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 50s linear infinite;
  -moz-animation: rotating 50s linear infinite;
  -ms-animation: rotating 50s linear infinite;
  -o-animation: rotating 50s linear infinite;
  animation: rotating 50s linear infinite;
}

/* franchisingButton */
#franchisingButton{position:fixed;bottom:30px;left:300px;padding:15px;background-color:#d7a459;color:#fff;z-index:999999;border-radius:200px;opacity:0;}
#franchisingButton i{font-size:30px;color:#fff;float:left;padding-top: 18px;}
#franchisingButton div{float:left;padding:5px;}
#franchisingButton div h3{font-size:18px;font-weight:bold;margin:0;}
#franchisingButton div p{font-size:14px;margin:0;}
/* Franshisin */
#franshisingForm .form-control{height: auto;}
#franshisingForm label{color:#333;font-size: 14px;}
#franshisingForm .list label{display: none;}
#franshisingForm .list .row:first-child label{display: block;}
#franshisingForm{z-index: 9999999;background-color: rgba(0,0,0,0.9);}
#franshisingForm .modal-body{padding: 50px;}
#franshisingForm .modal-body label{font-size: 13px;font-weight: 500;}
#franshisingForm .modal-body label span{font-size: 10px;font-weight: 500;display: block;}
#franshisingForm .modal-body section{margin-top: 40px;}
#franshisingForm .modal-body section:first-child{margin-top:  0px;}
#franshisingForm .modal-body section.jobs label{height: 30px;}
#franshisingForm .modal-body section.rows .row>div{padding-left:0;padding-right: 0;}
#franshisingForm .modal-body section.rows .row{padding: 0 15px;}
#franshisingForm .modal-body button{width: 100%;}
#franshisingForm .modal-body select,
#franshisingForm .modal-body textarea,
#franshisingForm .modal-body input{border-color:#fff;background-color: #efefef;}
#franshisingForm .modal-body .form-control:focus{box-shadow: none;}

#videoBox{z-index: 9999999;background-color: rgba(0,0,0,0.9);}
#videoBox .close{background-color: rgba(0, 0, 0, 0); color:#fff !important;position: absolute; top: 20px;right: 20px;opacity: 1;transition: ease 500ms all;z-index: 99999;}
#videoBox .close:hover{transform: scale(1.3);}
/* Global Codes*/
.modal-backdrop{z-index: 999999;opacity: 0 !important;}
.swal2-container.swal2-shown {    background-color: rgba(0, 0, 0, 0.88) !important;z-index: 999999999 !important;}
/* PRODUCTS*/
#products{}
#products .title{text-align: center;}
#products .title h1{color: var(--gold);margin-bottom: 20px;font-weight: 600;font-size: 30px;}
#products .title p{color: #fff;font-size: 14px;}
#products .row>div{margin-top:30px;position: relative;}
#products .row>div .content{opacity:0;position: absolute;top:0;bottom: 0;right: 0;left:0;z-index: 9999;background-color: rgba(0,0,0,0.8);text-align: center;padding: 90px 50px;transition: ease 0.5s all;}
#products .row>div .content:after{width: calc(100% - 60px);height: calc(100% - 40px);content: ' ';display: block;border:solid 5px var(--gold);top:0;left:0;right: 0;bottom: 0;position: absolute;margin: auto;}
#products .row>div .content h6{font-weight: 600;color: var(--gold);}
#products .row>div .content p{color: #fff;font-size: 14px;}
#products .row>div .cover {width: 100%;height: 210px;background-size: cover;background-position: center;background-repeat: no-repeat;}
#products .row>div:hover .content{opacity:1;}

/* FRANNCHISING */
#franchisingText{color:#fff;}
#franchisingText .cover{    position: relative;width: 100%;    padding: 200px  0px 100px  0px;    background-image: url("assets/img/reservation-background.png");background-position:   center;background-size: 100% auto;background-repeat: no-repeat;}
#franchisingText .cover:before,
#franchisingText .cover:after{right: 0;height: 200px;width: 100%;left:0;background: rgb(0,0,0);content: ' ';display:block;position: absolute;z-index: 99;}
#franchisingText .cover:after{    bottom:0; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
#franchisingText .cover:before{    top:0;    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
#franchisingText h1{ font-weight:bolder;text-align: center; position: relative;z-index: 99999;}
#franchisingText .content{background-color: rgba(255,255,255,0.05);padding: 50px;}
#franchisingText .content h3{padding-bottom:30px; font-weight:600;}
#franchisingText .content ul{list-style:none;}
#franchisingText .content ul ,
#franchisingText .content ul li{margin-top:15px;}
#franchisingText .sidebar{padding-top: 0px;}
#franchisingText .sidebar h4{padding-left:15px;}
#franchisingText .sidebar a{color:#fff;display:inline-block;;padding: 7px 15px;text-decoration:none;}
#franchisingText .sidebar a.active{color:#d7a459; }
#franchisingText .sidebar a.submit{ background-color:#d7a459;color:#fff; padding:7px 20px;border-radius:100px; border:solid 1px rgba(255,255,255,0.3);}
#franchisingText .sidebar a.submit:hover{background-color:#333;color:#fff; }
#franchisingText .sidebar ul,
#franchisingText .sidebar ul li{margin:0;padding:0;list-style:none;}
#franchisingText .sidebar .active a{color:#d7a459;}
#franchisingText .sidebar .active a:before{content: "\e606";display: inline-block;    font-family: simple-line-icons; font-size: 14px;padding-right: 5px;margin-left: -19px;}

/* MEDIA */
#media{}
#media .title{text-align: center;}
#media .title h1{color: var(--gold);margin-bottom: 20px;font-weight: 600;font-size: 30px;}
#media .title p{color: #fff;font-size: 14px;}
#media .row>div{margin-top:30px;position: relative;}
#media .row>div .content{opacity:0;position: absolute;top:0;bottom: 0;right: 0;left:0;z-index: 9999;background-color: rgba(0,0,0,0.8);text-align: center;padding: 90px 50px;transition: ease 0.5s all;}
#media .row>div .content:after{width: calc(100% - 60px);height: calc(100% - 40px);content: ' ';display: block;border:solid 5px var(--gold);top:0;left:0;right: 0;bottom: 0;position: absolute;margin: auto;}
#media .row>div .content h6{font-weight: 600;color: var(--gold);}
#media .row>div .content p{color: #fff;font-size: 14px;}
#media .row>div .cover {width: 100%;height: 210px;background-size: cover;background-position: center;background-repeat: no-repeat;}
#media .row>div:hover .content{opacity:1;}
/* OUR BRANCHES */
#lists{margin-top: -100px;position: relative;z-index: 99999;}
#lists .title{padding-bottom: 50px; text-align: center;}
#lists .title h1{ }
#lists .title p{color:#fff;font-size:14px;}
#lists .box:after{content: ' ';display: block;bottom: 0;left:0;right: 0;top:0;position: absolute;        height: 200px;        background-color:rgba(0,0,0,0.8);        z-index: 0;    }
#lists .box{background-color: rgba(255,255,255,0.3);padding: 30px;margin-bottom: 30px;border-radius: 5px;position: relative;        background-size: cover;background-position: center;    }
#lists .box .content{position: relative;z-index: 9999;}
#lists .box h3{color:var(--gold);font-weight: 600;}
#lists .box p{color:#fff;margin: 0;}
#lists .box .cover{background-size: cover;background-position: center;        float: left;width: 100px;height: 100px;background-color: #fff;    }
/* Footer */
footer{padding: 100px 0;}
footer h4{font-size: 18px;color:var(--gold);font-weight: 600;}
footer .info img{float:left;margin-right: 15px;margin-top: -15px;}
footer .info p{font-size: 14px;color: #fff;}
footer .info a{font-size: 14px;color: #fff;}
footer .contact p{font-size: 14px;color: #fff;}
footer .copyright{text-align: center;padding-top: 30px;}
footer .copyright p{font-size: 12px;color: #fff;opacity: 0.4;}
/* reservation */
#reservation{position: relative;background-image: url("assets/img/reservation-background.png");background-position: bottom center;background-size: 100% auto;background-repeat: no-repeat;padding: 200px 0;}
#reservation .title{text-align: center;}
#reservation .title h1{ }
#reservation .title p{color:#fff;font-size:14px;}
#reservation img{position: absolute;margin-left:-223px;margin-top:-115px;z-index: 9999;}
#reservation .col-md-8{padding-left:3px;}
#reservation form{background-color: #fff;padding: 40px 50px;}
#reservation form label{font-size: 12px;color:#333;display: inline-block;position: relative;margin: 0 ;background-color: #fff;bottom: -15px;padding: 10px 10px  0px  0px;}
#reservation form .form-control{border-radius: 0;padding: 13px;height: auto; font-size: 14px;}
#reservation form .form-control:hover,
#reservation form .form-control:focus,
#reservation form .form-control:active{box-shadow: none;}
#reservation form button{font-weight: 600;font-size: 30px;color:var(--gold);}
/*  franchisingBox  */

#franchisingBox{position: relative; padding: 200px 0;}
#franchisingBox .title{ }
#franchisingBox .title h1{ }
#franchisingBox .title p{color:#fff;font-size:14px;}
#franchisingBox .title button,
#franchisingBox .title a{border:none;text-decoration:none;border-radius:100px;color:#fff;font-size:14px;display:inline-block;padding:10px 20px;background-color:rgba(255,255,255,0.1);#fff;margin-bottom:30px;}
#franchisingBox .title a:hover{background-color:#d7a459;}
#franchisingBox .gold{background-color: #d7a459 !important;}
#franchisingBox form h3{margin-top: 50px;color:#fff;text-align: center;}
/* Instagram */
#instafeed {    width: 100%;    margin: auto;    display: flex;    flex-wrap: wrap;    background: rgba(255,255,255,0.06);}
#socialMedia{padding-top: 50px;}
#socialMedia .title{text-align: center;}
#socialMedia .title h1{ }
#socialMedia .title p{color:#fff;font-size:14px;}
#instafeed a {    display: flex;    align-items: center;    position: relative;    width: 50%;}
#instafeed a img {    display: block;    width: 100%;}

#languages{position: fixed;top:0;right: 50px;z-index: 99999999;}
#languages .flag {text-align:center;display:inline-block;width:auto;line-height: inherit;background:rgba(255,255,255,0.1);padding: 10px 0;transition: ease all 0.5s;color:#fff;cursor: pointer;}
#languages .flag:after {transition: ease all 0.5s;content:"";display:block;position:relative;top: 20px;width:0;height:0;border-width:0px 20px  10px 20px;border-style:solid;border-color:rgba(255,255,255,0.1) rgba(255,255,255,0.1) transparent rgba(255,255,255,0.1);}
#languages .flag:hover{padding: 10px 0 20px 0;background-color: #fff;color:#333;text-decoration: none;}
#languages .flag:hover:after{top: 30px;border-color:#fff #fff transparent #fff;}
#languages .flag.active{background-color: #d4a258;color:#fff;}
#languages .flag.active:after{border-color:#d4a258 #d4a258 transparent #d4a258;}

/* WHATSAPP ICON */
#whatsappIcon{position: fixed;left:30px;bottom: 30px;z-index: 9999;}
#whatsappIcon .box{padding: 15px;background-color: var(--gold);color:#fff; position: absolute;left: 0px;bottom:  0px;display:  block;border-radius: 100px;-webkit-animation-name: whatsappIcon;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-name: whatsappIcon;animation-duration: 2s;animation-iteration-count: infinite;}
#whatsappIcon .box i{font-size: 50px;float: left;padding-right: 10px;padding-left: 10px;}
#whatsappIcon .box p{font-size: 16px;display: block;width: 200px; padding-top: 5px;margin: 0;}
#whatsappIcon .box p span{font-size: 12px;display: block;}
#whatsappIcon .links{display:none;text-align: center;padding-bottom:25px;background-color: var(--gold);margin-bottom: 100px;border-radius: 30px;width: 230px;position: relative;}
#whatsappIcon .links:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: var(--gold);border-width: 15px;margin-left: -15px;}
#whatsappIcon .links p{padding: 15px 15px  5px 15px;margin: 0;color:#fff;}
#whatsappIcon .links a{padding: 5px 15px;color:#fff;width: calc(100% - 30px);display: inline-block;text-align: center;background-color: rgba(255,255,255,0.1);color:#fff;margin-top: 5px;border-radius: 5px;}
#whatsappIcon .links a:hover{text-decoration: none;background-color: #fff;color:#333;}
#whatsappIcon:hover .links{display: block;}
@-webkit-keyframes whatsappIcon {0%   {background-color:var(--gold);}50%  {background-color:var(--grayDark);}100% {background-color:var(--gold);}}
@keyframes whatsappIcon {0%   {background-color:var(--gold);}50%  {background-color:var(--grayDark);}100% {background-color:var(--gold);}}

/* RESPONSIVE */
@media only screen and (min-width: 580px) {
    #instafeed a {
        width: 20%;
    }
}

/* RESPONSIVE */
@media only screen and (min-width: 580px) {
    #instafeed a {
        width: 20%;
    }
}

@media only screen and (max-width: 960px) {
    /* NAV */
    body{width: 100vw; }
    #cover{padding-top: 80px;}
    nav{width: 100vw;}
    nav ul, nav ul li{ display: block;}
    nav ul li:nth-child(4){ display: none;}
    nav ul li a { margin: 0px; padding: 10px; color: white;}
    nav ul li:last-child{padding-bottom: 30px;}
    nav{ position:fixed; padding:20px; background-color: /*#d8a459*/ rgba(0,0,0,0.9); height: auto;}
    nav ul{display: none;}
    nav.active{background-color: #d8a459;border-bottom: solid 1px rgba(255,255,255,0.1);}
    nav:before{background-position: bottom center; content:' ';display: block; width: 50px; height: 50px;background-size: 100% auto;background-image: url(https://www.cinaraltikunefe.com/assets/img/logo-hover.png);}
    nav:after{content:'\e601'; font-family: simple-line-icons; color: #ffffff; font-size: 30px; position: absolute; right: 20px; top:20px;   display: inline;}
    #cover{width: 100vw;overflow: hidden;}
    #cover .text{ font-size: 23px; left: 40px;}
    #cover .play{margin-top:  10px; font-size: 20px;width: 69px;}
    #cover video{opacity: 0.7;}
    #buttonBox{top: 0;}
    #buttonBox .row{ margin:30px 0;}
    #franchisingButton{ width: auto; margin: auto;display: inline-block;padding: 5px 15px;}
    #franchisingButton i{font-size: 20px;}
    #franchisingButton p{ display: none; }
    #franchisingButton div{padding: 0;width: 100px;}
    #franchisingButton div>h3{ margin-top: 10px; margin-left: 10px;font-size: 14px;font-weight: normal;}
    #franchisingBox {padding: 50px 0;}
    #franchisingBox a,
    #franchisingBox button{margin-bottom: 10px !important;display: block !important;text-align: left !important;width:100%;position: relative;}
    #franchisingBox .icon-arrow-right:before{position: absolute;right: 15px;}
    #contactBox{padding: 0;max-width: 100vw;overflow: hidden;}
    #contactBox img{position: relative;width: 70%;margin: -30px auto -70px auto; display: block;}
    #contactBox .container{padding:   0;}
    #contactBox .box{padding:  0 ;position: relative;margin-top: 50px;}
    #contactBox form{padding: 40px;margin: 30px 30px 50px 30px;border-radius: 10px;}
    #contactBox form button{background-color: #d8a459; color: #ffffff;display: block;margin-top: 15px;font-size: 16px ;text-align: center;}
    #contactBox form .form-group{margin-bottom: 5px;}
    #contact .box{border-radius: 15px;padding: 20px 30px;}
    #contact form button{background-color: #d8a459; color: #ffffff;display: block;margin-top: 15px;font-size: 16px ;text-align: center;}
    #contact{padding: 15px;top:0;margin-top: -40vh;}
    #contact .col-md-8{padding: 0;}
    #about .scroll{width: 50%;}
    #products{padding-bottom: 30px;}
    #products .row>div{width: 50%;}
    #products .row>div .cover{border-radius: 10px;overflow: hidden;}
    #products .row>div:nth-child(2n+1){position: relative;bottom: -30px;}
    #scrollUp{bottom: 15px;}
    footer .info img{width: 100px;float: inherit;margin-bottom: 15px;}
    footer .info{padding-bottom: 15px;}
    footer .info{padding-bottom: 15px;}
    #franchisingText .content{padding: 15px; }
    #franchisingText .content p{font-size: 14px;}
    #franchisingText .cover{padding: 130px 0 50px 0;}
    #franchisingText .cover h1{font-size: 30px;}
    #maps{ display: none;}
    #lists{margin: 0;padding-top: 150px;}
    #whatsappIcon{left:15px;bottom: 30px;}
    #whatsappIcon .box{padding: 7px;width: 147px;}
    #whatsappIcon .box i{font-size: 20px;float: left;padding-right: 10px;padding-left: 10px;}
    #whatsappIcon .box p{font-size: 14px;  padding-top: 0px; }
    #whatsappIcon .box p span{font-size: 12px;display: block;}
    #whatsappIcon .links{margin-bottom: 49px;}
    #whatsappIcon .links:after{top:99%;left:30%;}
}