@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');



/*  font-family: 'Cormorant', serif;

font-family: 'Roboto', sans-serif; */



/* General Css */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

body{background-color:#fff; font-size:18px; line-height: 30px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #000;}

ol,ul{list-style:none}

blockquote,q{quotes:none; margin: 0;}

blockquote:after,blockquote:before,q:after,q:before{content:'';}table{border-collapse:collapse;border-spacing:0}

img{max-width: 100%;}

::selection{color: #000; background-color: #fff;}

a{transition: ease-in-out 0.4s; color:#000;}

a:hover{text-decoration: none; color: #0973ba;}

button:focus, a:focus{outline: none;}

p{padding-bottom: 40px;}

.form-control:focus, .btn.focus, .btn:focus{box-shadow:none}

html{scroll-behavior: smooth;}

.container{max-width: 1287px;}

a{transition: ease-in-out 0.4s;}

.block{display: block;}



header{

    position: fixed;

    z-index: 9999;

    width: 100%;

    left: 0;

    transition: ease-in-out 0.8s;

}

.header-main{justify-content: space-between; position: relative; z-index: 2;}

.header-right {

    transition: ease-in-out 0.8s;

}

header.fix-header{

    background: #fff;

    height: 70px;

    box-shadow: 0px 0 20px 0 rgba(0,0,0,0.10); 

    top: 0;

}

.logo{

    width: 198px;

    transition: ease-in-out 0.8s;

    position: relative;

    padding: 20px 0;

}

.logo::before{

    content: "";

    background: url('../images/logo-shadow.png') center center no-repeat;

    background-size: contain;

    width: 470px;

    height: 470px;

    position: absolute;

    left: -140px;

    top: -140px;

    z-index: -1;

    opacity: 1;

    transition: ease-in-out 0.8s;

}

.fix-header .logo{

    width: 80px;

    padding: 5px 0;

}

.fix-header .logo::before{

    opacity: 0;

    display: none;

}







.banner-section {

	height: 100vh;

    position: relative;

    z-index: 99; overflow: hidden;

}
 

.banner-section .owl-carousel, .banner-section .owl-stage-outer, .banner-section .owl-stage, .banner-section .owl-item, .banner-section .item, .banner-section .slider-image{

    height: 100%;

}

.slider-image {

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}



.slider-content {

	position: absolute;

	bottom: 60px;

	z-index: 1;

    display: flex;

    color: #fff;

    align-items: center; background: rgba(0, 0, 0, 0.5); padding:30px;

}

.slider-content label{

    width: 350px;

    font-size: 48px;

    line-height: 55px;

    font-weight: 100;

    padding-right: 54px;

    border-right: 1px solid #fff;

}

.slider-content p{

    width: 500px;

    font-size: 22px;

    line-height: 28px;

    padding-left: 50px;

}

.banner-section .owl-nav {

	position: absolute;

	bottom: 90px;

	right: 0;

    display: flex;

    align-items: center;

}

.banner-section .owl-carousel .owl-nav button{

    background: url('../images/slider-arrow.png') center center no-repeat;

    width: 50px;

    height: 50px;

    border: 1px solid #000;

    border-radius: 50%;

    filter: invert(1);

}

.banner-section .owl-carousel .owl-nav button.owl-prev{

    transform: rotate(-180deg);

    margin-right: 20px;

    position: relative;

}

.banner-section .owl-carousel .owl-nav button span{

    display: none;

}





.about-section{

    margin-top: 72px;

}



.service-section{

    overflow: hidden;

    margin: 110px 0;

}

.site-title{

    margin-bottom: 72px;

}

.main-title{

    font-size: 15px;

    font-weight: 300;

    position: relative;

    text-transform: uppercase;

    color: rgba(0,0,0,0.80);

    margin-top: 6px;

}

.main-title::before {

	content: "";

	width: 66px;

	height: 1px;

	background: #0973ba;

	position: absolute;

	left: -78px;

	top: 8px;

}

.main-title ~ span{

    font-size: 34px;

    line-height: 42px;

    margin-left: 42px;

}



.d-flex.flex-column:not(.flex-lg-row) .main-title ~ span{

    margin-left: 0;

    margin-top: 20px;

    width: 300px;

}



.site-title p{

    line-height: 27px;

}



.service-section .site-title p{

    width: 450px;

}



.service-slider-main{

    float: left;

    width: 98vw;

}

.service-slider-detail{

    display: flex;

    flex-direction: column;

}

.service-slider-detail h2{

    margin-top: 24px;

    font-size: 28px;

    font-weight: 300;

}

.service-slider-detail a{

    font-size: 15px;

    margin-top:-16px;    

}





.project-section{

    padding-top: 100px;

    position: relative;

}

.project-section::before{

    content: "";

    width: 100%;

    height: calc(100% - 350px);

    position: absolute;

    left: 0;

    top: 0;

    background: -moz-linear-gradient(top, #e9f6ff 0%, #ffffff 100%);

    background: -webkit-linear-gradient(top, #e9f6ff 0%,#ffffff 100%);

    background: linear-gradient(to bottom, #e9f6ff 0%,#ffffff 100%);

}

.project-slider-detail {

	position: relative;

}

.project-slider-content {

	width: calc(100% - 436px);

	background: #fff;

	position: absolute;

	bottom: 0;

	left: 0;

    padding: 24px 30px;

}

.project-slider-content p {

	font-family: 'Cormorant', serif;

	font-size: 38px;

	line-height: 44px;

	font-weight: 400;

    padding-right: 130px;

}

.project-slider-main .owl-nav {

	position: absolute;

	bottom: 62px;

	right: 465px;

    display: flex;

    align-items: center;

}

.project-slider-main .owl-carousel .owl-nav button{

    background: url('../images/slider-arrow.png') center center no-repeat;

    width: 22px;

    height: 14px;

}

.project-slider-main .owl-carousel .owl-nav button.owl-prev{

    transform: rotate(-180deg);

    margin-right: 40px;

    position: relative;

}

.project-slider-main .owl-carousel .owl-nav button.owl-prev::after {

	content: "";

	height: 60px;

	width: 1px;

	background: #d0d0d0;

	position: absolute;

	left: -21px;

	top: -24px;

	transform: rotate(20deg);

}

.project-slider-main .owl-carousel .owl-nav button span{

    display: none;

}



.testimonial-section{

    margin: 100px 0;

}

.testimonial-content{

    text-align: center;

    padding: 0 40px;

}

.testimonial-content p, .about-section p {

	font-family: 'Cormorant', serif;

	font-size: 38px;

	line-height: 44px;

    font-weight: 400;

}

.testimonial-content cite{

    font-weight: 500;

    position: relative;

    font-style: normal;

    font-size: 16px;

    line-height: normal;

    margin-top: 36px;

    display: inline-block;

}

.testimonial-content cite::before{

    content: "";

    width: 66px;

    height: 1px;

    background: #0973ba;

    position: absolute;

    left: -78px;

    top: 10px;

}





footer{

    background:#000;

    padding-top: 95px;

}



.footer-top{

    margin-bottom: 60px;

}



.footer-detail {

	margin-top: 36px;

}



.footer-detail h4{

    color: #fff;

    font-weight: 500;

    font-size: 22px;

    margin-bottom: 20px;

}



.footer-detail address, .footer-detail span, .footer-detail a, .footer-bottom p, .footer-bottom p a, .footer-bottom li a{

    color: rgba(255,255,255,0.50);

    font-size: 16px;

    line-height: 28px;

    font-weight: 300;

}



.footer-detail a:hover, .footer-bottom p a:hover, .footer-bottom li a:hover{

    color: #fff;

}



.footer-detail span{

    display: block;

}



.footer-detail ul{

    align-items: center;

    flex-wrap: wrap;

}



.footer-detail ul li:not(:last-child){

    margin-right: 20px;

}



.footer-bottom{

    border-top: 1px solid rgba(255,255,255,0.20);

    padding: 60px 0 0 0;

    display: flex;

    justify-content: space-between;

}



.footer-bottom ul{

    display: flex;

    flex-wrap: wrap;

}



.footer-bottom ul li{

    display: inline-flex;

}



.footer-bottom ul li a{

    position: relative;

    padding: 0 14px;

}



.footer-bottom ul li:last-child a{

    padding-right: 0;

}



.footer-bottom ul li a::after{

    content: "/";

    position: absolute;

    right: -4px;

    color: rgba(255,255,255,0.50);

}



.footer-bottom ul li:last-child a::after{

    display: none;

}



.footer-bottom ul li a:hover::after{

    color: rgba(255,255,255,0.50);

}

.inner-slider{width: 100%; display:block; position: relative; background: #000; height:50vh; overflow: hidden;}

.inner-slider img{opacity: 0.8; height:50vh; object-fit: cover; width: 100%;}

.is-content{position: absolute; left: 0; bottom:20px; width: 100%;}

.is-content h1{color: #fff; padding-left: 15px;}



.page-cms{display: block; width: 100%; padding: 100px 0 0 0;}

.page-about span{ position: relative; padding-left: 120px; margin-bottom: 10px; text-transform: uppercase; display: block;}

.page-about span:after{background: #0973ba; width: 100px; height: 1px; content: ''; position: absolute; left: 0; top:10px;}

.page-about h2{padding-left: 120px;}

.ab-right p, .page-service p{line-height: 30px; padding-bottom: 30px;}

.ab-right {margin-bottom: 60px;}

.about-img{ margin-bottom: 60px; display: block; width: 100%; padding: 0; }

.abt-img, .service-full-img, .project-thumb{overflow: hidden; width: 100%;  transition: transform .3s; margin-bottom: 30px;}

.zoom {

  padding:0px;

  transition: transform .2s;  

  width:100%;

  height:100%; display: block;

}

.zoom:hover, .service-full-img img:hover, .project-thumb img:hover {transform: scale(1.1); transition: transform .4s; }



/* service page */

.page-service .panel-heading{width: 30%; display:inline-block;vertical-align: top;}

.page-service .panel-body{width:68%; padding-left: 60px; display: inline-block;vertical-align: top;}

.page-service .panel-heading ul li{display: block; padding-bottom: 20px; width: 100%;}

.page-service .panel-heading ul li a{position: relative; font-size: 26px; font-weight: 100;}

.page-service .panel-heading ul li a.active:after{background: #0973ba; width:60px; height: 2px; content: ''; position: absolute; right:-80px; top:20px;}

.page-service .panel-heading ul li a.active{font-weight: 600; color: #000;}

.page-service .panel-heading ul{border:none;}

.page-service .btn{padding:0;}

.btn a{border:solid 1px #0973ba; font-style: 14px; padding:10px 16px; text-transform: uppercase; margin-left: 0; transition: transform .2s;}

.btn a:hover{transition: transform .4s; font-weight: 600;}

.cms-new-testimonial {

    padding:0 15px;

    float: left;

    width: 100%;

}

.item-testimonial {

  display: inline-block;

  padding: .15rem;

  width: 100%;

  margin:0px 0 20px 0;

}

*, *:before, *:after {box-sizing:  border-box !important;}





.row-testimonial {

 -moz-column-width:30em;

 -webkit-column-width:30em;

 -moz-column-gap: 1em;

 -webkit-column-gap:1em;

 column-width:30em; column-gap:1em;

  

}



.item-testimonial {

 display: inline-block;

 padding:  .25rem;

 width:  100%; 

}



.well {

 position:relative;

 display: block; 

}

.fade:not(.show){opacity: 1;}

.blog-cont{text-align: center;-webkit-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1);

-moz-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1);

box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); padding: 20px;}

.blog-cont p{line-height: 36px;font-family: 'Cormorant', serif; font-size: 28px;}

.ab-right h2{padding: 0 0 10px 0;}

.map{background: #ededed; width: 100%; display: block;}

.mb-zero{margin-bottom: 0;}

.map-left{width:40%; padding: 0; display:inline-block;vertical-align: top;}

.map-right{width:59%; padding:50px 60px; display:inline-block;vertical-align: top;}

.form-control{background: transparent; border-top: transparent; border-left: transparent; border-right: transparent;}

[type="submit"]:not(:disabled){border:none; border-bottom: solid 4px #0973ba; text-transform: uppercase; letter-spacing: 1px;}

.map-right{border-left: solid 1px #fff;}

.page-project{display: block; margin-top:0px; position: relative; padding: 40px 0;}

.page-project h1{ padding-right: 30px; padding-bottom: 60px;}

.panel.with-nav-tabs.panel-default {
    position: relative;
}
.page-project .panel-heading{position: absolute; position: absolute; left:300px; top:-100px;}

.page-project .panel-heading ul{border:none;}

.page-project .panel-heading ul li{padding-right:15px; margin-right: 15px; border-right: solid 1px #ebebeb; }

.page-project .panel-heading ul li:last-child{border:none;}

.page-project .panel-heading ul li a{padding:0 0 6px 0; color: #000; font-weight: 500; border-bottom: solid 3px #fff;} 

.page-project .panel-heading ul li a.active, .page-project .panel-heading ul li a:hover{border-bottom: solid 3px #0973ba;}

.project-list{margin-bottom: 40px;}

.project-list span{text-transform: uppercase;}

.project-list h4{min-height: 40px;}

.page-pd{display: block; margin-top:0px; position: relative; padding-top: 0;}

.pd-right ul{padding-left: 0px; display: block; width: 100%;}

.pd-right ul li{list-style:none; padding:0 0 10px 50px; position: relative;}

.pd-right ul li:after{content: ''; position: absolute; left: 0; top: 14px; background: #0973ba; width: 30px; height: 1px;}

.free-qote{background: #141414; display: block; padding:100px 0; width: 100%; margin-top: 60px;}

.pd-icon{ display: inline-block; vertical-align: top; width: auto;}

.pd-why h6{padding-left:10px; color: #fff; padding-top:14px; width:67%; font-size: 18px;display:inline-block; vertical-align: top;}

.second-header{position: relative; display: block; width: 100%; border-bottom: solid 1px #f1f1f1;}

.second-header .logo::before{background: none;height: 0;}

header.second-header:not(.fix-header) .menu > .menu-item > a::before { background: #000;}

.second-header .menu > .menu-item > a{color: #000;}
.about-section p:empty{display: none;}


.abt-img{height:300px; overflow: hidden;margin-bottom: 20px;}
.abt-img img{object-fit:cover; width: 100%; height: 100%; object-position: center;}