@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
    --font-main: "Inter", sans-serif;
    --font-primary: "Playfair Display", serif;
    --font-size-h1: 34px;
    --font-size-h2: 28px;
    --font-size-h3: 22px;
    --font-size-h4: 20px;
    --font-size-h5: 18px;
    --line-height: 1.2;
}

@media (min-width: 768px) {
	:root {
		--font-size-h1: 52px;
		--font-size-h2: 32px; 
        --font-size-h3: 26px;  
	}	
}

@media (min-width: 992px) {
	:root {
		--font-size-h1: 64px;
		--font-size-h2: 36px; 
        --font-size-h3: 28px; 
	}	
}

body h1, .blog-inner-banner h2{ 
	font-family: var(--font-primary); 
	font-size: var(--font-size-h1);
	line-height: var(--line-height);
    font-weight: normal;
    color: #000;
}
.prj-name, .page-banner h1 
{
    font-size: var(--font-size-h2);
	line-height: var(--line-height);  
}
.home-banner h1 
{
    font-size: var(--font-size-h1);
	line-height: var(--line-height);  
}

body h2, .divider-text h1, .news-listing h1{ 
	font-family: var(--font-primary) ;
	font-size: var(--font-size-h2);
	line-height: var(--line-height);
    font-weight: normal;
    color: #000;
}

body h3{ 
	font-family: var(--font-primary);
	font-size: var(--font-size-h3);
	line-height: var(--line-height);
    font-weight: normal;
    color: #000;
}

body h4{ 
	font-family: var(--font-main);
	font-size: var(--font-size-h4);
	line-height: var(--line-height);
    font-weight: 500;
    color: #000;
}

body h5{ 
	font-family: var(--font-main);
	font-size: var(--font-size-h5);
	line-height: var(--line-height);
    font-weight: 500;
    color: #000;
}

p, a, li{font-family: var(--font-main); line-height: 1.5;}
a:focus, a:hover{opacity: 1;}

p, a, td, th, li{font-size: 14px;}
small{font-size: 12px;}

@media (min-width: 992px) {
    p, a, td, th, li{font-size: 16px;}
}

/* @media (min-width: 1440px) {
    p, a, td, th, li{font-size: 18px;}
} */

html{ scroll-behavior: smooth;}
body{overflow-x: hidden; font-family: var(--font-main) !important; color: #000;}
body > .wrapper:not(.et-fb-iframe-ancestor) {overflow: unset !important;}
.container{ width: 95% !important; max-width: 1440px !important;}
.sp-50{ padding-top:30px; padding-bottom:30px;}
.spt-50{ padding-top:30px;}
.spb-50{ padding-bottom:30px;}
.mb-10{ margin-bottom: 10px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{ margin-bottom: 30px;}
.txt-16{ font-size: 16px;}
.txt-14{ font-size: 14px;}
.btn:focus, .btn.focus, a:focus, .swiper-pagination-bullet:focus, button:focus {outline: 0 !important; box-shadow: none !important;}
.btn{ border-radius: 0px !important; transition: all 300ms linear;}
.btn-rounded{ border-radius: 44px !important;}
.btn-black{ background: #151515; color: #fff; padding: 7px 30px;}
.btn-black:hover{ background: rgba(0, 0, 0, 0.7); color: #fff;}
.btn-black:active, .btn:focus{background: #151515; color: #fff;}
.btn-primary{ background: #1C74BC !important;}
.w-100{ width: 100%;}
.img-blend{ mix-blend-mode: darken;} 
span.sm-db{ display: block;}
.text-blue{ color: #1C74BC;}
.text-blue:hover{ color: #1C74BC;}
.text-orange{ color: #E6833B;}
.ps-description p 
{font-size: 16px;}
@media (max-width: 767px) {
	.xs-mb-10{ margin-bottom: 10px;}
    .xs-mb-20{ margin-bottom: 20px;}
    .xs-mb-30{ margin-bottom: 30px;}
    .xs-mb-0{ margin-bottom: 0px;}
    .col-reverse{ flex-direction: column-reverse;}
}
@media (min-width: 992px) {
  .container{ width: 90% !important; max-width: 1440px !important;}
  span.db{ display: block;}
  .sp-50{ padding-top:50px; padding-bottom:50px;}
  .spt-50{ padding-top:50px;}
  .spb-50{ padding-bottom:50px;}
  .max-50{ max-width: 48%;}
  .max-600{max-width: 600px; margin-left: auto; margin-right: auto;}
  .max-800{max-width: 800px; margin-left: auto; margin-right: auto;}
  .max-1000{ max-width: 1000px; margin-left: auto; margin-right: auto;}
  .max-1080{ max-width: 1080px; margin-left: auto; margin-right: auto;}
  .max-1200{ max-width: 1200px; margin-left: auto; margin-right: auto;}
  .mb-50{ margin-bottom: 50px;}
  .btn{ font-size: 16px; padding: 10px 30px !important;}
  .txt-20 {font-size: 20px;}
  .txt-24 {font-size: 24px;}
}
@media (min-width: 1440px) {
    .btn{ font-size: 18px;}
}

/*Scroll to Top*/
#return-to-top .upIcon{ content: url("../images/top.svg");}
#return-to-top {
    position: fixed;
    bottom: 60px;
    right: 0px;
    background: rgba(131, 157, 181, 0.5);
	/*box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.3);*/
  	padding:5px 8px 9px 10px;
	border-radius:5px 0px 0px 5px;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	 z-index:99;
     font-size: unset;
     line-height: unset;
}
#return-to-top:hover {
   background: rgba(131, 157, 181,1);
}

/*header*/
.header{background: transparent; padding: 20px 0px;}
.header.sticky-top {position: fixed; top: 0; left: 0; right: 0; z-index: 999;}
.header.my-fixed.sticky-top {background: rgba(0, 0, 0, 0.8); padding: 0; transition: all .4s ease;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.02); position: sticky;}

.page-template-template-faqs .header,
.page-template-template-privacy-policy .header,
.page-template-template-legal .header,
.page-template-template-terms-of-use .header,
.search-results .header,
.page-template-template-csr .header{background: #000;}
.page-template-template-faqs .header.sticky-top,
.page-template-template-privacy-policy .header.sticky-top,
.page-template-template-legal .header.sticky-top,
.page-template-template-terms-of-use .header.sticky-top,
.search-results .header.sticky-top,
.page-template-template-csr .header.sticky-top{position: sticky;}

@media (min-width: 1200px) {    
.contact-menu a{ position: relative;}
.contact-menu a:before{ content: url(../images/contact-menu-icon.svg);  position: relative !important; 
    top: 4px !important;}
}

/*footer*/
.footer-sec{ background: #000; position: relative; z-index: 9;}
.ftr-col-titl{ font-size: 16px; font-weight: 500;}
.ftr-middle .ftr-links ul{ display: flex; justify-content: center; padding: 0; margin: 0; flex-wrap: wrap;}
.ftr-middle .ftr-links ul li a{ font-size: 14px; color: #fff; text-decoration: none; margin: 0px 0px 15px; 
    display: inline-block;}
.ftr-middle .ftr-links ul li:nth-last-of-type(1) a{ margin-right: 0;}
.ftr-top .ftr-social{ text-align: center;}
.ftr-top .ftr-social a{ margin-right: 20px;}
.ftr-top .ftr-social a:hover{ opacity: 0.8; transition: all 300ms linear;}
.ftr-top .ftr-social a:nth-last-of-type(1){ margin-right: 0;}

.ftr-middle .ftr-links ul li a:hover,
.ftr-btm ul li a:hover, 
.ftr-contact a:hover{ color: rgba(255,255,255, 0.8); transition: all 300ms linear;}

.ftr-middle{border-bottom: 1px solid #333333;}
.ftr-middle-col2{border-top: 1px solid #333333; border-bottom: 1px solid #333333;}
.ftr-middle .book-col .btn{ font-size: 12px; text-transform: uppercase; border-radius: 1.5px;}
.ftr-contact a{text-decoration: none; position: relative; color: #fff; padding-left: 30px;}
.ftr-contact .ftr-phone a:before, 
.ftr-contact .ftr-email a:before{display: inline-block; position: absolute; left: 0;}
.ftr-contact .ftr-phone a:before{ content: url(../images/ftr-phone-icon.svg); top: 2px;}
.ftr-contact .ftr-email a:before{ content: url(../images/ftr-email-icon.svg); top: 2px;}
.ftr-contact a, .ftr-address p{ font-size: 14px;}
.ftr-contact .ftr-email{ border-bottom: 1px solid #333333; padding-bottom:20px;}
.ftr-contact {margin-bottom:20px;}
.ftr-address{ margin-bottom:40px;}
.ftr-btm, .ftr-btm a{ color: #747474; font-size: 14px;}
.ftr-btm ul{ padding: 0; margin: 0 0px 10px; display: flex; justify-content: center;}
.ftr-btm ul li a{margin-right: 30px; text-decoration: none;}
.ftr-btm ul li:nth-last-of-type(1) a{ margin-right: 0;}
.ftr-hdng
{
    margin-bottom:30px;
}
 .ftr-logo 
{
    margin-bottom:50px;
}
.book-col
{
    margin-bottom:60px;
}
.ftr-social a
{
padding-right:12px;
}
@media (min-width: 768px) {
    .ftr-top .ftr-social{ display: flex; justify-content: center;}
    .ftr-medium .ftr-links{ margin-bottom: 30px;}
    .ftr-medium .ftr-links ul{ justify-content: space-evenly;}
    .ftr-medium .ftr-links ul li a{margin: 0px 5px;}
    .ftr-middle-col2{border-top: unset; border-bottom: unset;}
    .ftr-col1-inner, .ftr-contact, .ftr-address {text-align: left;}
    .ftr-btm ul{ padding: 0; margin: 0; display: flex; justify-content: flex-start;}
}

@media (min-width: 1200px) {
    .ftr-top .ftr-social{justify-content: flex-end;}
    .ftr-col-titl{font-weight: 600;}
    .ftr-medium .ftr-links{ margin-bottom: unset;}
    .ftr-medium .ftr-links ul{ justify-content: space-between;}
    .ftr-medium .ftr-links ul li a{margin: 0px 10px 0px 0px;}
}

@media (min-width: 1366px) {
    .ftr-col-titl{ font-size: 18px; font-weight: 600;}
    .ftr-medium .ftr-links ul li a{ font-size: 16px;}
    .ftr-contact a, .ftr-address p{ font-size: 16px;}
    .ftr-btm, .ftr-btm a{ font-size: 16px;}
}

@media (min-width: 1440px) {
    .ftr-medium .ftr-links ul li a{ font-size: 18px;}
    .ftr-contact a, .ftr-address p{ font-size: 18px;}
    .ftr-btm, .ftr-btm a{ font-size: 18px;}
}
@media only screen and (max-width:1024px)
{
    .ftr-social a
{
padding-right:10px;
}
.col-lg-3.col-md-5.ftr-middle-col1 {
    width: 28%;
}
.col-lg-4.col-md-10.ftr-middle-col2 {
    width: 30%;
}
}
@media only screen and (max-width:991px)
{
    .ftr-social a
{
padding-right:15px;
}
.col-lg-3.col-md-5.ftr-middle-col1 {
    width: unset;
}
.col-lg-4.col-md-10.ftr-middle-col2 {
    width: 75%;
}
.ftr-contact .ftr-email
{
    border-bottom:none !important;
}
.ftr-address
{
    margin-bottom:0px;
}
}
@media only screen and (max-width:767px)
{
    .col-lg-4.col-md-10.ftr-middle-col2 {
        width: 100%;
    }
    .ftr-logo {
        margin-bottom: 20px;
    }
    .ftr-hdng {
        margin-bottom: 20px;
    }
    .book-col {
        margin-bottom: 40px;
    }
    .ftr-col1-inner 
    {
        margin-bottom:10px;
    }
    .ftr-middle-col2 
    {
        margin-bottom:25px;
    }
	.ftr-btm ul 
	{
		justify-content:space-around !important;
	}
}
.pdf-modal iframe{margin-top: -55px; position: relative; z-index: 1;}
.pdf-modal .modal-header{ position: relative; z-index: 9;}
.pdf-modal .modal-body iframe{ pointer-events: none; width: 100%; border: none;} 
.pdf-modal {user-select: none;}
.pdf-modal .btn-close:hover{ background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;}



.construction-gallery-custom .fancybox-caption__body {
	max-width: 80%;
	margin: auto;
}

.construction-gallery-custom .fancybox-slide {
	max-height: 80vh;
}
a.inter-lnks {
   color:#1c74bc !important;
}