/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; }
body{ width:100%; padding:0; margin:0; background:#fff; font-family: 'ITC Avant Garde Gothic'; }
a{ outline:none; text-decoration:none; }
a:focus, a:hover{ outline:none; text-decoration:none; }
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; }
ul{ padding:0; margin:0; list-style:none; }

@media screen and (min-width:1340px) {
  .container{ max-width:1430px; }
}

@font-face {
  font-family: 'ITC Avant Garde Gothic';
  src: url('../fonts/AvantGarde-Book.woff2') format('woff2'),
      url('../fonts/AvantGarde-Book.woff') format('woff'),
      url('../fonts/AvantGarde-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Qinferly - Personal use';
  src: url('../fonts/QinferlyPersonaluse.woff2') format('woff2'),
      url('../fonts/QinferlyPersonaluse.woff') format('woff'),
      url('../fonts/QinferlyPersonaluse.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


p{ font-size:16px; line-height:1.9; color:#121314; font-weight:500; text-transform:uppercase; margin:0; padding:0; }
.main-title{ font-family: 'Qinferly - Personal use'; font-size:300px; line-height:1.1; color:#FFF9F5; font-weight:400; text-transform:uppercase; margin:0; padding:0; }
.title{ font-family: 'Qinferly - Personal use'; font-size:70px; line-height:1; color:#FFF9F5; font-weight:400; text-transform:uppercase; margin:0; padding:0; }
.sub-title{ font-family: 'Qinferly - Personal use'; font-size:60px; line-height:1.1; color:#121314; font-weight:400; text-transform:uppercase; margin:0; padding:0; }
.sub-text{ font-family: 'Qinferly - Personal use'; font-size:50px; line-height:1.4; color:#121314; font-weight:400; text-transform:uppercase; margin:0; padding:0; }

.primarybtn{ width:176px; height:41px; display:flex; align-items:center; justify-content:center; font-family: 'ITC Avant Garde Gothic'; font-size:15px; line-height:1; color:#121314; font-weight:500; text-transform:uppercase; letter-spacing:0.96px; margin:0; padding:0 25px 0 0; background: linear-gradient(85.49deg, #FFF9F5 0%, #EDC1B6 100%); border-radius:10px; box-shadow:none; outline:none; border:none; transition:all 0.3s ease-in-out; position: relative; }
.primarybtn:after{ content:''; position:absolute; top:50%; transform:translateY(-50%); width:20px; height:0.5px; background:#121314; right:20px; }

.secondarybtn{ width:176px; height:41px; display:flex; align-items:center; justify-content:center; font-family: 'ITC Avant Garde Gothic'; font-size:15px; line-height:1; color:#FFF9F5; font-weight:500; text-transform:uppercase; letter-spacing:0.96px; margin:0; padding:0 25px 0 0; background:#121314; border-radius:10px; box-shadow:none; outline:none; border:none; transition:all 0.3s ease-in-out; position: relative; }
.secondarybtn:after{ content:''; position:absolute; top:50%; transform:translateY(-50%); width:20px; height:0.5px; background:#FFF9F5; right:20px; }
/* .secondarybtn:hover{ box-shadow:0px 1px 13px 0px rgba(10, 36, 114, .2); background: linear-gradient(90deg, #D9C3A4 0%, #FFFFFF 100%); } */


.desktop-view{ display:block; }
.mobile-view{ display:none; }

/*=============================== Header Start ===============================*/
.header-nav{ position:fixed; top:0; left:0; right:0; z-index:11; margin:0; padding:15px 45px; background:none !important; transition:all 500ms ease-in-out; }
.logo-block{ width:100px; margin:0; padding:0; transition:all 500ms ease-in-out; }
.logo-block a{ display:block; margin:0; padding:0; }
.logo-block img{ width:100%; height:auto; }

.navigation-field{ margin:0; padding:0; display:flex; align-items:center; justify-content:flex-end; transition:all 500ms ease-in-out; }
.navigation-field ul li{ display:inline-block; font-size:15px; line-height:1; color:#FFF9F5; font-weight:500; letter-spacing:0.96px; text-transform:uppercase; margin:0; padding:0 30px; position: relative; }
.navigation-field ul li a{ display:inline-block; color:#FFF9F5; margin:0; padding:17px 0; border-bottom:1px solid transparent; transition:all 300ms ease-in-out; position: relative; }
.navigation-field ul li a:hover{ color:#fff; }
.navigation-field ul li a .icon{ display:inline-block; margin:0; padding:0; position:absolute; top:50%; transform:translateY(-50%); right:0; line-height:0; }
.navigation-field ul li a .icon img{ width:10px; height:auto; }
.navigation-field ul li.dropdown-list a{ padding-right:22px; }

.navigation-field .sub-menu{ display:inline-block; position: absolute; width: 200px; left:50%; transform:translateX(-50%); top:50px; background:#FFF9F5; box-shadow: 0 17px 40px 0 rgba(0, 0, 0, 0.1); border-radius:0 0 4px 4px; margin: 0; padding:7px 0; display:none; opacity:0; transition: all 600ms ease-in-out; z-index: 99; }
.navigation-field .sub-menu::after{ content:''; position: absolute; top:-16px; left:50%; width: 0px; height: 0px; border-style: solid; border-width: 0 12px 16px 12px; border-color: transparent transparent #FFF9F5 transparent; transform: rotate(0deg) translateX(-50%); }
.navigation-field .sub-menu li{ display:block; padding:0; }
.navigation-field .sub-menu li a{ display:block; color:#121314; padding:13px 15px; border-bottom:1px solid rgba(255,255,255,0.5); }
.navigation-field .sub-menu li a:hover{ background:rgba(0,0,0,.1); color:#000; }
.navigation-field .sub-menu li:last-child a{ border-bottom:none; }
.navigation-field ul li:hover .sub-menu{ display: block !important; opacity: 1; animation: hvTop .5s; animation-duration: .5s; }


.btn-block{ display:flex; align-items:center; margin:0; padding:0; }
  
.close-block{ margin:0; padding:15px; padding-right:0; text-align:right; display:none; }
.close-block .close-btn{ width:32px; height:32px; background:none; border:1px solid #1D2F6C; border-radius:50%; box-shadow:none; outline:none; margin:0 0 0 auto; padding:0; display:flex; align-items:center; justify-content:center; }
.close-block .close-btn img{ width:14px; height:auto; }
.humberger-menu{ width:auto; height:auto; background:none; border:none; border-radius:50%; box-shadow:none; outline:none; margin:0 20px 0 0; padding:0; display:none; align-items:center; justify-content:center; }
.humberger-menu img{ width:29px; height:auto; }

.overlay{ position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, .50); visibility:hidden; opacity:0; z-index:91; }
.overlay.opened{ visibility:visible; opacity:1; transition:all 150ms ease-in-out; }

@keyframes hvTop {
  0% { top:35px;}
  100% { top:50px; opacity:1; }
}


@media screen and (min-width:992px) { 
    .header-nav.header-sticky{ background:rgba(18, 19, 20, 0.7) !important; padding:10px 45px; backdrop-filter: blur(20px); }
    .header-nav.header-sticky .logo-block{ width:75px; }
}


/*=============================== Header End ===============================*/

/*=============================== Banner Start ===============================*/
.banner{ margin:0; padding:0; height:auto; position: relative; }
.banner .banner-img{ margin:0; padding:0; height:100vh; }
.banner img{ width:100%; height:100%; object-fit:cover; }
.banner .text-block{ max-width:1237px; margin:0 auto; padding:0; text-align:center; }
.banner .text-block .sub-field{ margin:0; padding:0; position:relative; text-align:right; }
.banner .text-block .sub-field:before{ content:''; position:absolute; top:50%; transform:translateY(50%); left:0; width:485px; height:1px; background:#FFF9F5; }

.banner .text-block .social-block{ margin:0; padding:0; position:absolute; right:120px; bottom:0; }
.banner .text-block .social-block h5{ font-size:12px; line-height:1; color:#FFF9F5; font-weight:500; letter-spacing:0.32px; text-transform:uppercase; margin:0; padding:0 0 20px; }
.banner .text-block .social-block ul{ display:flex; align-items:center; }
.banner .text-block .social-block ul li{ display:inline-block; margin:0; padding:0 10px 0 0; }
.banner .text-block .social-block ul li:first-child{ padding-right:5px; }
.banner .text-block .social-block ul li:last-child{ padding-right:0; }

.banner .text-block .social-block ul li a{ display:inline-block; margin:0; padding:0; }
.banner .text-block .social-block ul li img{ width:auto; height:23px; }
.banner .text-block .social-block ul li.line-img img{ width:30px; height:auto; }

.banner .slick-prev, .banner .slick-next{ width:65px; height:65px; border-radius:50%; z-index:1; }
.banner .slick-prev{ background:url(../images/prev-icon.png) no-repeat center rgba(18, 19, 20, 0.7); background-size:9px; left:12px; }
.banner .slick-prev::before{ display:none; }

.banner .slick-next{ background:url(../images/next-icon.png) no-repeat center rgba(18, 19, 20, 0.7); background-size:9px; right:12px; }
.banner .slick-next::before{ display:none; }

/*=============================== Banner End ===============================*/

/*=============================== About Section Start ===============================*/
.about-element{ margin:0; padding:80px 0 60px; background:url(../images/about-bg-image.jpg) no-repeat left top; background-size:cover; overflow:hidden; }
.about-element .top-block{ margin:0; padding:0; text-align:center; }
.about-element .top-block p{ max-width:1185px; margin:0 auto 50px; text-transform:uppercase; }
.about-element .top-block .secondarybtn{ margin:0 auto; }

.about-element .divider-field{ margin:25px 0 30px 0; padding:0; text-align:center; position: relative; }
.about-element .divider-field span{ display:inline-block; margin:0; padding:0 16px; }
.about-element .divider-field img{ width:50px; height:auto; }
.about-element .divider-field::before{ content:''; position:absolute; top:50%; transform:translateY(50%); left:0; width:47%; height:1px; background:#121314; }
.about-element .divider-field::after{ content:''; position:absolute; top:50%; transform:translateY(50%); right:0; width:47%; height:1px; background:#121314; }

.about-element .block{ max-width:800px; margin:0 auto; padding:70px 0 0 0; }
.about-element .block .box{ margin:0; padding:0; overflow:hidden; }
.about-element .block .box img{ width:100%; height:auto; transition:all 500ms ease-in-out; }
.about-element .block .box img:hover{ transform:scale(1.1); }
/* .about-element .block .col-md-6 .box{ margin-top:45px; overflow:hidden; } */

.about-element.creative-element{ border-bottom:1px solid rgba(0,0,0,.2); padding-bottom:65px; }
.about-element.creative-element .top-block .secondarybtn{ width:auto; max-width:400px; padding:0; }
.about-element.creative-element .top-block .secondarybtn:after{ display:none; }

/*=============================== About Section End ===============================*/

/*=============================== Protfolio Section Start ===============================*/
.protfolio-element{ margin:0; padding:80px 0 40px; background:url(../images/protfolio-bg-img.png) no-repeat left top; background-size:cover; }
.protfolio-element .top-block{ margin:0 0 75px; padding:0; display:flex; align-items:center; justify-content:space-between; }
.protfolio-element .top-block .sub-title{ color:#FFF9F5; }
.protfolio-element .top-block .primarybtn{ width:238px; }

.protfolio-element .item{ margin:0 0 40px; padding:0; }
.protfolio-element .item a{ display:block; margin:0; padding:0; }
.protfolio-element .box{ margin:0; padding:0; position: relative; overflow:hidden; }
.protfolio-element .box img{ width:100%; height:auto; transition:all 500ms ease-in-out; }
.protfolio-element .box:hover img{ transform:scale(1.1); }
.protfolio-element .box .bottom-block{ position:absolute; left:0; right:0; bottom:0; margin:0; padding:30px; display:flex; align-items:flex-end; justify-content:space-between; z-index:2; }
.protfolio-element .box .bottom-block h2{ flex:1; font-family: 'Qinferly - Personal use'; font-size:30px; line-height:1.4; color:#FFF9F5; font-weight:400; margin:0; padding:0 65px 0 0; }
.protfolio-element .box .icon-btn{ width:55px; height:55px; display:inline-block; border:none; box-shadow:none; outline:none; background:url(../images/right-arrow-black.png) no-repeat -16px center #FFF9F5; background-size:50.5px; border-radius:50%; margin:0 0 0 auto; padding:0; }
.protfolio-element .box:hover .icon-btn{ background:url(../images/right-arrow-black.png) no-repeat 20px center #FFF9F5; background-size:50.5px; transition:all 500ms ease-in-out; }
.protfolio-element .box .icon-btn img{ width:100%; height:auto; }

.protfolio-element .btn-block{ display:none; padding-top:25px; }

.protfolio-element.bg-image{ background:url(../images/protfolio-inner-bg-img.jpg) no-repeat left top; background-size:cover; border-bottom:1px solid rgba(0, 0, 0, .10); }
.protfolio-element.bg-image .box::after{ content:''; position:absolute; top:0; bottom:0; left:0; right:0; background: linear-gradient(212.38deg, rgba(18, 19, 20, 0) 54.91%, #121314 100%); z-index:1; }
/* .protfolio-element.bg-image .col-md-4:nth-child(2) .box{ border:1px solid #000000; }
.protfolio-element.bg-image .col-md-4:nth-child(2) .box::after{ display:none; } */
.protfolio-element.bg-image .box .bottom-block{ position: relative; }
.protfolio-element.bg-image .btn-block .secondarybtn{ margin:0 auto; }

.protfolio-element.bg-image .main-title{ font-size:90px; color:#121314; padding-bottom:85px; text-align:center; }

/*=============================== Protfolio Section End ===============================*/

/*=============================== Footer Start ===============================*/
.footer{ margin:0; padding:55px 0 62px; background:url(../images/footer-bg-img.jpg) no-repeat left top; background-size:cover; }
.footer .logo-block{ width:180px; margin:0 auto 16px; padding:0; }
.footer .logo-block img{ width:100%; height:auto; }

.footer-bottom{ margin:0; padding:30px 0 0 0; border-top:1px solid rgba(0,0,0,.3); display:flex; align-items:center; justify-content:space-between; }
.footer-bottom .social-block{ margin:0; padding:0; }
.footer-bottom .social-block ul li{ display:inline-block; margin:0; padding:0 10px 0 0; }
.footer-bottom .social-block ul li:first-child{ padding-right:5px; }
.footer-bottom .social-block ul li:last-child{ padding-right:0; }

.footer-bottom .social-block ul li a{ display:inline-block; margin:0; padding:0; }
.footer-bottom .social-block ul li img{ width:auto; height:23px; }
.footer-bottom .social-block ul li.line-img img{ width:30px; height:auto; }

.footer-bottom .nav-block{ margin:0; padding:0; }
.footer-bottom .nav-block ul li{ display:inline-block; font-size:15px; line-height:1; color:#121314; font-weight:500; letter-spacing:0.96px; text-transform:uppercase; margin:0; padding:0 30px; position: relative; }
.footer-bottom .nav-block ul li a{ display:inline-block; color:#121314; margin:0; padding:0; border-bottom:1px solid transparent; transition:all 300ms ease-in-out; position: relative; border-bottom:1px solid transparent; }
.footer-bottom .nav-block ul li a:hover{ border-color:#121314; }

.copyright-text p{ font-size:11px; letter-spacing:0.96px; }

/*=============================== Footer End ===============================*/

/*==============================================================

                INNER PAGE START

==============================================================*/
/*=============================== About Page Start ===============================*/
.inner-banner{ margin:0; padding:0; height:800px; position: relative; overflow:hidden; }
.inner-banner img{ width:100%; height:100%; object-fit:cover; }
.inner-banner .desc{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); margin:0; padding:0; }
.inner-banner .text-block{ max-width:1000px; margin:0 auto; padding:0; text-align:center; }
.inner-banner .text-block .main-title{ font-size:90px; }

.inner-banner .breadcrumb-nav{ position:absolute; bottom:80px; left:0; right:0; }
.breadcrumb-nav .breadcrumb{ justify-content:center; }
.breadcrumb-nav .breadcrumb .breadcrumb-item{ font-size:14px; line-height:1; color:#fff; font-weight:500; letter-spacing:0.96px; text-transform:uppercase; }
.breadcrumb-nav .breadcrumb .breadcrumb-item a{ color:#fff; }
.breadcrumb-nav .breadcrumb .breadcrumb-item::before{ color:#fff; }

.ejs-element{ margin:0; padding:80px 0 70px; background:url(../images/about-inner-bg-img.jpg) no-repeat left top; background-size:cover; border-bottom:1px solid rgba(18, 19, 20, .10); }
.ejs-element .lt-block{ margin:0; padding:0; }
.ejs-element .lt-block .img-box{ margin:0; padding:0; overflow:hidden; }
.ejs-element .lt-block .img-box img{ width:100%; height:auto; transition:all 500ms ease-in-out; }
.ejs-element .lt-block .img-box:hover img{ transform:scale(1.1); }

.ejs-element .block{ max-width:280px; margin:0; padding:0; }
.ejs-element .block .text-box{ border:1px solid #000; border-radius:140px; margin:0 0 20px; padding:51px 48px; text-align:center; position: relative; }
.ejs-element .block .text-box::before{ content:''; position:absolute; width:18px; height:18px; top:0; right:0; background:url(../images/star-icon.png) no-repeat center; background-size:17px; }
.ejs-element .block .text-box::after{ content:''; position:absolute; width:18px; height:18px; bottom:0; left:0; background:url(../images/star-icon.png) no-repeat center; background-size:17px; }
.ejs-element .block .text-box ul{ display:flex; align-items:center; justify-content:center; margin:0; padding:0 0 35px; }
.ejs-element .block .text-box ul li{ margin:0; padding:0 5px; }
.ejs-element .block .text-box ul li a{ display:inline-block; margin:0; padding:0; }
.ejs-element .block .text-box ul li img{ width:39px; height:auto; }
.ejs-element .block .text-box h4{ font-size:15px; line-height:1; color:#121314; font-weight:500; text-transform:uppercase; margin:0; padding:0 0 20px 0; }
.ejs-element .block .text-box p{ font-size:14px; line-height:1.9; }

.ejs-element .desc-text{ margin:0; padding:0; }
.ejs-element .desc-text .sub-text{ padding-bottom:48px; }
.ejs-element .desc-text p{ padding-bottom:30px; }

.ejs-element .main-title{ font-size:90px; color:#121314; padding-bottom:100px; text-align:center; }

/*=============================== About Page End ===============================*/

/*=============================== Contact Page Start ===============================*/
.contact-element{ background:url(../images/protfolio-inner-bg-img.jpg) no-repeat left top; background-size:cover; border-bottom:1px solid rgba(0, 0, 0, .10); margin:0; padding:80px 0; }
.contact-element .top-block{ max-width:745px; margin:0 auto; padding:0 0 70px; text-align:center; }
.contact-element .top-block .sub-text{ padding-bottom:40px; }
.contact-element .top-block .sub-text span{ display:block; }

.contact-element .text-block{ margin:0; padding:0 60px 0 0; }
.contact-element .text-block h3{ font-family: 'Qinferly - Personal use'; font-size:35px; line-height:1.4; color:#121314; font-weight:400; text-transform:uppercase; margin:0; padding:0 0 30px; border-bottom:1px solid #121314; text-align:left; }
.contact-element .text-block ul{ max-width:330px; margin:0; padding:65px 0 0 0; }
.contact-element .text-block ul li{ display:flex; margin:0 0 25px 0; padding:0; }
.contact-element .text-block .icon-img{ width:25px; margin:0; padding:0; }
.contact-element .text-block .text{ flex:1; margin:0; padding:0 0 0 20px; }
.contact-element .text-block .text p{ font-size:17px; }
.contact-element .text-block .text a{ display:inline-block; font-size:17px; line-height:1; color:#121314; font-weight:500; text-transform:uppercase; margin:0; padding:0; border-bottom:1px solid transparent; }
.contact-element .text-block .text a:hover{ border-color:#121314; }

.contact-element .wrp-box{ margin:0; padding:0; position: relative; }



.contact-element .wrp-box .img-box{ max-width:410px; margin:0 0 0 auto; padding:0; }
.contact-element .wrp-box .img-box img{ width:100%; height:auto; }

.contact-element .form-block{ position:absolute; width:540px; left:30px; top:50%; transform:translateY(-50%); background:#121314; margin:0; padding:40px 58px; }
.contact-element .form-block h3{ font-family: 'Qinferly - Personal use'; font-size:25px; line-height:1.7; color:#FFF; font-weight:400; text-transform:uppercase; margin:0; padding:0 0 35px; text-align:left; }

.contact-element .form-block .form-box{ margin:0; padding:0 0 30px; }
.contact-element .form-block .form-box .form-control{ border:none; border-bottom:1px solid #33373C; border-radius:0; box-shadow:none; outline:none; background:none; width:100%; height:40px; font-size:17px; color:#FFF9F5; letter-spacing:0.96px; font-weight:500; padding:0 0 15px; }
.contact-element .form-block .form-box .form-control::placeholder{ color:#828282; }
.contact-element .form-block .form-box .form-control:focus{ border-bottom-color:#FFF9F5; }
.contact-element .form-block .form-box .form-control.textarea-control{ height:75px; }

.contact-element .form-block .btn-box{ margin:0; padding:0; }
.contact-element .form-block .btn-box .primarybtn{ width:121px; }

/*=============================== Contact Page End ===============================*/

.home-slider{ margin:0; padding:0; position: relative; }
.home-slider .item{ margin:0; padding:0; height:100vh; }
.home-slider img{ width:100%; height:100%; object-fit:cover; }
.home-slider .desc{ position:absolute; left:0; right:0; bottom:105px; margin:0; padding:0; z-index:2; }
.home-slider .text-block{ max-width:568px; margin:0; padding:0; }

.home-slider .text-block .sub-text{ color:#FFF9F5; }
.home-slider .text-block p{ color:#fff; font-size:14px; padding:25px 0 35px; }
.home-slider .text-block span{ display:inline-block; font-size:16px; line-height:1; color:#fff; font-weight:500; text-transform:uppercase; letter-spacing:1.6px; margin:0; padding:8px 10px; background:#121314; }

.home-slider .slick-prev, .home-slider .slick-next{ width:65px; height:65px; border-radius:50%; z-index:1; top:auto; bottom:100px; transform:translateY(0); }
.home-slider .slick-prev{ background:url(../images/prev-icon.png) no-repeat center rgba(18, 19, 20, 0.7); background-size:9px; left:auto; right:0; margin-right:200px; }
.home-slider .slick-prev::before{ display:none; }

.home-slider .slick-next{ background:url(../images/next-icon.png) no-repeat center rgba(18, 19, 20, 0.7); background-size:9px; right:130px; }
.home-slider .slick-next::before{ display:none; }

#sync1 .owl-nav{ position:absolute; top:50%; transform:translateY(-50%); width: 100%; display: flex; align-items: center;justify-content: space-between; }
#sync1 .owl-nav .owl-prev svg{ display:none; }
#sync1 .owl-nav .owl-next svg{ display:none; }
#sync1 .owl-dots{ display:none; }
.owl-theme .owl-nav{ margin:0; }
#sync2{ position:absolute; left:0; right:0; bottom:0; }
.owl-carousel .owl-nav .owl-prev{ position:absolute; top:50%; transform:translateY(-50%); left:0; background:url(../images/prev-icon.png) no-repeat center rgba(18, 19, 20, 0.7); background-size:9px; width:45px; height:45px; opacity:1; font-size:0; }
.owl-carousel .owl-nav .owl-prev:hover{ background:url(../images/prev-icon.png) no-repeat center rgba(18, 19, 20, 0.7); background-size:9px; }
.owl-carousel .owl-nav .owl-next{ position:absolute; top:50%; transform:translateY(-50%); right:0; background:url(../images/next-icon.png) no-repeat center rgba(18, 19, 20, 0.7); background-size:9px; width:45px; height:45px; opacity:1; font-size:0; }
.owl-carousel .owl-nav .owl-next:hover{ background:url(../images/next-icon.png) no-repeat center rgba(18, 19, 20, 0.7); background-size:9px; }


#sync2 .owl-dots{ display:none; }
#sync2 .owl-item .item{ height:auto; }
#sync2 .owl-item.current .item{ border:2px solid transparent; }
#sync2 .owl-item.current .item{ border-color:#000; }