/* Common Fonts Start
-------------------------------------------------- */

body {font-family: 'Sailec';}

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6,
.navbar-toggler,
.slogan,
.navbar-nav .nav-link,
.footer-wrap,
.home-banner-text .h1,
.banner .h1,
.grid-hover,
a.view-link,
#footer,
.foot-banner .footer-top,
.scroll-down{font-family: 'Druk Wide';font-weight:500;}

/* Common Fonts End
-------------------------------------------------- */

/* Body and General Styles Start
-------------------------------------------------- */

body{}
:focus{outline:none !important;}
p{font-weight:100;}
.dg.ac{display:none !important;}
h1,.h1{font-size:44px;line-height:53px;}
h2,.h2{font-size:33px;line-height:40px;}
.navbar-open{overflow:hidden;}
#ocean{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1;}
#wrapper{position:relative;z-index:11;}

#loader {z-index:9999;background-color: #000; position: fixed;overflow: hidden; height: 100%; width: 100%; left: 0; top: 0;}
#loader:before{width:0; height: 100%;position: absolute;content: '';background: rgb(24,24,24,0.96); right: 0; -webkit-transition:all 5s cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
#loader .site-loader{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;height: 100%;}
#loader .site-loader img{max-width: 250px; width: 30%;-webkit-transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
#loader.fadeout:before{width: 100%;}

.scroll-down {
  font-size: 13px;
line-height: 18px;
  position: absolute;
  top: calc((var(--vh, 1vh) * 100) - 5.2rem);
  left: calc(50vw - 5rem);
  width: 10rem;
  height: 8.2rem;
  z-index: 900;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
  display: block;
}

.scroll-down-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  pointer-events: none;
  transition: opacity .3s ease;
  opacity: 1;
}

.scroll-down-inner.deactive {
  opacity: 0
}

.scroll-down-text {
  margin-bottom: 1.2rem;
}

.scroll-down-line {
  width: 0;
  border-left: .07rem solid;
  height: 5.5rem;
  -webkit-animation: upDown 5s ease both infinite;
  animation: upDown 5s ease both infinite
}



/* Body and General Styles End
-------------------------------------------------- */
.marquee{ width: 100%; overflow: hidden; }
/* Header Start
-------------------------------------------------- */

.header-top{padding:20px 15px 20px 10px;position:relative;z-index:999;}
.navfix .header-top{background-color:rgba(24,24,24);padding-top:20px;padding-bottom:20px;}
.navbar-brand img{width:99px;height:29px;max-width: 100%;}
.slogan{font-size:16px;line-height:18px;display:inline-block;vertical-align:middle;}
.navfix .slogan{display:none;}
.navtoggle-close{display:none;}
.navtoggle-menu{display:block;}
.navbar-toggler-open .navtoggle-close{display:block;}

.navbar-toggler{overflow:hidden;}
.navbar-toggler span{position:relative;}
.navbar-toggler span:after{content:attr(data-title);position:absolute;top:100%;left:0;}
.navbar-open .navbar-toggler span:after{top:200%;}

.navmenu-inner{height:100vh;}
.main-logo{display:block;}
.main-logo img{width:394px;/*height:388px;*/max-width:100%;}
.main-navigation{padding-top:53px;}
.navbar-nav .nav-link{font-size:44px;line-height:52px; font-style:italic;}
.submenu{max-width:400px;}
.subnav-block{margin-bottom:70px;}
.subnav-block h6{margin-bottom:18px;text-transform:uppercase;}
.sub-navbar{margin:0;line-height:18px;}
.sub-navbar a{font-size:12px;color:#fff;display:inline-block;vertical-align:middle;}
.navbar-nav .show > .nav-link, 
.navbar-nav .active > .nav-link, 
.navbar-nav .nav-link.show, 
.navbar-nav .nav-link.active{font-style:normal;}
.navbar-collapse{background-color:rgba(24,24,24,0.96);position:absolute;left:0;top:0;right:0;}

.header-foot{position:absolute;left:0;right:0;bottom:0;z-index:11;}
.footer-wrap{font-size:14px;letter-spacing:1.4px; line-height:17px;padding-bottom:44px;color:#fff;padding-left:25px;padding-right:25px;}
.footer-wrap li{overflow:hidden;}
.footer-wrap a{color:inherit;position:relative;display: block;text-decoration:none;}
.footer-wrap a:after{content:attr(data-title);position:absolute;top:100%;left:0;}
.footer-wrap ul{margin-bottom:0;}
.footer-wrap ul li+li{margin-left:28px;}

/* Header End
-------------------------------------------------- */

/* Content Start
-------------------------------------------------- */

.home-banner-text{height:100vh;position:relative;}
.banner-text{min-height:100vh;padding-top: 120px;padding-bottom: 20px;}

.home-banner-text span,
.banner-text span{display:block;}
.banner-submenu{max-width:1370px;}
.banner-submenu .subnav-block h6{font-size:12px;margin-bottom:10px;}
.banner-text .h1{margin-bottom:115px !important;}
.banner-submenu .subnav-block{margin-bottom:0;}
.banner-submenu .subnav-block ul{margin-bottom:10px;}
a.plus-more{text-decoration:none;width: 25px;display: inline-block;}
.banner{background-position:center center;background-size:cover;background-repeat:no-repeat;}
.single-banner{background-attachment:fixed;}
.single-banner .banner-text .h1{font-size:70px;line-height:83px; /*max-width:1060px;*/ color:#892222;margin-bottom:0 !important;overflow: hidden;width:100%;}
/*.scroll-down{position:absolute;left:50%;bottom:40px;margin-left:-20px; background-color:transparent;padding:0;border:none;color:#fff;}
.scroll-down:after{content:"";display:block; width:40px;height:40px;border-bottom:4px solid #fff;border-right:4px solid #fff;transform:rotate(45deg);}*/
/*.scroll-down1 {
    font-weight: 700;
    font-size: 1.1rem;
    position: absolute;
    top: calc((var(--vh, 1vh) * 100) - 8.2rem);
    left: calc(50vw - 5rem);
    width: 10rem;
    height: 8.2rem;
    z-index: 900;
    text-transform: uppercase;
    letter-spacing: .1rem;
    display: block;
}
.scroll-down-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
    transition: opacity .3s ease;
    opacity: 1;
}
.scroll-down-text {
    margin-bottom: 1.2rem;
}
.scroll-down-line {
    width: 0;
    border-left: .1rem solid;
    height: 5.5rem;
    -webkit-animation: upDown 2s ease both infinite;
    animation: upDown 2s ease both infinite;
}*/
.foot-banner .footer-top{height:calc(100vh - 61px);padding:0;}

a.grid-block,
.grid-block{display:block;text-decoration:none;position:relative;overflow:hidden;background-color:#000;}
.grid-block img{width:100%;}
.grid-block:hover img{opacity:0.20;}
.grid-hover{position:absolute;left:30px;right:30px;top:50%;}
.cust-title{color:#000;font-size:16px;line-height:20px;margin-bottom:8px;}
.grid-name{background-color:#000;padding:22px 26px;}
.grid-name.h2{margin-bottom:0;}

.grid-list-wrap{padding-bottom:277px;}
.dedicated-block{padding-bottom:224px;}

.parallax-section{height:780px;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;}
.section-block{padding-top:170px;}
.section-title{margin-bottom:144px;font-size:77px;line-height:82px;}
.thumb-image img{width:100%;}
.strategy-text{padding-left:80px;padding-right:80px;}
.strategy-text h3{font-size:35px;margin-bottom:38px;}
.strategy-text p{margin-bottom:56px;}
.strategy-text ul{margin:0;}
.strategy-text ul a{font-size:18px;line-height:27px;}

.our-shop{padding:46px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;margin-top:310px;margin-bottom:85px;}
a.view-link{font-size:21px;margin-bottom:7px;line-height:25px;display:inline-block;}
.our-shop-block h2{margin-bottom:0;}

.visual-section{padding-top:196px;}
.section-head{/*margin-bottom:212px;*/}
.section-head h2{margin-bottom:0;font-size:56px;line-height:70px;}
.section-head h2.h1{font-size:85px;}
.video-section{position:relative;overflow:hidden;}
.video-play{position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px; width:80px;height:80px;border:2px solid #fff;cursor:pointer;z-index:111;}
.video-play:after{content:"";position:absolute;left:50%;top:50%;top:50%;margin-left:-5px;margin-top:-10px; border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;}
.video-play:hover{background-color:rgba(0,0,0,0.5);}
.video-section img{width:100%;position:relative;z-index:11;}
.video-block{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.video-block video{width:100%;height:auto;}
.video-playing.video-section img{opacity:0;}
.video-playing .video-play:after,
.video-playing .video-play:before{border:none;height:14px;width:3px;background-color:#fff;margin-top:-7px;}
.video-playing .video-play:after{margin-left:-6px;}
.video-playing .video-play:before{content:"";position:absolute;left:50%;top:50%;margin-left:4px;}
.video-playing .video-play{display:none;}
.video-playing:hover .video-play{display:block;}

.visitor-section {padding-top:274px;}
.visitor-section .parallax-section{height:999px;}

.renovation-section{padding-top:256px;}
.renovation-section .section-head{/*margin-bottom:248px;*/}
.renovat-image{position:relative;}
.renovat-image img{max-width:100%;}
.flaw-image img{width:100%;}

.flawless-section{padding-top:236px;}
.flawless-section .section-head{/*margin-bottom:248px;*/}

.our-shop.single-shop{margin-top:167px;}

/* Content End
-------------------------------------------------- */

/* Footer Start
-------------------------------------------------- */

.footer-top{padding:100px 25px 300px;}
.footer-top .h1{margin-bottom:33px;}
.foot-contact{font-size:25px;line-height:29px;}

/* Footer End
-------------------------------------------------- */

/* Responsive Style Start 
-------------------------------------------------- */

@media (min-width: 768px) {
.footer-wrap p{margin-bottom:0;}
.single-footer .footer-top{padding-bottom:126px;}
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}
@media (min-width: 1640px){
}

@media (max-width: 1639px){
.submenu{max-width: 340px;}
.navbar-nav .nav-link{font-size: 36px;line-height: 46px;}
.strategy-text{padding-left:40px;padding-right:40px;}
.banner-text .h1{margin-bottom: 75px !important;}
}
@media (max-width: 1199px) {
body{font-size:18px;line-height: 22px;}
.grid-name.h2{font-size:22px;line-height:30px;}
.banner-text .h1{font-size: 30px;line-height: 43px;}
.parallax-section{height:580px;}
.strategy-text h3{margin-bottom:18px;}
.strategy-text p {margin-bottom: 26px;}
.strategy-text ul a {font-size: 14px;line-height: 22px;}

.single-banner .banner-text .h1{font-size: 54px;line-height: 60px;}
.visitor-section .parallax-section{height:600px;}
}

@media (max-width: 991px) {
body{font-size:14px;line-height: 20px;}
.grid-name.h2{font-size:18px;line-height:24px;}
.grid-name{padding:14px 20px;}
.header-top{padding-left:0;padding-right:0;}
.footer-wrap,
.footer-top{padding-left:0;padding-right:0;padding-bottom:150px;}
.main-logo img{width: 130px;height: 134px;}
.main-navigation{padding-top: 20px;}
.subnav-block{margin-bottom:20px;}
.header-foot.footer-wrap{padding-bottom:20px;}
.parallax-section{height:380px;}
.strategy-text{padding-left:20px;padding-right:20px;}
.strategy-text h3{font-size:24px;line-height:30px;}
.strategy-text p {margin-bottom: 16px;}
.strategy-text ul a {font-size: 12px;line-height: 18px;}
.section-block {padding-top: 90px;}
.section-title {margin-bottom: 80px;font-size: 56px;line-height: 65px;}
.our-shop-block h2{font-size: 28px;line-height: 30px;}
.our-shop{margin-top:110px;margin-bottom:0;}
.single-banner .banner-text .h1{font-size: 38px;line-height: 40px;}
.visual-section,
.visitor-section,
.renovation-section,
.flawless-section{padding-top:90px;}
.section-head,
.flawless-section .section-head{/*margin-bottom: 80px;*/}
.section-head h2{font-size: 28px;line-height: 36px;}
.visitor-section .parallax-section{height:450px;}
.section-head h2.h1{font-size: 42px;}
.renovation-section .section-head{/*margin-bottom:120px;*/}
.our-shop.single-shop{margin-top:100px;}
}

@media (max-width: 767px) {
h1,.h1{font-size: 24px;line-height: 28px;}
.grid-hover{left:15px;right:15px;}
/*.header-top{padding:10px 0;}
.navfix .header-top{padding:10px 0;}*/
.slogan{/*margin-bottom:8px;*/font-size:8px;line-height:11px;}
.header-top .row{margin-left:-5px;margin-right:-5px;}
.header-top [class*="col-"]{padding-left:5px;padding-right:5px;}
.foot-contact{font-size: 18px;line-height: 24px;}
.grid-list-wrap{padding-bottom:70px;}
.dedicated-block{padding-bottom:70px;}
.footer-top{padding-top:0;padding-bottom:60px;}
.footer-wrap{padding-bottom:25px;font-size:12px;letter-spacing:1.2px;}
.footer-wrap p{margin-bottom:10px;}
.header-foot{position:relative;}
.navmenu-inner{height:auto;text-align: center;}
.submenu{max-width: 100%;}
.navscroll-inner{height:calc(100vh - 90px);overflow:auto;}
.navbar-collapse{/*padding-top:90px;*/padding-top:130px;}

.navfix .navscroll-inner{height:calc(100vh - 65px);overflow:auto;}
.navfix .navbar-collapse{padding-top:65px;}

.navbar-nav .nav-link{font-size: 24px;line-height: 34px;}
.navbar-nav{margin-bottom:20px;}
.subnav-block h6{margin-bottom:4px;}
.subnav-block{margin-bottom:25px;}

.banner-text{height:auto;/*padding-top: 91px;*/padding-top: 130px;min-height: 1px;}
.banner-text .h1 {font-size: 22px;line-height: 30px;margin-bottom: 30px !important;}
.banner-submenu .subnav-block{margin-bottom:20px;}
.parallax-section{height:200px;}
.section-block{padding-top:73px;}
.section-title{margin-bottom:40px;}
.strategy-text{padding:20px 0 30px;}
.our-shop{margin-top: 40px;padding-top:20px;padding-bottom:0;margin-bottom:40px;}
.our-shop-block{margin-bottom:20px;}
.our-shop-block h2 {font-size: 20px;line-height: 22px;}
a.view-link{font-size: 16px;line-height:20px;}
.single-banner .banner-text{padding-bottom:40px;height:437px;}
.single-banner .banner-text .h1 {font-size: 22px;line-height: 28px;}
.section-head h2 {font-size: 20px;line-height: 26px;}
.section-head, .flawless-section .section-head{/*margin-bottom:40px;*/}
.visual-section, .visitor-section, .renovation-section, .flawless-section {padding-top: 60px;}
.visitor-section .parallax-section {height: 250px;}
.section-head h2.h1 {font-size: 22px;}
.renovation-section .section-head{/*margin-bottom:95px;*/}
.our-shop.single-shop{margin-top:20px;}
.video-play{width:60px;height:60px;margin-left:-30px;margin-top:-30px;}
.foot-banner .footer-top{height:auto;padding:100px 0 50px;}
.navbar-toggler{font-size:14px;}
}

@media (max-width: 1024px) {
  .scroll-down {
    top: calc((var(--vh, 1vh) * 100) - 8rem);
    height: 8rem;
  }
  .single-banner,
  .parallax-section{background-attachment:scroll;}
}

@media (max-width: 576px){
  .scroll-down {
    display: none;
  }
}