/*========================== Custom css ==========================*/
/* ========= Typeogrphy =========== */
 ::selection{
     background: var(--primary);
     color: #fff !important;
}
 .font-poppins h1, .font-poppins h2, .font-poppins h3, .font-poppins h4, .font-poppins h5, .font-poppins h6, .font-poppins{
     font-family: 'Poppins', sans-serif;
}
 .font-roboto{
     font-family: 'Roboto', sans-serif;
}
 .font-montserrat{
     font-family: 'Montserrat', sans-serif;
}
 .font-lora{
     font-family: 'Lora', serif;
}
 .font-barlow{
     font-family: 'Barlow', sans-serif;
}
 .sy-controls {
     display: none !important;
}
/* Coming Soon */
 .dez-coming-soon {
     position: relative;
     min-height: 100vh;
     width: 100vw;
     background-size: cover;
     background-position: center;
     z-index: 1;
}
 .dez-coming-soon .container {
     position: relative;
}
 .dez-coming-bx {
     width: 100%;
}
 .heart{
     width: 18px;
     height: 18px;
     display: inline-block;
     position: relative;
     top: 4px;
     margin: 0 4px;
}
 .heart i{
     width: 50px;
     height: 50px;
     display: inline-block;
     background: url(../images/heart/like.png) no-repeat;
     cursor: pointer;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
/* Countdown Style 1 */
 .countdown .date .time {
     font-size: 90px;
     font-weight: 600;
     line-height: 90px;
     margin-bottom: 5px;
}
 .countdown .date {
     color: #000;
     padding-right: 30px;
     display:inline-block;
}
 .countdown .date span {
     display: block;
     font-size:17px;
     font-weight:500;
     text-transform:uppercase;
     letter-spacing:1px;
}
 .count-1.countdown .date .time {
     font-size: 70px;
     font-weight: 400;
     margin-bottom: 6px;
     background-color: #185993;
     color: #fff;
     width: 110px;
     height: 115px;
     border-radius: 12px;
     text-align: center;
     line-height: 115px;
}
 .count-1.countdown .date{
     padding-left:18px;
     padding-right:18px;
     position:relative;
}
 .count-1.countdown .date:after{
     content: ":";
     font-size: 60px;
     position: absolute;
     right: -9px;
     top: 0;
     line-height: 115px;
     width: 15px;
     color:#185993;
}
 .count-1.countdown .date:last-child:after{
     content:none;
}
 .countdown-timer {
     padding-bottom: 30px;
}
 .clock-item{
     width: 155px;
     position: relative;
     margin: 0 10px;
}
 .countdown-timer .clock .text{
     position: absolute;
     top: 0;
     width: 100%;
}
 .countdown-timer .clock .type-time{
     text-transform: uppercase;
     color: #fff;
     font-size: 16px;
     letter-spacing: 2px;
     text-align: center;
     margin-bottom: 0;
}
 .countdown-timer .clock .kineticjs-content{
     position:relative;
}
 .countdown-timer .clock .kineticjs-content:after{
     content: "";
     position: absolute;
     border: 1px solid rgba(255,255,255,0.3);
     border-radius: 100%;
     top: 2px;
     bottom: 2px;
     left: 2px;
     right: 2px;
     z-index: -1;
}
 .countdown-timer .clock .val{
     font-size: 70px;
     color: #fff;
     width: 100%;
     line-height: 155px;
     text-align: center;
     margin-bottom: 15px;
}
 .countdown-timer .clock{
     display:flex;
}
/* Position */
 .posi-center, .bottom-right, .bottom-left, .top-right, .top-left {
     position: fixed;
     z-index: 2;
     display: block;
}
 .bottom-right {
     bottom: 60px;
     right: 60px;
}
 .bottom-left {
     bottom: 60px;
     left: 60px;
}
 .top-right {
     top: 60px;
     right: 60px;
}
 .top-left {
     top: 60px;
     left: 60px;
}
 .posi-center {
     left:50%;
     top:50%;
     transform:translate(-50%, -50%);
     text-align:center;
     width: 100%;
}
 .dez-align .top-right, .dez-align .bottom-right{
     right:10px;
}
/* sidenav-menu */
 .sidenav-menu{
     position: fixed;
     left: 0;
     height: 100vh;
     width: 90px;
     border-right: 1px solid rgba(0,0,0,0.2);
     display: flex;
     align-items: center;
     flex-direction: column;
     padding: 20px 20px;
     justify-content: space-between;
}
 .menu-btn{
     display:none;
}
 .menu-btn a{
     position: relative;
     width: 40px;
     height: 22px;
     display: flex;
     justify-content: space-between;
     flex: unset;
     flex-direction: column;
}
 .menu-btn a span{
     height: 2px;
     background: #000;
     display: block;
     width: 100%;
}
 .sidenav-menu .dez-social-icon.social-2{
     margin:0;
}
 .sidenav-menu .dez-social-icon.social-2 li a{
     color: #000;
     font-family: 'Lora', serif;
     text-transform: capitalize;
     font-weight: 400;
     writing-mode: vertical-rl;
     padding: 10px 10px;
     margin: 0;
     display: block;
}
/* nav */
 .menuleft{
     width: 100%;
     background: #fff;
     height: 100%;
     position: fixed;
     z-index: 999;
     left: -100%;
     top: 0;
     display: flex;
     align-items: center;
     transition: all 0.5s;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
}
 .menuleft:after{
     content: "";
     height: 100%;
     width: 0;
     background: #ff6977;
     top: 0;
     z-index: -1;
     position: absolute;
     left: 0;
     transition: all 0.5s ease 0.5s;
}
 .menuleft.active:after{
     width: 100%;
}
 .menuleft .close-btn{
     position: absolute;
     right: 40px;
     top: 40px;
     font-size: 70px;
     font-weight: 100;
     color: #fff;
     line-height: 40px;
     cursor: pointer;
}
 .menuleft.active{
     left:0;
}
 .menuleft .nav{
     padding: 0 80px;
}
 .menuleft .nav li{
     display:block;
     width:100%;
}
 .menuleft .nav li a{
     color: #fff;
     display: inline-block;
     font-size: 70px;
     padding: 15px 0;
     line-height: 80px;
     position:relative;
     z-index:1;
     transition: all 0.5s;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
}
 .menuleft .nav li a:after{
     content: "";
     width: 0;
     height: 6px;
     position: absolute;
     left: 0;
     top: 50%;
     background: #fff;
     opacity: 1;
     transition: all 0.5s;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
}
 .menuleft .nav li a:hover:after{
     width: 100%;
}
 .menuleft .nav li a{
     padding-left:20px;
}
/* =============================== about-sidebox ================================ */
 .about-sidebox {
     position: fixed;
     top: 0;
     height: 100vh;
     width: 100vw;
     left: -110%;
     display: block;
     overflow: hidden;
     margin-top: 0;
     z-index: 9999;
     background:#fff;
     transition:all 0.8s;
}
 .about-sidebox.active {
     left: 0;
}
 .about-sidebox:after{
     content:"";
     position:absolute;
     width:100%;
     bottom:0;
     z-index:-1;
     left:0;
     right:100%;
     transition:all 0.5s;
     background:#000;
}
 .about-sidebox.active:after{
}
 .contact-box{
     max-width:50vw;
     height:100vh;
     background: #e4e8f3;
}
 .about-sidebox .closebtn{
     position: absolute;
     top: 0;
     left: 0;
     width: 50px;
     height: 50px;
     z-index: 2;
     background: #5362ff;
     font-size: 30px;
     font-weight: 200;
     line-height: 50px;
     text-align: center;
     color: #fff;
}
 .about-sidebox .closebtn:hover{
     background:#5462ff;
     color:#fff;
}
 .about-section{
     display:flex;
}
 .contact-box .contact-form{
     padding: 80px 80px;
     height: 70vh;
     position:relative;
     z-index:1;
}
 .contact-box .form-group{
     position:relative;
     z-index:1;
}
 .contact-box .form-group label{
     color: #000;
     font-weight: 400;
     font-size: 15px;
     position: absolute;
     left: 0px;
     top: 15px;
     margin: 0;
     transition:all 0.5s;
     -moz-transition:all 0.5s;
     -webkit-transition:all 0.5s;
     -ms-transition:all 0.5s;
     -o-transition:all 0.5s;
}
 .contact-box .form-group.focused label{
     font-size: 13px;
     top: -10px;
     color: #000;
     font-weight: 600;
}
 .contact-box input.form-control{
     height: 50px;
}
 .contact-box textarea.form-control{
     height:240px;
}
 .contact-box .form-control{
     border: 1px solid #cccccc;
     border-radius: 0;
     border-width: 0 0 1px 0;
     padding: 15px 0;
     background: transparent;
     position: relative;
}
 .contact-box .form-group:after{
     content: "";
     background-image: linear-gradient(to right,#2e79ff 0,#5462ff 51%,#2e79ff 100%);
     height: 2px;
     width: 100%;
     z-index: 1;
     position: absolute;
     bottom: 0;
     box-shadow: 0px 5px 10px 0 rgba(47,120,255,0.35) !important;
     background-size: 200%;
}
 .contact-info{
     background:#e4e8f3;
     height:30vh;
     display:flex;
}
 .contact-info .col:first-child{
     background:#eef2fb;
}
 .contact-info .col{
     padding: 60px 80px;
     max-width: 50%;
     flex: 0 0 50%;
}
 .contact-info .col .title{
     margin: 0 0 10px 0;
     font-size: 22px;
     color: #212328;
     font-weight: 600;
     line-height: 28px;
}
 .contact-info .col a, .contact-info .col p{
     color: #717171;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
}
 .contact-form .title{
     position: absolute;
     right: 0;
     margin: 0;
     color: #000;
     text-transform: uppercase;
     writing-mode: vertical-lr;
     padding: 0px 15px;
     font-size: 16px;
     letter-spacing: 2px;
}
 .contact-form .title:after{
     content: "";
     height: 40px;
     width: 1px;
     position: absolute;
     background: #000;
     bottom: -50px;
     left: 50%;
}
 .gallery-area{
     width: 50vw;
     height: 100vh;
     background:#212328;
     padding: 80px;
}
 .gallery-box{
     margin-bottom:30px;
}
 .gallery-box .gallery-media{
     border-radius: 8px;
     overflow:hidden;
}
 .gallery-box .gallery-media img{
     transform: scale(1.15);
     -moz-transform: scale(1.15);
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
     transition:all 0.5s;
     -moz-transition:all 0.5s;
     -webkit-transition:all 0.5s;
     -ms-transition:all 0.5s;
     -o-transition:all 0.5s;
}
 .gallery-box:hover .gallery-media img{
     transform: scale(1);
     -moz-transform: scale(1);
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 .gallery-area .mCSB_dragger {
     background-color: rgba(0, 0, 0, 0.2);
}
 .contact-info .col, .gallery-area{
     clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 0% 100%);
     -ms-clip-path:polygon(0% 100%, 0% 0%, 0% 0%, 0% 100%);
     -moz-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 0% 100%);
     -webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 0% 100%);
     transition:all 0.8s ease 0.8s;
}
 .about-sidebox.active .contact-info .col, .about-sidebox.active .gallery-area{
     clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%);
     -ms-clip-path:polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%);
     -moz-clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%);
     -webkit-clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%);
}
 .contact-form{
     background:#fff;
     clip-path:polygon(100% 100%, 100% 100%, 0% 100%, 0% 100%);
     -ms-clip-path:polygon(100% 100%, 100% 100%, 0% 100%, 0% 100%);
     -moz-clip-path: polygon(100% 100%, 100% 100%, 0% 100%, 0% 100%);
     -webkit-clip-path: polygon(100% 100%, 100% 100%, 0% 100%, 0% 100%);
     transition:all 0.8s ease 1s;
}
 .about-sidebox.active .contact-form{
     clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%);
     -ms-clip-path:polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%);
     -moz-clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%);
     -webkit-clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%);
}
/* Subscribe */
 .subscribe-box .modal-content{
     padding: 60px 40px;
     border-radius: 20px;
     max-width: 550px;
     width: 550px;
     border: 0;
}
 .subscribe-box .modal-header{
     background: transparent;
     flex-direction: column;
     text-align: center;
     padding: 0;
     border: 0;
}
 .subscribe-box .modal-header .modal-title{
     color: #111854;
     margin: 0 0 5px 0;
     font-size: 32px;
     font-weight: 600;
     display: block;
     width: 100%;
}
 .subscribe-box .modal-header p{
     font-size:16px;
     line-height:24px;
     color:#70738d;
     margin-bottom: 35px;
}
 .subscribe-box .modal-header .close{
     margin: 0;
     font-weight: 200;
     font-size: 45px;
     opacity: 0.5;
     position: absolute;
     line-height: 45px;
     padding: 0;
     right: 25px;
     top: 20px;
     background: none;
     border: 0;
}
 .subscribe-box .modal-body{
     padding: 0;
}
 .subscribe-box .modal-footer{
     padding: 0;
     border: 0;
     text-align: center;
     display: block;
}
 .subscribe-box .form-control{
     border: 2px solid #5462ff;
     height: 50px;
     font-size: 16px;
     font-weight: 400;
     padding: 10px 20px;
     border-radius: 8px;
}
 .subscribe-box .form-control.radius-no{
     border-radius: 0;
}
 .subscribe-box .modal-header img{
     margin: -10px auto -5px;
     -webkit-animation: ring 8s .7s ease-in-out infinite;
     -webkit-transform-origin: 50% 4px;
     -moz-animation: ring 8s .7s ease-in-out infinite;
     -moz-transform-origin: 50% 4px;
     animation: ring 8s .7s ease-in-out infinite;
}
/* bell */
 @-webkit-keyframes ring {
     0% {
         -webkit-transform: rotateZ(0);
    }
     1% {
         -webkit-transform: rotateZ(30deg);
    }
     3% {
         -webkit-transform: rotateZ(-28deg);
    }
     5% {
         -webkit-transform: rotateZ(34deg);
    }
     7% {
         -webkit-transform: rotateZ(-32deg);
    }
     9% {
         -webkit-transform: rotateZ(30deg);
    }
     11% {
         -webkit-transform: rotateZ(-28deg);
    }
     13% {
         -webkit-transform: rotateZ(26deg);
    }
     15% {
         -webkit-transform: rotateZ(-24deg);
    }
     17% {
         -webkit-transform: rotateZ(22deg);
    }
     19% {
         -webkit-transform: rotateZ(-20deg);
    }
     21% {
         -webkit-transform: rotateZ(18deg);
    }
     23% {
         -webkit-transform: rotateZ(-16deg);
    }
     25% {
         -webkit-transform: rotateZ(14deg);
    }
     27% {
         -webkit-transform: rotateZ(-12deg);
    }
     29% {
         -webkit-transform: rotateZ(10deg);
    }
     31% {
         -webkit-transform: rotateZ(-8deg);
    }
     33% {
         -webkit-transform: rotateZ(6deg);
    }
     35% {
         -webkit-transform: rotateZ(-4deg);
    }
     37% {
         -webkit-transform: rotateZ(2deg);
    }
     39% {
         -webkit-transform: rotateZ(-1deg);
    }
     41% {
         -webkit-transform: rotateZ(1deg);
    }
     43% {
         -webkit-transform: rotateZ(0);
    }
     100% {
         -webkit-transform: rotateZ(0);
    }
}
 @-moz-keyframes ring {
     0% {
         -moz-transform: rotate(0);
    }
     1% {
         -moz-transform: rotate(30deg);
    }
     3% {
         -moz-transform: rotate(-28deg);
    }
     5% {
         -moz-transform: rotate(34deg);
    }
     7% {
         -moz-transform: rotate(-32deg);
    }
     9% {
         -moz-transform: rotate(30deg);
    }
     11% {
         -moz-transform: rotate(-28deg);
    }
     13% {
         -moz-transform: rotate(26deg);
    }
     15% {
         -moz-transform: rotate(-24deg);
    }
     17% {
         -moz-transform: rotate(22deg);
    }
     19% {
         -moz-transform: rotate(-20deg);
    }
     21% {
         -moz-transform: rotate(18deg);
    }
     23% {
         -moz-transform: rotate(-16deg);
    }
     25% {
         -moz-transform: rotate(14deg);
    }
     27% {
         -moz-transform: rotate(-12deg);
    }
     29% {
         -moz-transform: rotate(10deg);
    }
     31% {
         -moz-transform: rotate(-8deg);
    }
     33% {
         -moz-transform: rotate(6deg);
    }
     35% {
         -moz-transform: rotate(-4deg);
    }
     37% {
         -moz-transform: rotate(2deg);
    }
     39% {
         -moz-transform: rotate(-1deg);
    }
     41% {
         -moz-transform: rotate(1deg);
    }
     43% {
         -moz-transform: rotate(0);
    }
     100% {
         -moz-transform: rotate(0);
    }
}
 @keyframes ring {
     0% {
         transform: rotate(0);
    }
     1% {
         transform: rotate(30deg);
    }
     3% {
         transform: rotate(-28deg);
    }
     5% {
         transform: rotate(34deg);
    }
     7% {
         transform: rotate(-32deg);
    }
     9% {
         transform: rotate(30deg);
    }
     11% {
         transform: rotate(-28deg);
    }
     13% {
         transform: rotate(26deg);
    }
     15% {
         transform: rotate(-24deg);
    }
     17% {
         transform: rotate(22deg);
    }
     19% {
         transform: rotate(-20deg);
    }
     21% {
         transform: rotate(18deg);
    }
     23% {
         transform: rotate(-16deg);
    }
     25% {
         transform: rotate(14deg);
    }
     27% {
         transform: rotate(-12deg);
    }
     29% {
         transform: rotate(10deg);
    }
     31% {
         transform: rotate(-8deg);
    }
     33% {
         transform: rotate(6deg);
    }
     35% {
         transform: rotate(-4deg);
    }
     37% {
         transform: rotate(2deg);
    }
     39% {
         transform: rotate(-1deg);
    }
     41% {
         transform: rotate(1deg);
    }
     43% {
         transform: rotate(0);
    }
     100% {
         transform: rotate(0);
    }
}
 .map-box{
     position: absolute;
     top: 0;
     width: 0;
     height: 100%;
     left: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     transition:all 0.5s;
     -moz-transition:all 0.5s;
     -webkit-transition:all 0.5s;
     -ms-transition:all 0.5s;
     -o-transition:all 0.5s;
     z-index: 1;
}
 .map-box.active{
     width:100%;
}
 .map-box iframe{
     width:100%;
}
 .contact-form .map-btn{
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: 1px;
     right: 0;
     bottom: 0;
     position: absolute;
     writing-mode: vertical-rl;
     padding: 20px 15px;
     width: 50px;
     border: 0;
     height: 150px;
     text-align: center;
     overflow:hidden;
     z-index: 1;
}
 .contact-form .map-btn, .map-btn span{
     transition: all 0.5s;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
}
 .map-btn span{
     display: inline-block;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .map-btn span:last-child{
     transform: translateY(100%);
     -moz-transform: translateY(100%);
     -webkit-transform: translateY(100%);
     -ms-transform: translateY(100%);
     -o-transform: translateY(100%);
     opacity: 0;
}
 .map-box.active + .map-btn span:first-child{
     transform: translateY(-100%);
     -moz-transform: translateY(-100%);
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
}
 .map-box.active + .map-btn span:last-child{
     transform: translateY(0);
     -moz-transform: translateY(0);
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     opacity: 1;
}
 .copyright-text{
     color: #50648f;
     font-size: 14px;
     margin-bottom: 0;
}
 .copyright-text a{
     color: inherit;
}
/* =============================== Coming Soon 1 ================================ */
 .style-5 .logo, .style-3 .logo, .style-1 .logo{
     margin-bottom:20px;
}
 .style-3 .dez-title, .style-1 .dez-title{
     font-size: 60px;
     line-height: 70px;
     color: #011463;
     margin-top: 0;
     margin-bottom: 30px;
     font-weight: 600;
}
 .style-1 .countdown .date .time {
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     text-shadow: 10px 10px 30px rgba(47,120,255,0.4);
}
 .style-1 .dez-social-icon li a{
     box-shadow: 10px 10px 30px 0 rgba(47,120,255,0.25) ;
     color:#fff;
     margin-left:5px;
     transition:all 0.5s;
}
 .style-1#WaveEffect{
     background:#f8faff;
     z-index:1;
}
 .style-1#WaveEffect canvas{
     position:absolute;
     top:0;
     left:0;
     z-index: -1;
}
 .style-6 .dez-social-icon li a:hover, .style-2 .dez-social-icon li a:hover, .style-1 .dez-social-icon li a:hover{
     transform:translateY(-8px);
     -moz-transform:translateY(-8px);
     -webkit-transform:translateY(-8px);
     -ms-transform:translateY(-8px);
     -o-transform:translateY(-8px);
}
/* =============================== Coming Soon 2 ================================ */
 .style-2 .logo{
     margin-bottom:20px;
}
 .style-2 .dez-title{
     font-size: 50px;
     line-height: 55px;
     color: #236cad;
     margin-top: 0;
     margin-bottom: 10px;
     font-weight: 500;
     text-shadow: 10px 10px 30px rgba(24,19,147,0.2);
}
 .style-2 .countdown {
     margin-bottom:30px;
}
 .style-2 .dez-content p{
     color: #446f95;
     font-size: 20px;
     line-height: 30px;
     text-shadow: 10px 10px 30px rgba(24,19,147,0.2);
     margin-bottom: 30px;
     max-width:700px;
     margin-left:auto;
     margin-right:auto;
}
 .style-2 .copyright-text{
     color:#50648f;
}
 .style-2 .dez-social-icon li a{
     box-shadow: 10px 10px 30px 0 rgba(24,19,147,0.25) ;
     color:#fff;
     margin-right:5px;
     transition:all 0.5s;
}
/* =============================== Coming Soon 3 ================================ */
 .style-3 .sy-box {
     background: #031322;
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
}
 .style-3 .sy-pager{
     display:none;
}
 .style-3 .dez-title{
     color:#fff;
}
 .style-3 .dez-social-icon li a{
     color: #000;
     margin-right: 5px;
}
 .style-3 .copyright-text{
     color:#fff;
}
 .style-3 .sy-slide > img{
     height: 120%;
     object-fit: cover;
     min-height: 120vh;
}
 .style-3 .heart i{
     background: url(../images/heart/like-3.png) no-repeat;
}
 .style-3 .heart-blast i {
     background-position: -1400px 0;
}
/* =============================== Coming Soon 4 ================================ */
 .style-4 .dez-title{
     font-family: 'Lora', serif;
     font-size: 60px;
     line-height: 70px;
     color: #000;
}
 .style-4 .countdown .date .time{
     font-family: 'Lora', serif;
     font-weight: 400;
     color: #ff6977;
}
 .style-4 .countdown{
     margin-bottom: 40px;
}
 .dez-coming-soon.style-4{
     padding-left:90px;
     display: flex;
}
 .style-4 .dez-coming-bx{
     padding-left: 40px;
     padding-right: 40px;
     flex: 0 0 50%;
     max-width:50%;
     align-items: center;
     display: flex;
}
 .style-4 .slider-box{
     flex: 0 0 50%;
     max-width:50%;
}
 .style-4 .slider-box img{
     width:100%;
     height:100%;
     object-fit:cover;
}
/* =============================== Coming Soon 5 ================================ */
 .style-5 .dez-title{
     color: #fff;
     font-family: 'Amatic SC', cursive;
     font-size: 90px;
     font-weight: 400;
     line-height: 100px;
}
/* =============================== Coming Soon 6 ================================ */
 .style-6{
     overflow: hidden;
}
 .style-6 .logo img{
     -webkit-filter: drop-shadow(0px 5px 15px rgba(0,0,0,0.3));
     filter: drop-shadow(0px 5px 15px rgba(0,0,0,0.3));
}
 .style-6 .dez-social-icon li{
     margin-left:5px;
}
 .style-6 .dez-social-icon li a{
     color: #000;
     box-shadow: 0 10px 40px 0 rgba(0,0,0,0.3);
}
 .style-6 .posi-center{
     top:30%;
     width:auto;
        background-color: #ffffff69;
    border: 1px balck 20px;
    border-radius: 10px;
}
 .style-6 .countdown-timer .clock .val{
     color: #db0c5c;
     text-shadow: 0 15px 30px rgba(0,0,0,0.2);
}
 .style-6 .countdown-timer .clock .type-time{
     color:#000;
}
 .style-6 .countdown-timer .clock .kineticjs-content:after{
     border: 1px solid #fff;
}
 .bg-move-box, .parallax {
     position: absolute;
     width: 110%;
     height: 110%;
     overflow: hidden;
     left: -5%;
     top: -5%;
     z-index: -1;
}
 .water {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     background-repeat: no-repeat;
     background-position: top center;
     top: 0;
}
 .water-layer1 {
     background-image: url(../images/main-slider/slide-para4.png);
}
 .water-layer2 {
     background-image: url(../images/main-slider/slide-para3.png);
}
 .water-layer3 {
     background-image: url(../images/main-slider/slide-para2.png);
}
 .water-layer4 {
     background-image: url(../images/main-slider/slide-para1.jpg);
}
 .water-layer5 {
     background-image: url(../images/main-slider/slide-para6.png);
}
 .water-layer6 {
     background-image: url(../images/main-slider/slide-para5.png);
}
 .water-layer6, .water-layer5, .water-layer3, .water-layer2, .water-layer1{
     background-size: 100% auto;
     background-repeat: no-repeat;
     background-position: bottom;
}
 .water-layer5{
     z-index:1;
     -webkit-animation:30s scroll infinite linear;
     -moz-animation:30s scroll infinite linear;
     -o-animation:30s scroll infinite linear;
     -ms-animation:30s scroll infinite linear;
     animation:30s scroll infinite linear;
     background-repeat:repeat-x;
}
 @-webkit-keyframes scroll{
     100%{
         background-position: -3000px 0px;
    }
}
 .water-layer6{
     z-index:1;
     -webkit-animation:45s scroll2 infinite linear;
     -moz-animation:45s scroll2 infinite linear;
     -o-animation:45s scroll2 infinite linear;
     -ms-animation:45s scroll2 infinite linear;
     animation:45s scroll2 infinite linear;
     background-repeat:repeat-x;
}
 @-webkit-keyframes scroll2{
     100%{
         background-position: -3000px 0px;
    }
}
/* =============================== Coming Soon 7 ================================ */
 .style-7 .logo{
     margin-bottom:30px;
}
 .style-7 .count-1.countdown .date .time{
     background:#1c253b;
     font-family:roboto;
}
 .style-7 .countdown{
     margin-bottom:40px;
}
 .style-7 .countdown .date span{
     color:#707d9b;
     font-weight:300;
}
 .style-7 .count-1.countdown .date:after{
     font-family:roboto;
     color:#707d9b;
}
 .style-7 .dez-title{
     font-family: Roboto;
     color: #fff;
     font-size: 80px;
     text-transform: uppercase;
     font-weight: 300;
     line-height: 80px;
     margin-bottom: 10px;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .style-7 p{
     color: #707d9b;
     font-size: 18px;
     font-weight: 300;
     line-height: 28px;
     max-width: 600px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 35px;
}
 .style-7 .bg-move-box {
     position: absolute;
     width: 100%;
     height: 100%;
     overflow: hidden;
     left: 0;
     top: 0;
     z-index: -1;
}
 .style-7 .water {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     background-repeat: no-repeat;
     background-position: top center;
     top: 0;
}
 .style-7 .para-layer1 {
     background-image: url(../images/main-slider/slide-para7.png);
     animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
     transform: translate3d(0, 0, 0);
}
 .snakecolor canvas{
     position:absolute;
     height:100%;
     left:0;
     top:0;
     width:100%;
     z-index: -1;
}
 @keyframes wave {
     0%, 100% {
         transform: translate3d(0,-25px,0);
    }
     50% {
         transform: translate3d(0,5px,0);
    }
}
 .style-7 .para-layer2 {
     background-image: url(../images/main-slider/slide-para8.png);
     animation: wave2 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
     transform: translate3d(0, 0, 0);
}
 @keyframes wave2 {
     0%, 100% {
         transform: translate3d(35px,0,0);
    }
     50% {
         transform: translate3d(-5px,0,0);
    }
}
 .style-7 .para-layer1, .style-7 .para-layer2{
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
}
/* =============================== Coming Soon 8 ================================ */
 @font-face {
     font-family: cookie-regular;
     src: url(../fonts/Cookie-Regular.ttf);
}
 @font-face {
     font-family: breakfastDEMO;
     src: url(../fonts/breakfastDEMO.otf);
}
 .style-8 .dez-content{
     z-index:1;
     width: auto;
}
 .ribbon-box{
     position: relative;
     margin-bottom: 15px;
}
 .ribbon-box img{
}
 .ribbon-box span{
     font-family: breakfastDEMO;
     font-size: 30px;
     line-height: 50px;
     position: absolute;
     width: 100%;
     left: 0;
     color: #000;
     letter-spacing: 3px;
     top: 10px;
}
 .food-bg{
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%) scale(1.2);
     z-index: -2;
     animation: shake2 5s;
     animation-iteration-count: infinite;
}
 @keyframes shake2 {
     0% {
         transform: translateY(-50%) rotate(0deg) scale(1.2);
    }
     100% {
         transform: translateY(-50%) rotate(360deg) scale(1.2);
    }
}
 @-moz-keyframes shake2 {
     0% {
         transform: translateY(-50%) rotate(0deg) scale(1.2);
    }
     100% {
         transform: translateY(-50%) rotate(360deg) scale(1.2);
    }
}
 .style-8 .countdown-timer{
     margin-bottom: 50px;
}
 .style-8 .dez-title{
     font-size: 140px;
     line-height: 140px;
     font-family: cookie-regular;
     color: #c90103;
     font-weight: 500;
}
 .style-8 .countdown-timer .clock .val{
     color: #000;
     font-family: cookie-regular;
     font-size: 95px;
     line-height: 165px;
     margin-bottom: 5px;
}
 .style-8 .countdown-timer .clock .kineticjs-content:after{
     border: 1px solid #d2d2d2;
}
 .style-8 .countdown-timer .clock .type-time{
     color:#000;
}
 .water-layer3, .water-layer1{
     background-size: 95%;
}
/* =============================== Coming Soon 9 ================================ */
 .style-9 .dez-title{
     font-family: 'Barlow', sans-serif;
     color: #fff;
     font-size: 60px;
     font-weight: 500;
     line-height: 70px;
     margin-bottom: 35px;
}
 .style-9 .countdown{
     margin-bottom: 20px;
}
 .style-9 .countdown .date .time{
     font-size: 120px;
     color: #fff;
     font-family: 'Barlow', sans-serif;
     font-weight: 400;
     line-height: 120px;
}
 .style-9 .countdown .date span:last-child{
     color: #fff;
     font-weight: 300;
     letter-spacing: 2px;
     padding-top: 5px;
     margin-top: 10px;
     position: relative;
     display: block;
}
 .style-9 .countdown .date span:last-child:after{
     content:"";
     height:1px;
     background:#fff;
     position:absolute;
     top:0;
     width:50px;
     left:0;
}
 .style-9 .copyright-text{
     color:rgba(255,255,255,0.5);
     font-size:14px;
     font-family: 'Barlow', sans-serif;
}
 .style-9 .heart i{
     background: url(../images/heart/like-9.png) no-repeat;
}
 .style-9 .heart-blast i {
     background-position: -1400px 0;
}
 .dez-social-icon.social-2 li a{
     width: auto;
     height: auto;
     line-height: 1.2;
     background: transparent;
     text-transform: uppercase;
     font-size: 16px;
     color: #fff;
     font-family: 'Barlow', sans-serif;
     font-weight: 600;
     display: flex;
     align-items: center;
     margin-left: 20px;
}
 .dez-social-icon.social-2 li a i {
     margin-right: 8px;
}
/* =============================== Coming Soon 10 ================================ */
 .style-10 .dez-title{
     font-family: 'Roboto', sans-serif;
     color: #292c47;
     font-size: 50px;
     font-weight: 700;
     line-height: 55px;
     margin-bottom: 10px;
}
 .style-10 .dez-content p{
     color: #797da2;
     font-size: 22px;
     max-width: 600px;
     font-weight: 300;
     font-family: Roboto;
     line-height: 32px;
     margin-bottom: 40px;
}
 .style-10 .countdown{
     margin-bottom: 40px;
     margin-left: -20px;
}
 .style-10 .countdown .date .time {
     font-family: Roboto;
     background: #292c47;
}
 .style-10 .countdown .date span:last-child{
     color: #292c47;
     font-weight: 300;
     text-align: center;
}
 .style-10 .copyright-text{
     color: rgba(0,0,0,0.7);
     font-size: 14px;
     font-family: Roboto;
}
 .style-10 .dez-social-icon.social-2 li a{
     color: #292c47;
     margin-left: 0;
     margin-right: 20px;
}
 .style-10 .heart i{
     background: url(../images/heart/like-10.png) no-repeat;
}
 .style-10 .heart-blast i {
     background-position: -1400px 0;
}
 .count-1.countdown .date:after{
     color: #292c47;
     font-family: Roboto;
}
 .city-box{
     overflow:hidden;
}
 .cloud-box, .city-box{
     position:absolute;
     width:100%;
     height:100%;
     left:0;
     top:0;
     z-index:-1;
}
 .cloud-box{
     background-image:url(../images/main-slider/slide-para9.png);
     z-index:1;
     -webkit-animation:30s scroll infinite linear;
     -moz-animation:30s scroll infinite linear;
     -o-animation:30s scroll infinite linear;
     -ms-animation:30s scroll infinite linear;
     animation:30s scroll infinite linear;
     background-repeat:repeat-x;
}
 @-webkit-keyframes scroll{
     100%{
         background-position: 3000px 0px;
    }
}
 .city-box{
     background-size: cover;
}
 .fly-box{
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:100%;
     z-index:1;
}
 .fly-box img{
     height: 100%;
     object-fit: contain;
     width: 100%;
}
 .fly-box.box3 img, .fly-box.box1 img{
     animation: updown1 3s infinite;
     transform: translate3d(0, 0, 0);
}
 .fly-box.box3 img{
     animation: updown1 5s infinite;
}
 @keyframes updown1 {
     0%, 100% {
         transform: translate3d(0,25px,0);
    }
     50% {
         transform: translate3d(0,-5px,0);
    }
}
 .fly-box.box2 img{
     animation: updown2 3s infinite;
     transform: translate3d(0, 0, 0);
}
 @keyframes updown2 {
     0%, 100% {
         transform: translate3d(25px,0,0);
    }
     50% {
         transform: translate3d(-5px,0,0);
    }
}
/* =============================== Coming Soon 11 ================================ */
 .raincanvas {
     background-color: #222;
     background-image: url(../images/background/bg11.jpg);
     background-size: cover;
     background-position: 0 0;
     background-repeat: no-repeat;
     position: relative;
     z-index: 0;
}
 .raincanvas:after {
     content: '';
     width: 100%;
     height: 100%;
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.1);
     z-index: 1;
     -webkit-animation: thunder-bg 6s infinite;
     animation: thunder-bg 6s infinite;
}
 .rainbox{
     position: absolute;
     height: 100%;
     z-index: 2;
     width: 100%;
}
 .raincanvas canvas {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
}
 .raincanvas #canvas3 {
     z-index: 1;
}
 .raincanvas #canvas2 {
     z-index: 2;
}
 .raincanvas #canvas1 {
     z-index: 3;
}
 @-webkit-keyframes thunder-bg {
     0% {
         background-color: rgba(34, 34, 34, 0.9);
    }
     9% {
         background-color: rgba(34, 34, 34, 0.9);
    }
     10% {
         background-color: rgba(59, 59, 59, 0.3);
    }
     10.5% {
         background-color: rgba(34, 34, 34, 0.9);
    }
     80% {
         background-color: rgba(34, 34, 34, 0.9);
    }
     82% {
         background-color: rgba(59, 59, 59, 0.3);
    }
     83% {
         background-color: rgba(34, 34, 34, 0.9);
    }
     83.5% {
         background-color: rgba(59, 59, 59, 0.3);
    }
     100% {
         background-color: rgba(34, 34, 34, 0.9);
    }
}
 #video-background{
     position: fixed;
     right: 0;
     bottom: 0;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -100;
}
 .videoWrapper {
     height:100%;
     width:100%;
     position:relative;
     overflow:hidden;
}
 .videoWrapper iframe {
     height:100%;
     width:100%;
     position:absolute;
     top:0;
     bottom:0;
}
/* font-family */
 .dez-map iframe {
     width:100%;
     min-height:682px;
}
/* =============================== Coming Soon 15 ================================ */
 .water-ripples-bx.style-1 .copyright-text{
     color:#fff;
}
 .water-ripples-bx.style-1 .countdown .date span{
     color:#fff;
}
 .water-ripples-bx.style-1 .countdown .date .time{
     color: #fff;
     -webkit-text-fill-color: unset;
     box-shadow: none;
     background: none;
}
 .water-ripples-bx.style-1 .dez-title{
     color:#fff;
}
 .water-ripples-bx.style-1 .heart i{
     background: url(../images/heart/like-3.png) no-repeat;
}
 .water-ripples-bx.style-1 .heart-blast i {
     background-position: -1400px 0;
}
 .lake-bg{
}
 .lake-bg img{
}
 .rain-bg {
     position: absolute;
     z-index: -1;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}
 .rain-bg canvas{
     position: sticky !important;
     top: 0;
}
 .rain-bg:after{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #151623;
     opacity: 0.3;
     z-index: 1;
}
 .galaxy-box{
}
 .style-2.galaxy-box .dez-social-icon li a{
     color:#000;
}
 .style-2.galaxy-box .dez-content p{
     color:rgba(255,255,255,0.7);
}
 .style-2.galaxy-box .count-1.countdown .date:after, .style-2.galaxy-box .dez-title, .style-2.galaxy-box .countdown .date span, .style-2.galaxy-box .copyright-text{
     color:#fff;
}
 .style-2.galaxy-box .menu-btn a span{
     background-color:#fff;
}
 .style-2.galaxy-box .heart i{
     background: url(../images/heart/like-3.png) no-repeat;
}
 .style-2.galaxy-box .heart-blast i {
     background-position: -1400px 0;
}
/* particles js */
 .particles-js-canvas-el {
     bottom: 0;
     left: 0;
     position: fixed;
     top: 0;
     z-index: -1;
}
/* styleswitcher-right */
 .styleswitcher-right .switcher-title {
     font-weight: 800;
     margin: 10px 5px;
     text-transform: uppercase;
}
 .styleswitcher-right {
     height: 100vh;
     right: -100%;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 99999;
     overflow-y: scroll;
     padding: 0 80px 80px 80px;
     opacity: 1;
}
 .styleswitcher-right.active{
     right:0;
     opacity: 1;
}
 .styleswitcher-right .switcher-btn-bx {
     position: fixed;
     right: -20px;
     top: -20px;
     z-index: 999;
}
 .styleswitcher-right .switcher-btn-bx a{
     background: #000;
     font-size: 13px;
     text-transform: uppercase;
     padding: 10px 10px;
     display: block;
     border-radius: 0;
     color: #fff;
     cursor: pointer;
     width: 80px;
     height: 80px;
     border-radius: 50px;
     background: linear-gradient(to right,#2e79ff 0,#5462ff 51%,#2e79ff 100%);
     box-shadow: -10px 10px 30px 0 rgba(47,120,255,0.25) !important;
     background-size: 200%;
     position:relative;
     z-index:-1;
     animation: zoomSwitch 1.5s infinite linear;
     -moz-animation: zoomSwitch 1.5s infinite linear;
     -o-animation: zoomSwitch 1.5s infinite linear;
     -ms-animation: zoomSwitch 1.5s infinite linear;
     -webkit-animation: zoomSwitch 1.5s infinite linear;
}
 @-webkit-keyframes zoomSwitch {
     0% {
         transform: scale(1);
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
         -moz-transform: scale(1);
    }
     50%{
         transform: scale(1.18);
         -moz-transform: scale(1.18);
         -ms-transform: scale(1.18);
         -o-transform: scale(1.18);
         -webkit-transform: scale(1.18);
    }
     100%{
         transform: scale(1);
         -moz-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
         -webkit-transform: scale(1);
    }
}
 .styleswitcher-right .switcher-btn-bx a img{
     position: absolute;
     left: 16px;
     bottom: 16px;
     width: 35px;
     animation: rotation 2s infinite linear;
     -moz-animation: rotation 2s infinite linear;
     -o-animation: rotation 2s infinite linear;
     -ms-animation: rotation 2s infinite linear;
     -webkit-animation: rotation 2s infinite linear;
}
 @-moz-keyframes rotation {
     from {
         transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
    }
     to {
         transform: rotate(359deg);
         -moz-transform: rotate(359deg);
         -ms-transform: rotate(359deg);
         -o-transform: rotate(359deg);
         -webkit-transform: rotate(359deg);
    }
}
 @-webkit-keyframes rotation {
     from {
         transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
    }
     to {
         transform: rotate(359deg);
         -moz-transform: rotate(359deg);
         -ms-transform: rotate(359deg);
         -o-transform: rotate(359deg);
         -webkit-transform: rotate(359deg);
    }
}
 .styleswitcher-right:after{
     content: "";
     position: fixed;
     width: 40px;
     height: 40px;
     background: #00266a;
     right: 0;
     top: 0;
     transform: translate(50%, -50%);
     z-index: -1;
     display: block;
     border-radius: 100%;
     transition: all 0.5s;
     opacity: 0.7;
}
 .styleswitcher-right.active:after{
     width: calc(100vw * 5);
     height: calc(100vw * 5);
}
 .site-nav-canvas{
     z-index: 999;
     opacity: 0.7;
     position: fixed;
     top: 0;
     right: 0;
}
 .styleswitcher-right .switcher-btn-bx a:hover{
     color:#fff;
}
 .switch-demo{
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     flex-wrap: wrap;
}
 .switch-demo li {
     width: 33.33%;
     padding: 0 25px;
     margin-bottom: 50px;
}
 .switch-demo li a {
     display: block;
     box-shadow: 0 15px 30px 0 rgba(0,3,39,0.15);
     overflow: hidden;
     border-radius: 12px;
}
 .switch-demo li a img {
     transform: scale(1.01);
     -moz-transform: scale(1.01);
     -webkit-transform: scale(1.01);
     -ms-transform: scale(1.01);
     -o-transform: scale(1.01);
}
 .styleswitcher-right .localizationTool.ltool-is-visible .ltool-dropdown-label-arrow, .styleswitcher-right .localizationTool .ltool-dropdown-label-arrow{
     border: none;
     width: auto;
     height: auto;
     top: 50%;
     font-size: 28px;
     line-height: 28px;
     transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     right: 20px;
     transition: all 0.5s;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
}
 .styleswitcher-right .localizationTool.ltool-is-visible .ltool-dropdown-label-arrow{
     transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}
 .styleswitcher-right .localizationTool .ltool-dropdown-label-arrow:after{
     content: "\f107";
     font-family:FontAwesome;
}
 .styleswitcher-right .localizationTool {
     color: #333333;
     background: transparent;
     position: relative;
     max-width: 400px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 70px;
     margin-bottom: 70px;
     z-index: 2;
}
 .styleswitcher-right .localizationTool .ltool-dropdown-label {
     padding: 16px 0 16px 16px;
     color: #000;
     border: 0;
     position: relative;
     background: #fff;
     font-size: 20px;
     height: 60px;
     margin-bottom: 0;
     border-radius: 12px;
     display: flex;
     align-items: center;
     outline: 0;
}
 .styleswitcher-right .flag.flag-gb {
     background-image:url(../images/lang/262-united-kingdom.jpg);
}
 .styleswitcher-right .flag.flag-tr {
     background-image:url(../images/lang/119-turkey.jpg);
}
 .styleswitcher-right .flag.flag-tn {
     background-image:url(../images/lang/013-tunisia.jpg);
}
 .styleswitcher-right .flag.flag-jp {
     background-image:url(../images/lang/033-japan.jpg);
}
 .styleswitcher-right .italian-flag {
     background-image:url(../images/lang/011-italy.jpg);
}
 .styleswitcher-right .flag.flag-in {
     background-image:url(../images/lang/217-india.jpg);
}
 .styleswitcher-right .flag.flag-de {
     background-image:url(../images/lang/066-germany.jpg);
}
 .styleswitcher-right .flag.flag-fr {
     background-image:url(../images/lang/077-france.jpg);
}
 .styleswitcher-right .flag.flag-br {
     background-image:url(../images/lang/250-brazil.jpg);
}
 .styleswitcher-right .localizationTool .ltool-language-flag {
     display: inline-block;
     float: none;
     margin: 0;
     width: 25px;
     height: 25px;
     border-radius: 30px;
     background-color: #fff;
     background-position: center;
     background-size: 100%;
}
 .styleswitcher-right .localizationTool .ltool-dropdown-label .ltool-language-flag{
     width: 35px;
     height: 35px;
}
 .styleswitcher-right .localizationTool.ltool-is-visible ul {
     background: #fff;
     border-radius: 0 0 12px 12px;
     overflow: hidden;
     border-top: 1px solid rgba(0,0,0,0.1);
}
 .styleswitcher-right .localizationTool li{
     background: transparent;
     display: flex;
     align-items: center;
     padding: 8px 22px;
}
 .styleswitcher-right .localizationTool .ltool-dropdown-items .ltool-language-countryname{
     font-size: 15px;
     font-weight: 400;
     color: #000;
}
 .styleswitcher-right .localizationTool .ltool-language-name, .styleswitcher-right .localizationTool .ltool-dropdown-label .ltool-language-name {
     color: #777;
     font-size: 13px;
}
 .styleswitcher-right .localizationTool.ltool-is-visible .ltool-dropdown-label{
     border-radius: 12px 12px 0 0 ;
}
 .styleswitcher-right .localizationTool img{
     display:none;
}
 .styleswitcher-right .localizationTool li:hover, .styleswitcher-right .localizationTool li.ltool-is-selected {
     background: #eee;
}
 @media only screen and (max-width: 1650px) {
     .gallery-area{
         padding: 60px;
    }
     .contact-box textarea.form-control {
         height: 150px;
    }
     .contact-info .col {
         padding: 60px;
    }
     .contact-box .contact-form {
         padding: 60px;
    }
}
 @media only screen and (max-width: 1400px) {
     .contact-box textarea.form-control {
         height: 110px;
    }
     .contact-box .contact-form {
         padding: 50px 60px;
    }
     .contact-info .col {
         padding: 40px 60px;
    }
     .gallery-area {
         padding: 50px;
    }
     .bottom-left {
         bottom: 40px;
         left: 40px;
    }
     .bottom-right {
         bottom: 40px;
         right: 40px;
    }
     .top-left {
         top: 40px;
         left: 40px;
    }
     .logo img{
         height:60px;
         object-fit: contain;
    }
     .style-3 .dez-title, .style-1 .dez-title {
         font-size: 50px;
         line-height: 60px;
    }
     .countdown .date .time{
         font-size: 70px;
         line-height: 70px;
    }
     .count-1.countdown .date .time{
         width: 90px;
         height: 100px;
         line-height: 100px;
         font-size: 55px;
    }
     .count-1.countdown .date:after{
         line-height: 100px;
    }
     .countdown .date span{
         font-size: 15px;
    }
     .style-2 .dez-content p{
         font-size: 18px;
         line-height: 28px;
         max-width: 600px;
         padding: 0 10px;
    }
     .style-2 .dez-title {
         font-size: 45px;
    }
     .clock-item {
         width: 130px;
    }
     .countdown-timer .clock .val{
         font-size: 50px;
         line-height: 130px;
    }
     .style-4 .dez-title{
         font-size: 50px;
         line-height: 60px;
    }
     .countdown .date .time {
         font-size: 60px;
         line-height: 60px;
    }
     .water-layer6, .water-layer5, .water-layer3, .water-layer2, .water-layer1{
         background-position:top;
    }
     .top-right {
         top: 40px;
         right: 40px;
    }
     .style-7 .dez-title{
         font-size: 60px;
         line-height: 60px;
    }
     .style-7 p{
         font-size: 16px;
         line-height: 24px;
    }
     .style-8 .dez-title {
         font-size: 100px;
         line-height: 100px;
    }
     .style-8 .countdown-timer .clock .val{
         font-size: 70px;
         line-height: 135px;
    }
     .ribbon-box img {
         max-width: 350px;
    }
     .ribbon-box span{
         font-size: 24px;
         line-height: 35px;
    }
     .style-9 .dez-title{
         font-size: 50px;
         line-height: 60px;
    }
     .style-9 .countdown .date .time{
         font-size: 90px;
         line-height: 90px;
    }
     .style-10 .dez-title{
         font-size: 40px;
         line-height: 45px;
    }
     .style-10 .dez-content p{
         font-size: 18px;
         line-height: 24px;
         margin-bottom: 30px;
    }
     .style-10 .countdown {
         margin-bottom: 30px;
    }
     .styleswitcher-right{
         padding: 0 50px 50px 50px;
    }
     .switch-demo li{
         padding: 0 20px;
         margin-bottom: 40px;
    }
     .styleswitcher-right .localizationTool{
         margin-top: 50px;
         margin-bottom: 50px;
    }
}
 @media only screen and (max-width: 1200px) {
     .contact-box textarea.form-control {
         height: 170px;
    }
     .contact-info .col, .gallery-area {
         padding: 30px;
    }
     .about-sidebox .closebtn{
         width: 40px;
         height: 40px;
         line-height: 40px;
    }
     .contact-box .contact-form {
         padding: 50px 50px 50px 30px;
    }
     .contact-form .map-btn{
         width: 40px;
         height: 120px;
    }
     .sy-slide.kenburns{
         height: 110% 
    }
     .style-4 .dez-title {
         font-size: 40px;
         line-height: 50px;
    }
     .style-4 .countdown .date {
         padding-right: 20px;
    }
     .countdown .date .time {
         font-size: 50px;
         line-height: 50px;
    }
     .countdown .date span {
         font-size: 14px;
    }
     .water-layer6, .water-layer5, .water-layer3, .water-layer2, .water-layer1 {
         background-position: bottom;
    }
     .style-6 .posi-center {
         top: 40%;
    }
}
 @media only screen and (max-width: 991px) {
     .posi-center, .center-md, .posi-center, .bottom-right, .bottom-left, .top-right, .top-left{
         position: unset;
    }
     .style-1 .top-left{
         width: 100%;
         text-align: center;
    }
     .style-1 .bottom-right {
         width: 100%;
         text-align: center !important;
         padding-bottom: 15px;
    }
     .style-6 .center-md, .style-10 .center-md, .style-9 .center-md, .style-3 .center-md, .style-2 .posi-center, .style-1 .center-md{
         min-height: calc(100vh - 100px);
         align-items: center;
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding: 60px 0;
    }
     .style-1 .bottom-left {
         text-align: center;
         width: 100%;
         margin-bottom: 40px;
    }
     .style-2 .posi-center{
         transform:none;
    }
     .style-2 .bottom-right{
         position: fixed;
         right: 30px;
         bottom: 30px;
    }
     .style-2 .bottom-left{
         float: left;
         margin-left: 30px;
         padding-bottom: 20px;
    }
     .countdown .date{
         padding-left:15px;
         padding-right:15px;
    }
     .contact-info, .contact-box .contact-form{
         height: auto;
    }
     .gallery-area, .contact-box {
         max-width: 100%;
         height: auto;
         width: 100%;
    }
     .about-section {
         display: flex;
         flex-direction: column;
    }
     .about-sidebox{
         overflow: scroll;
    }
     .menuleft .nav {
         padding: 0 0px;
    }
     .clock-item {
         width: 120px;
    }
     .countdown-timer .clock .val {
         line-height: 120px;
    }
     .top-md {
         position: fixed;
         width: 100%;
         top: 50px;
    }
     .style-3 .top-left, .style-3 .bottom-left {
         width: 100%;
         text-align: center;
    }
     .style-3 .bottom-left{
         padding-bottom: 30px;
    }
     .style-3 .countdown-timer{
         margin-bottom:35px;
    }
     .style-3 .dez-social-icon li a{
         margin-left:3px;
         margin-right:3px;
    }
     .style-3 .center-md .bottom-right{
         position:unset;
    }
     .countdown-timer .clock{
         justify-content: center;
    }
     .style-4 .dez-coming-bx {
         flex: 0 0 100%;
         max-width: 100%;
         align-items: center;
         display: flex;
         padding: 60px 20px;
         text-align: center;
         justify-content: center;
    }
     .style-4 .slider-box {
         flex: 0 0 100%;
         max-width: 100%;
    }
     .dez-coming-soon.style-4{
         flex-wrap: wrap;
    }
     .water-layer2 {
         background-position: bottom;
    }
     .water-layer3, .water-layer1{
         background-size: 100%;
    }
     .style-5 .dez-content{
         min-height:100vh;
         align-items: center;
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding: 60px 15px;
    }
     .style-5 .dez-content .countdown-timer{
         margin-bottom:30px;
    }
     .style-6 .center-md {
         min-height: calc(100vh - 80px);
    }
     .style-6 .posi-center {
         top: auto;
         transform: none;
         left: auto;
    }
     .style-6 .top-right {
         text-align:center;
         padding-bottom:15px;
         margin-top:35px;
    }
     .style-6 .logo {
         margin-bottom:40px;
    }
     .style-8 .dez-content , .style-7 .posi-center {
         width: 100%;
         transform: none;
         -moz-transform: none;
         -webkit-transform: none;
         -ms-transform: none;
         -o-transform: none;
         left: 0;
         min-height: 100vh;
         padding: 70px 15px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
    }
     .style-8 .dez-content{
         overflow:hidden;
         position:relative;
    }
     .style-9 .bottom-left {
         width: 100%;
         text-align: center;
         margin-bottom: 30px;
    }
     .style-10 .center-md, .style-9 .center-md{
         left: 0;
         text-align:center;
         min-height: calc(100vh - 80px);
    }
     .style-9 .bottom-right {
         width: 100%;
         text-align: center !important;
         padding-bottom: 20px;
    }
     .style-9 .countdown .date span{
         text-align:left;
    }
     .style-9 .dez-social-icon.social-2 li a{
         margin-left:5px;
         margin-right:5px;
    }
     .style-10 .center-md{
         text-align:center;
    }
     .style-10 .top-right {
         width: 100%;
         text-align: center;
         margin-bottom:30px;
    }
     .style-10 .bottom-left {
         width: 100%;
         text-align: center;
         padding-bottom: 15px;
    }
     .fly-box.box1 img{
         width:60%;
    }
     .style-10 .dez-content p{
         margin-left: auto;
         margin-right: auto;
    }
     .style-10 .dez-social-icon.social-2 li a{
         margin-left: 10px;
         margin-right: 10px;
    }
     .fly-box img{
         height:auto;
    }
     .food-bg{
         left: 10%;
         width: 80%;
    }
     .style-3.raincanvas .dez-coming-bx{
         position:relative;
         z-index:2;
    }
    /* scroll */
     body{
         overflow:unset;
    }
     .styleswitcher-right {
         padding: 0 30px 30px 30px;
    }
     .switch-demo li {
         width: 50%;
         padding: 0 15px;
         margin-bottom: 30px;
    }
}
 @media only screen and (max-width: 767px) {
     .style-2 .posi-center, .style-1 .center-md {
         min-height: calc(100vh - 90px);
    }
     .style-2 .bottom-left {
         float: none;
         margin-left: 0;
         padding-bottom: 15px;
         text-align: center;
         width: 100%;
    }
     .style-2 .bottom-right {
         position: absolute;
         left: 30px;
         top: 30px;
         right: auto;
         bottom: auto;
    }
     .style-3 .dez-title, .style-1 .dez-title {
         font-size: 40px;
         line-height: 55px;
    }
     .style-1 .logo {
         margin-bottom: 30px;
    }
     .countdown .date .time{
         font-size: 70px;
         line-height: 70px;
    }
     .countdown .date {
         padding-left: 10px;
         padding-right: 10px;
    }
     .subscribe-box .modal-content{
         max-width: 100%;
         width: 100%;
         padding:30px 15px;
    }
     .subscribe-box .modal-header .modal-title{
         font-size: 24px;
    }
     .subscribe-box .modal-header p {
         font-size: 13px;
         line-height: 20px;
         margin-bottom: 15px;
    }
     .subscribe-box .form-control {
         border-width: 1px;
         height: 45px;
         font-size: 14px;
         font-weight: 400;
         padding: 8px 15px;
         border-radius: 6px;
    }
     .subscribe-box .form-group {
         margin-bottom: 15px;
    }
     .subscribe-box .modal-header img{
         width: 80px;
    }
     .subscribe-box .modal-content{
         border-radius: 12px;
    }
     .menuleft .nav li a{
         font-size: 40px;
         line-height: 40px;
    }
     .sidenav-menu .dez-social-icon.social-2 li a{
         padding: 4px 8px;
         font-size: 14px;
    }
     .food-bg {
         left: 7.5%;
         width: 85%;
    }
}
 @media only screen and (max-width: 576px) {
     .style-3 .dez-title, .style-1 .dez-title {
         font-size: 28px;
         line-height: 36px;
    }
     .button-lg {
         padding: 8px 20px;
         font-size: 13px;
    }
     .radius-md {
         border-radius: 6px;
         -webkit-border-radius: 6px;
    }
     .logo img{
         height:50px;
    }
     .countdown .date .time {
         font-size: 45px;
         line-height: 45px;
    }
     .countdown .date span{
         font-size: 11px;
    }
     .dez-social-icon li a{
         width: 40px;
         height: 40px;
         line-height: 40px;
         border-radius: 48px;
         font-size: 14px;
    }
     .contact-info .col{
         flex-wrap: wrap;
    }
     .contact-info .col, .gallery-area {
         padding: 30px 15px;
    }
     .contact-info .col a, .contact-info .col p{
         font-size: 13px;
         line-height: 22px;
         margin-bottom:0;
    }
     .gallery-area{
         background: #fff;
         background-image: none !important;
    }
     .gallery-area .lightgallery{
         margin-left:-7px;
         margin-right:-7px;
    }
     .gallery-area .lightgallery .col-6{
         padding-left:7px;
         padding-right:7px;
    }
     .gallery-box {
         margin-bottom: 15px;
    }
     .style-2 .dez-content p {
         font-size: 13px;
         line-height: 18px;
         padding: 0 20px;
         max-width: 400px;
    }
     .style-2 .dez-title {
         font-size: 26px;
         line-height: 30px;
    }
     .count-1.countdown .date .time {
         width: 60px;
         height: 65px;
         line-height: 65px;
         font-size: 30px;
         margin: 0 0 5px 0;
         border-radius: 8px;
         font-weight: 600;
    }
     .count-1.countdown .date:after{
         line-height: 60px;
         width: 14px;
         font-size: 35px;
    }
     .count-1.countdown .date {
         padding-left: 5px;
         padding-right: 5px;
    }
     .dez-social-icon{
         margin: 0 0px 5px 0;
    }
     .style-2 .bottom-right {
         bottom: auto;
         right: auto;
         left: 15px;
         top: 15px;
    }
     .menu-btn a{
         width:30px;
         height:20px;
    }
     .menuleft .nav {
         padding: 0 20px;
    }
     .menuleft .close-btn{
         right: 20px;
         top: 20px;
    }
     .top-md{
         top: 15px;
    }
     .clock-item {
         width: 70px;
    }
     .clock-item{
         margin: 0 5px;
    }
     .countdown-timer .clock .val {
         line-height: 70px;
         font-size: 30px;
         margin-bottom: 5px;
         font-weight: 600;
    }
     .countdown-timer .clock .type-time{
         letter-spacing: 1px;
         font-size: 11px;
         line-height: 18px;
    }
     .style-3 .countdown-timer {
         padding-bottom: 15px;
    }
     .top-left {
         top: 15px;
    }
     .bottom-left {
         bottom: 12px;
    }
     .sidenav-menu{
         width: 50px;
         padding: 10px 5px 20px 5px;
    }
     .dez-coming-soon.style-4 {
         padding-left: 50px;
    }
     .style-4 .dez-coming-bx{
         padding: 20px 10px;
    }
     .style-4 .dez-title {
         font-size: 28px;
         line-height: 35px;
         margin-bottom: 15px;
    }
     .style-4 .countdown .date .time {
         font-size: 40px;
         line-height: 40px;
         font-weight: 700;
    }
     .style-4 .countdown .date {
         padding-right: 5px;
         padding-left: 5px;
    }
     .style-4 .countdown {
         margin-bottom: 20px;
    }
     .style-4 .button-lg {
         padding: 8px 12px;
    }
     .style-5 .dez-title{
         font-size: 45px;
         font-weight: 700;
         line-height: 40px;
    }
     .style-5 .bottom-left, .style-5 .top-left{
         left: 15px;
    }
     .style-5 .countdown-timer {
         padding-bottom: 18px;
    }
     .style-5 .clock-item {
         margin: 0 2px;
    }
     .style-6 .top-left {
         width: 100%;
         text-align: center;
         left: 0;
         top: 15px;
    }
     .style-6 .top-right {
         top: auto;
         bottom: 15px;
         width: 100%;
         right: auto;
         left: 0;
         text-align: center;
    }
     .style-7 .dez-title {
         font-size: 40px;
         line-height: 40px;
    }
     .style-7 .countdown {
         margin-bottom: 30px;
    }
     .style-7 p{
         margin-bottom: 35px;
         font-size: 13px;
         line-height: 20px;
         padding: 0 20px;
    }
     .style-8 .dez-title {
         font-size: 50px;
         line-height: 50px;
         margin-bottom: 10px;
    }
     .style-8 .countdown-timer .clock .val {
         font-size: 35px;
         line-height: 75px;
         margin-bottom: 0;
    }
     .style-8 .button-lg {
         padding: 8px 10px;
    }
     .ribbon-box{
         margin-bottom:10px;
    }
     .ribbon-box img {
         max-width: 200px;
    }
     .ribbon-box span {
         font-size: 14px;
         line-height: 14px;
         letter-spacing: 2px;
    }
     .style-8 .countdown-timer {
         margin-bottom: 20px;
         padding-bottom: 15px;
    }
     .style-10 .dez-title br, .style-9 .dez-title br{
         display:none;
    }
     .style-9 .dez-title {
         font-size: 24px;
         line-height: 30px;
         padding-left: 10px;
         padding-right: 10px;
    }
     .style-9 .center-md{
         top:50%;
    }
     .style-9 .countdown .date .time {
         font-size: 45px;
         line-height: 45px;
         font-weight: 600;
    }
     .style-9 .countdown .date span:last-child{
         padding-top: 5px;
    }
     .style-10 .dez-title {
         font-size: 24px;
         line-height: 30px;
         padding: 0 10px;
    }
     .style-10 .center-md{
         top: 50%;
         padding-left:10px;
         padding-right:10px;
    }
     .style-10 .dez-content p {
         font-size: 14px;
         line-height: 20px;
         margin-bottom: 20px;
         padding: 0 15px;
    }
     .style-10 .countdown{
         margin-left:0;
         margin-bottom: 20px;
    }
     .city-box {
         background-size: cover;
         background-position: left !important;
    }
     .contact-info .col .title{
         font-size: 18px;
         line-height: 24px;
    }
     .dez-social-icon.social-2 li a{
         font-size: 14px;
    }
     .style-10 .copyright-text, .style-9 .copyright-text, .copyright-text{
         font-size: 12px;
    }
     .styleswitcher-right .switcher-btn-bx a{
         padding:8px 15px;
    }
     .style-8 .button-lg{
    }
     .heart{
         transform: scale(0.8);
         -moz-transform: scale(0.8);
         -webkit-transform: scale(0.8);
         -ms-transform: scale(0.8);
         -o-transform: scale(0.8);
    }
     .style-10 .top-right{
         margin-bottom:20px;
    }
     .style-6 .parallax{
         width: 100%;
         height: 100%;
         left: 0;
         top: 0;
    }
     .style-6 .posi-center{
         padding-bottom:15px;
    }
     .styleswitcher-right .switcher-btn-bx a{
         width: 60px;
         height: 60px;
    }
     .styleswitcher-right .switcher-btn-bx a img {
         left: 12px;
         bottom: 12px;
         width: 22px;
    }
     .styleswitcher-right {
         padding: 0 15px 30px 15px;
    }
     .switch-demo li {
         width: 50%;
         padding: 0 10px;
         margin-bottom: 20px;
    }
     .switch-demo li a{
         border-radius: 6px;
    }
     .styleswitcher-right .localizationTool {
         margin-top: 30px;
         margin-bottom: 30px;
    }
     .styleswitcher-right .localizationTool .ltool-dropdown-label{
         border-radius: 6px;
         height: 45px;
         font-size: 15px;
         padding: 10px 0px 10px 15px;
    }
     .styleswitcher-right .localizationTool .ltool-dropdown-label .ltool-language-flag {
         width: 25px;
         height: 25px;
    }
     .styleswitcher-right .localizationTool.ltool-is-visible .ltool-dropdown-label-arrow, .styleswitcher-right .localizationTool .ltool-dropdown-label-arrow{
         font-size: 20px;
         right: 15px;
    }
     .styleswitcher-right .localizationTool li{
         padding: 8px 15px;
    }
     .styleswitcher-right .localizationTool .ltool-language-flag{
         width: 20px;
         height: 20px;
    }
     .switch-demo{
         margin: 0 -10px;
    }
}
 .heart-blast i {
     background-position: -1400px 0;
     transition: background 1s steps(28);
}
/* Light Gallery */
 .lg-outer .lg-toogle-thumb, .lg-outer .lg-thumb-outer, .lg-outer .lg-img-wrap, .lg-outer .lg-item{
     background-color: #fff;
}
 .lg-actions .lg-next, .lg-actions .lg-prev, .lg-toolbar .lg-icon, #lg-counter{
     color: #fff;
}
 .check-km{
     cursor: pointer;
}

.countdown-timer.countdown-container.posi-center {
    background-color: #ffffff96;
}

.hd_logo h1 {
    font-size: 35px!important;
    color: #ffff!important;
    font-weight: 900!important;
}
/* Switer Box */