@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@300;400;500;600;700&display=swap');
/* font-family: 'Playfair Display', serif; */
body{  background:#fff; font-family: 'Poppins', sans-serif; font-weight: 400;}
#toTop { border-radius:0; bottom:40px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 999999;}
a{text-decoration: none}
a:hover{text-decoration: none}
.form-control::-moz-placeholder {color: #fff !important; opacity: 1;}
.form-control:-ms-input-placeholder {color: #fff !important;}
.form-control::-webkit-input-placeholder {color: #fff !important;}
.md-10{margin: 0 -10px}
.pd-10{padding: 0 10px}
.md-0{margin: 0 0px}
.pd-0{padding: 0 0px}

.full-width{width: 100%}
.container{max-width: 1200px}
.navbar-expand-lg{justify-content: space-between;}
.navbar-collapse{flex-grow: 0}
.dropdown-submenu {position: relative;}

.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #000; margin-top: 2px; margin-right: -13px;}
.dropdown-submenu:hover>a:after {border-left-color: #fff;}

.header-main-area{position: absolute; width: 100%; left: 0px; top: 0px; z-index: 2; transition: all 0.5s ease;}
.header-main-area .top-info-area{display: flex; justify-content: space-between; padding: 10px 0; transition: all 0.5s ease;}
.header-main-area .top-info-area .leftside a{font-size: 14px; color: #fff; font-weight: 400; line-height: 30px; margin-right: 30px}
.header-main-area .top-info-area .leftside a i{margin-right: 10px}
.header-main-area .top-info-area ul.social-media{margin: 0px; padding: 0px; list-style: none; display: flex;}
.header-main-area .top-info-area ul.social-media li{margin: 0px}
.header-main-area .top-info-area ul.social-media li a{width: 30px; height: 30px; font-size: 18px; line-height: 30px; text-align: center; display: block; color: #fff}
.header-main-area .navbar{background: #fff;  padding: 15px}
.header-main-area .navbar-nav{margin-right: 120px}
.header-main-area .navbar .navbar-brand{height: 35px; font-family: 'Playfair Display', serif; font-size: 35px; line-height: 30px; padding: 0px; color: #000;}
.header-main-area .navbar .navbar-brand span{color: #b0f}
.header-main-area .navbar .navbar-brand img{height: 100%}
.header-main-area .navbar ul.navbar-nav li a{color: #000; padding: 8px 12px; font-size: 16px; font-weight: 300; border-radius: 8px}
.header-main-area .navbar ul.navbar-nav li:hover a{ color: #b0f;}
.header-main-area .navbar ul.navbar-nav li.active a{color: #b0f;}
.header-main-area .navbar ul.navbar-nav li .dropdown-menu{margin: 15px 0px 0px 0px; padding: 10px 10px 6px 10px; border-radius:0 0 8px 8px; border:none}
.header-main-area .navbar ul.navbar-nav li .dropdown-menu li a{font-size: 14px; font-weight: 400; color: #000; padding: 10px 20px 10px 12px; display: block; white-space: nowrap; background: #f7f7f7; line-height: 14px; border-radius: 7px; margin-bottom: 4px;}
.header-main-area .navbar ul.navbar-nav li .dropdown-menu li a:hover{background: #b0f; color: #fff}
.header-main-area .navbar ul.navbar-nav li .dropdown-menu li a.active{background: #b0f; color: #fff}
.header-main-area .btn-book{border: none; text-align: center; background: #b0f; color: #fff; position: absolute; right: 15px; line-height: 40px; padding: 0 15px;}
.header-main-area .btn-book:hover{color: #b0f}

.header-main-area.fixed{position: fixed; top: 0px; background: #fff; transition: all 0.5s ease; -webkit-box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.2);}
.header-main-area.fixed .top-info-area{display: none; transition: all 0.5s ease;}

.video-area{position: relative; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.video-area video{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.video-area::before{content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; background: #000; opacity: 0.3}
.video-area .content-area{position: relative; z-index: 2; text-align: center;}
.video-area .content-area h1{font-family: 'Playfair Display', serif; color: #fff; font-size: 120px; line-height: 120px; margin: 0 0 20px 0}
.video-area .content-area h1 span{font-family: 'Poppins', sans-serif; color: #fff; font-size: 20px; line-height: 20px; font-weight: 400; display: block; text-transform: uppercase;}
.video-area .content-area p{font-size: 16px; line-height: 26px; font-weight: 300; color: #fff; max-width: 600px; margin: 0 auto 20px auto;; }
.video-area .content-area .btn-book{background: #b0f; padding: 14px 40px; color: #fff; display: inline-block; font-size: 16px; font-weight: 500; transition: all 1s ease;}

.about-area{padding: 100px 0; background-size: 70%}
.about-area .about-content-block{display: flex; align-items: center; margin-bottom: 50px}
.about-area .about-content-block .left-content{width: 50%; position: relative; padding-right: 40px}
.about-area .about-content-block .left-content h2{font-size: 50px; font-weight: 700; color: #b0f; line-height: 45px; margin: 0 0 20px 0; position: relative; z-index: 1; font-family: 'Playfair Display', serif;}
.about-area .about-content-block .left-content h2 span{font-family: 'Poppins', sans-serif; display: block; font-size: 16px; font-weight: 500; color: #000; text-transform: uppercase;}
.about-area .about-content-block .left-content .border-title{font-size: 120px; color: #fff; font-weight: 700; line-height: 120px; position: absolute; top: -17px; left: 0px; -webkit-text-stroke: 1px #cecece; }
.about-area .about-content-block .left-content p{font-size: 16px; line-height: 26px; font-weight: 300; color: #767171; margin-bottom: 20px}
.about-area .about-content-block .left-content .btn-blue{background: #b0f; padding: 14px 40px; color: #fff; display: inline-block; font-size: 16px; font-weight: 500;}
.about-area .about-content-block .photo-area{width: 50%; height: 544px; position: relative;}
.about-area .about-content-block .photo-area .photo-1{width: 66%; position: absolute; right: 0px; top: 0px; transition: all 0.5s ease; }
.about-area .about-content-block .photo-area .photo-2{width: 50%; position: absolute; left: 0px; bottom: 0px; transition: all 0.5s ease; }
.about-area .number-box{border:#d3d3d3 1px solid; text-align: center; font-size: 40px; font-weight: 700; color: #b0f; line-height: 40px; padding: 25px}
.about-area .number-box span{display: block; font-size: 18px; font-weight: 500; color: #000; line-height: 18px; margin-top: 10px}
.about-area .md-10 .col-lg-3:nth-of-type(4n+1){margin-top: 40px}
.about-area .md-10 .col-lg-3:nth-of-type(4n+3){margin-top: 40px}


.service-area{padding: 100px 0; background: #f2f2f2; position: relative;}
.service-area .container{position: relative; }
.service-area h2{font-size: 50px; font-weight: 700; color: #b0f; line-height: 45px; margin: 0 0 40px 0; position: relative; z-index: 1; font-family: 'Playfair Display', serif;}
.service-area h2 span{font-family: 'Poppins', sans-serif; display: block; font-size: 16px; font-weight: 500; color: #000; text-transform: uppercase;}
.service-area .border-title{font-size: 120px; color: #f2f2f2; font-weight: 700; line-height: 120px; position: absolute; top: -17px; left: 0px; -webkit-text-stroke: 1px #cecece; }
.service-area ul.service-list{margin: 50px -50px  0px -50px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.service-area ul.service-list li{padding: 0 50px; width: 50%; margin-bottom: 50px}
.service-area ul.service-list li:nth-of-type(2){margin-top: 50px}
.service-area ul.service-list li:nth-of-type(4){margin-top: 50px}
.project-block{width: 100%; height: 620px; border-radius: 150px 15px 15px 15px; overflow: hidden; position: relative;}
.project-block img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; object-fit: cover; margin: auto; transform: scale(1); transition: all 0.5s ease;}
.project-block .black-fade{background: url(../images/black-fade-img.png) bottom center repeat-x; width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px}
.project-block h3{position: absolute; padding: 25px; bottom: 0px; left: 0px;  transition: all 0.5s ease; width: 100%;color: #fff; font-weight: 700; font-size: 30px}
.project-block .link{width: 60px; height: 60px; border-radius: 50%; background: #b0f; line-height: 60px; text-align: center; font-size: 24px; color: #fff; position: absolute; bottom: 25px; right: 25px; transition: all 0.5s ease;}
.project-block:hover h3{bottom: 25px; transition: all 0.5s ease;}
.project-block:hover .link{bottom: 15px; transition: all 0.5s ease; right: 15px}
.project-block:hover img{transition: all 0.5s ease; right: 15px; transform: scale(1.1);}


.photo-area{padding: 100px 0 100px 100px; background: #fff; position: relative;}
.photo-area h2{font-size: 50px; font-weight: 700; color: #b0f; line-height: 45px; margin: 0 0 40px 0px; position: relative; z-index: 1; }
.photo-area h2 span{display: block; font-size: 16px; font-weight: 500; color: #000; text-transform: uppercase; }
.photo-area .border-title{font-size: 120px; color: #fff; font-weight: 700; line-height: 120px; position: absolute; top: 82px; left:100px; -webkit-text-stroke: 1px #cecece;  }
.photo-area .inner-photo{width: 380px; height: 500px; overflow: hidden; position: relative; border-radius: 30px;  transition: all 0.5s ease;}
.photo-area .inner-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.photo-area .inner-photo:hover{border-radius: 50px;  transition: all 0.5s ease;}
.photo-area .photo-slider{width: 100%; }
.photo-area .photo-slider .owl-stage {padding-left: 0px !important;}
.photo-area .photo-slider .owl-nav{position: absolute; top: -115px; right: 100px}
.photo-area .photo-slider .owl-nav .owl-prev{width: 75px; height: 75px; background: #fff; color: #767171; font-size: 24px; border-radius: 50%; margin-right: 10px; transition: all 0.5s ease; border:#767171 1px solid}
.photo-area .photo-slider .owl-nav .owl-next{width: 75px; height: 75px; background: #fff; color: #767171; font-size: 24px; border-radius: 50%; transition: all 0.5s ease; border:#767171 1px solid}
.photo-area .photo-slider .owl-nav .owl-prev i{-webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.5s ease;}
.photo-area .photo-slider .owl-nav .owl-next i{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.5s ease;}
.photo-area .photo-slider .owl-nav .owl-prev.disabled, .project-area .product-slider .owl-nav .owl-next.disabled{opacity: 0.5}
.photo-area .photo-slider .owl-nav .owl-next:hover{background: #767171; color: #fff; border:#767171 1px solid; transition: all 0.5s ease;}
.photo-area .photo-slider .owl-nav .owl-next:hover i{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.photo-area .photo-slider .owl-nav .owl-prev:hover i{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.photo-area .photo-slider .owl-nav .owl-prev:hover{background: #000; color: #fff; border:#000 1px solid; transition: all 0.5s ease;}
.photo-area .photo-slider .owl-dots{display: none}


footer .footer-main{background: #131313; padding: 30px 0; text-align: center;}
footer .footer-main .logo{font-family: 'Playfair Display', serif; font-size: 60px; line-height: 55px; padding: 0px; color: #fff; }
footer .footer-main .logo a{color: #fff}
footer .footer-main .center-block{display: flex; text-align: left; justify-content: center; margin: 30px 0; padding: 30px 0; border-top: #3c3c3c 1px solid; border-bottom: #3c3c3c 1px solid}
footer .footer-main .info{font-size: 14px; line-height: 23px; color: #fff; font-weight: 400; position: relative; padding-left: 55px; margin: 0 20px}
footer .footer-main .info a{font-size: 18px; font-weight: 700; color: #fff; display: block;}
footer .footer-main .info .icon{width: 40px; height: 40px; background: #fff; border-radius: 50%; line-height: 40px; text-align: center; font-size: 22px; color: #b0f; position: absolute; top: 4px; left: 0px}
footer .footer-main h3{font-size: 24px; line-height: 24px; color: #fff; margin: 0px 0 8px 0; font-weight: 700}
footer .footer-main p{font-size: 14px; line-height: 20px; color: #fff; opacity: 0.5; font-weight: 400}
footer .footer-main p strong{font-size: 16px; display: block;}
footer .footer-main ul.link{margin: 0px 20px; padding: 0px; list-style: none; display: flex; justify-content: center;}
footer .footer-main ul.link li a{color: #fff; font-size: 14px; line-height: 24px; font-weight: 400;  padding:0 20px; position: relative;}
footer .footer-main ul.link li a::before{color: #fff; font-weight: 400; content: '|'; position: absolute; top: -1px; left: 0px}
footer .footer-main ul.link li a:hover{color: #fff}
footer .footer-main ul.link li:first-child a:before{content: none}

footer .copy-right-area{background: #b0f; padding: 10px 0}
footer .copy-right-area .content{display: flex; justify-content: space-between; align-items: center;}
footer .copy-right-area p{margin: 0px; font-size: 14px; color: #fff; font-weight: 400}
footer .copy-right-area ul.social-media{margin: 0px; padding: 0px; list-style: none; display: flex;}
footer .copy-right-area ul.social-media li{margin: 0px}
footer .copy-right-area ul.social-media li a{width: 30px; height: 30px; font-size: 18px; line-height: 30px; text-align: center; display: block; color: #fff}

.inner-title-area{position: relative; background: red; text-align: center;}
.inner-title-area img{width: 100%; height: 100%; position: absolute; top:0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.inner-title-area .content-block{padding: 230px 0 100px 0; position: relative; z-index: 1; background: rgba(0, 0, 0, 0.5)}
.inner-title-area .content-block h1{font-size: 50px; line-height: 40px; font-weight: 700; color: #fff; margin: 0px}

.contact-page{padding: 100px 0; }
.contact-page .content-block{display: flex; align-items: center; margin-bottom: 100px}
.contact-page .content-block .left-content{width: 55%; position: relative; padding-right: 40px}
.contact-page .content-block .left-content h2{font-size: 50px; font-weight: 700; color: #b0f; line-height: 45px; margin: 0 0 20px 0; position: relative; z-index: 1}
.contact-page .content-block .left-content h2 span{display: block; font-size: 16px; font-weight: 500; color: #000; text-transform: uppercase;}
.contact-page .content-block .left-content .border-title{font-size: 100px; color: #fff; font-weight: 700; line-height: 100px; position: absolute; top: 0px; left: 0px; -webkit-text-stroke: 1px #cecece;}
.contact-page .content-block .left-content p{font-size: 16px; line-height: 26px; font-weight: 300; color: #767171; margin-bottom: 20px}
.contact-page .content-block .left-content .info{font-size: 16px; line-height: 23px; color: #b0f; font-weight: 700; position: relative; padding-left: 65px; margin-bottom: 20px; padding-top: 5px}
.contact-page .content-block .left-content .info a{font-size: 20px; font-weight: 400; color: #000; display: block;}
.contact-page .content-block .left-content .info span{font-size: 20px; font-weight: 400; color: #000; display: block;}
.contact-page .content-block .left-content .info .icon{width: 50px; height: 50px; background: #b0f; border-radius: 6px; line-height: 50px; text-align: center; font-size: 22px; color: #fff; position: absolute; top: 4px; left: 0px}
.contact-page .content-block .form-area{width: 45%; background:#131313; position: relative; padding: 50px; }
.contact-page .content-block .form-area .form-group{position: relative; margin-bottom: 30px}
.contact-page .content-block .form-area .form-group label{background: #131313; line-height: 24px; border-radius: 0px; color: #fff; font-weight: 700; margin: 0px; font-size: 14px; padding: 0 10px; top: -12px; left: 10px; position: absolute;}
.contact-page .content-block .form-area .form-group .form-control{border:#fff 1px solid; border-radius: 0px; background: transparent; line-height: 30px; color: #fff; font-size: 14px; padding: 12px 20px 8px 20px}
.contact-page .content-block .form-area .btn-submit{background: #b0f; padding: 14px 40px; color: #fff; width: 100%; display: inline-block; font-size: 16px; font-weight: 500; border:none; cursor: pointer;}
.contact-page .map-area{width: 100%; height: 450px; position: relative;}
.contact-page .map-area::before{content: ''; position: absolute; top: -30px; left: -30px; width: 100%; height: 100%; border:#b0f 1px dashed}
.contact-page .map-area::after{content: ''; position: absolute; bottom: -30px; right: -30px; width: 100%; height: 100%; border:#656161 1px dashed}
.contact-page .map-area iframe{width: 100%; height: 100%; position: relative; z-index: 2; border:#000 1px solid}

.photo-page{padding: 100px 0}
.photo-page ul.photo-list{margin: 0px -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.photo-page ul.photo-list li{width: 25%; padding: 0 10px; margin-bottom: 20px}
.photo-page ul.photo-list li .inner-photo{width: 100%; height: 300px; overflow: hidden; position: relative; border-radius: 0px;  transition: all 0.5s ease;}
.photo-page ul.photo-list li .inner-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.photo-page ul.photo-list li .inner-photo:hover{border-radius: 50px;  transition: all 0.5s ease;}

.about-page{padding: 100px 0; background: url(../images/about-bg.png) right center no-repeat; background-size: 70%}
.about-page .about-content-block{display: flex; align-items: center; margin-bottom: 50px}
.about-page .about-content-block .left-content{width: 55%; position: relative; padding-right: 40px}
.about-page .about-content-block .left-content h2{font-size: 50px; font-weight: 700; color: #b0f; line-height: 45px; margin: 0 0 20px 0; position: relative; z-index: 1}
.about-page .about-content-block .left-content h2 span{display: block; font-size: 16px; font-weight: 500; color: #000; text-transform: uppercase;}
.about-page .about-content-block .left-content .border-title{font-size: 120px; color: #fff; font-weight: 700; line-height: 120px; position: absolute; top: -17px; left: 0px; -webkit-text-stroke: 1px #cecece;}
.about-page .about-content-block .left-content p{font-size: 16px; line-height: 26px; font-weight: 300; color: #767171; margin-bottom: 20px}
.about-page .about-content-block .left-content .btn-blue{background: #b0f; padding: 14px 40px; color: #fff; display: inline-block; font-size: 16px; font-weight: 500;}
.about-page .about-content-block .photo-area{width: 45%; position: relative;}
.about-page .about-content-block .photo-area img{width: 80%; margin-left: 20%}
.about-page .about-content-block .photo-area .sign{background: #b0f; width: 245px; padding: 20px 30px; margin-top: -30px; position: relative; z-index: 1}
.about-page .about-content-block .photo-area .sign img{width: 100%; margin: 0px}
.about-page .about-content-block .photo-area .sign::before{border: #b0f 1px solid; content: ''; position: absolute; width: 100%; height: 100%; left: -10px; top: -10px}
.about-page .about-content-block .photo-area .number-area{display: flex; flex-wrap: wrap; margin-top: 50px}
.about-page .about-content-block .photo-area .number-area .number-box{width: 50%; text-align: center; font-size: 30px; font-weight: 700; color: #b0f; line-height: 30px; padding: 25px}
.about-page .about-content-block .photo-area .number-area .number-box span{display: block; font-size: 15px; font-weight: 500; color: #000; line-height: 18px; margin-top: 10px}
.about-page .about-content-block .photo-area .number-area .number-box:nth-of-type(4n+1){border-right: #d3d3d3 1px solid; border-bottom: #d3d3d3 1px solid}
.about-page .about-content-block .photo-area .number-area .number-box:nth-of-type(4n+2){border-bottom: #d3d3d3 1px solid}
.about-page .about-content-block .photo-area .number-area .number-box:nth-of-type(4n+3){border-right: #d3d3d3 1px solid}

.client-slider-area{padding: 100px 0; background: #fff; position: relative;}
.client-slider-area .container{position: relative; }
.client-slider-area h2{font-size: 50px; font-weight: 700; color: #b0f; line-height: 45px; margin: 0 0 40px 0; position: relative; z-index: 1}
.client-slider-area h2 span{display: block; font-size: 16px; font-weight: 500; color: #000; text-transform: uppercase;}
.client-slider-area .border-title{font-size: 120px; color: #fff; font-weight: 700; line-height: 120px; position: absolute; top: -17px; left: 15px; -webkit-text-stroke: 1px #cecece; }
.client-slider-area .logo-block{width: 100%; border:#d3d3d3 1px solid;   filter: grayscale(100%);  transition: all 0.5s ease;}
.client-slider-area .logo-block:hover{  filter: grayscale(0%);  transition: all 0.5s ease;}
.client-slider-area .owl-nav{position: absolute; top: -115px; right: 0px}
.client-slider-area .owl-nav .owl-prev{width: 75px; height: 75px; background: #fff !important; color: #767171 !important; font-size: 24px !important; border-radius: 50%; margin-right: 10px; transition: all 0.5s ease; border:#767171 1px solid !important}
.client-slider-area .owl-nav .owl-next{width: 75px; height: 75px; background: #fff !important; color: #767171 !important; font-size: 24px !important; border-radius: 50%; transition: all 0.5s ease; border: #767171 1px solid !important;}
.client-slider-area .owl-nav .owl-prev i{-webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.5s ease;}
.client-slider-area .owl-nav .owl-next i{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.5s ease;}
.client-slider-area .owl-nav .owl-prev.disabled, .client-slider-area .owl-nav .owl-next.disabled{opacity: 0.5}
.client-slider-area .owl-nav .owl-next:hover{background: #767171; color: #fff; border:#767171 1px solid; transition: all 0.5s ease;}
.client-slider-area .owl-nav .owl-next:hover i{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.client-slider-area .owl-nav .owl-prev:hover i{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.client-slider-area .owl-nav .owl-prev:hover{background: #000; color: #fff; border:#000 1px solid; transition: all 0.5s ease;}

.news-page{padding: 100px 0 70px 0}
.news-page .news-block{margin-bottom: 30px}
.news-page .news-block .news-content-block{margin-bottom: 0px}

.projectlist-page{padding: 100px 0 70px 0}
.projectlist-page .project-block{width: 100%; margin-bottom: 30px}