@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Light.eot');
    src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Light.woff2') format('woff2'),
        url('../fonts/Helvetica-Light.woff') format('woff'),
        url('../fonts/Helvetica-Light.ttf') format('truetype'),
        url('../fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


body { font-family: 'Lato', sans-serif; font-size: 18px; line-height: 28px; }
p { font-size: 18px; line-height: 28px; margin-bottom: 24px; }
p:last-child { margin-bottom: 0;}
h1 { font-size: 60px; line-height: 64px; margin: 0 0 25px 0; font-weight: 700; }
h2 { font-size: 46px; line-height: 56px; margin: 0 0 25px 0; font-weight: 700; }
h3 { font-size: 32px; line-height: 42px; margin: 0 0 25px 0; font-weight: 700; }
h4 { font-size: 24px; line-height: 32px; margin: 0 0 20px 0; font-weight: 700; }
h5 { font-size: 20px; line-height: 26px; margin: 0 0 20px 0; font-weight: 700; }
#content { padding-top: 100px; }

.link-button { min-width: 170px; font-size: 16px; line-height: 28px; position: relative;
    display: inline-block; text-align: center; text-decoration: none; 
}
.link-button span { padding: 10px 45px; display: block; border-width: 1px; border-style: solid; z-index: 1; position: relative; }
.link-button:after { position: absolute; left: 50%; top: 50%; content: ''; width: 0px; height: 0px; }
.link-button:hover:after { left: 0; top: 0; width: 100%; height: 100%; }
.link-button:hover,
.link-button:focus,
.link-button:active { text-decoration: none; box-shadow: none; }

a,
.link-button:after,
.header .dropdown-menu ul li:after,
.gallery-slider .slick-slide .item img,
.bio-modal .modal-body .image-col .image img,
.bio-modal .modal-content .close,
.bio-modal .modal-content .close:after,
.bio-modal .modal-content .close:before,
.gallery-slider .slick-arrow,
.gallery-slider .slick-slide .item:after,
.testimonial-slider .slick-dots li button,
.leadership-row .leadership-col .leadership-colinner .image-col,
.leadership-row .leadership-col .leadership-colinner .image-col.pattern:before,
.leadership-row .leadership-col .leadership-colinner .image-col img,
.leadership-row .leadership-col .leadership-colinner .content-col,
.nav-toggle,
.expertise-section .expertise-imagecol .expertise-image img,
.expertise-section .expertise-imagecol .expertise-image .labels,
.heading.pattern:after,
.home-banner .slick-arrow,
.header .nav > li > a:after,
.projectype-detailimage .image .content-col,
.projectype-detailimage .top-left,
.projectype-detailimage .bottom-right,
.projectype-detailimage .top-left:before,
.projectype-detailimage .top-left:after,
.projectype-detailimage .bottom-right:before,
.projectype-detailimage .bottom-right:after,
.title.line h2:after,
.header,
.contact-column,
.contact-column .icon,
.contact-column .icon:after,
.contact-column:before,
.contact-column:after,
.header-row,
.header .header-row .header-logo img,
.fullimage-section .large-image:after,
.twocol-section .list-row .first-col .image-col.pattern:after,
.twocol-section .list-row .content-col .content,
.twocol-section .list-row .content-col .content:before,
.twocol-section .list-row .content-col .content:after,
.twocol-section .list-row .image-col.pattern:before,
.projectype-content.line h3 a:after,
.twocol-section .list-row .image-col img,
.media-card .image-col .top-left,
.media-card .image-col .bottom-right { 
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -ms-transition: all 0.5s ease;
}
img { max-width: 100%; }


.header { position: fixed; left: 0; top: 0; right: 0; width: 100%; z-index: 11; }
.header .header-row { padding: 15px 100px;}
.header .header-row .header-navigation { margin-left: auto; }
.header .header-row .header-logo img { height: 70px; }
.header.sticky .header-row { padding: 10px 100px;}
.header.sticky .header-row .header-logo img { height: 50px;}

.header .nav > li { padding:10px 20px; font-size: 18px; line-height: 26px; position: relative; }
.header .nav > li:after { position: absolute; right: 0; top: 12px; width: 1px; height: 24px; content: ''; }
.header .nav > li:last-child:after { display: none; }
.header .nav > li > a { display: block; position: relative; }

.header .nav > li:last-child,
.header .nav > li:last-child > a { padding-right:0px; }
.header .nav > li.active > a,
.header .nav > li > a:hover { background:transparent; text-decoration: none; }
.header .nav > li.active > a:after { display: none;}


/**/
.header .dropdown-menu { width: 230px; padding: 0; border-radius: 0px; border: none; margin: 0; }
.header .dropdown-menu ul { margin: 0; padding: 0; }
.header .dropdown-menu ul li { margin: 0; padding: 0; list-style: none; font-size: 16px; position: relative; border-bottom-style: solid; border-bottom-width: 1px; }
.header .dropdown-menu ul li a { display: block; padding: 5px 20px; z-index: 1; position: relative; }
.header .dropdown-menu ul li:after { left: 50%; top: 0; content: ''; height: 100%; position: absolute; width: 0px; }
.header .dropdown-menu ul li:hover:after { width: 100%; left: 0; }
.header .dropdown-menu ul li:last-child { border-bottom:none; }
/**/


.banner-image { /*min-height: 300px; height: calc(100vh - 100px); background-position: center center; background-repeat: no-repeat; background-size: cover;*/ position: relative; }
.banner-image .banner-contentblock { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 20px 0; }
.banner-image .banner-content { text-align: right; }
.banner-image .banner-content h3 { margin-bottom: 0px; font-size: 22px; line-height: 32px; font-style: italic; font-family: 'Helvetica'; font-weight: 300; letter-spacing: 1px; }
.banner-image .banner-content .name { font-size: 26px; line-height: 26px;}
.banner-image img { width: 100%;}


.home-banner .slick-arrow { position: absolute; width: 40px; height: 60px; border: none; outline: none; box-shadow: none; font-size: 0px;
    z-index: 1; top: 50%; margin-top: -30px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -ms-border-radius: 4px;
}
.home-banner .slick-prev { left: 20px; }
.home-banner .slick-next { right: 20px; }
.home-banner .slick-prev:after,
.home-banner .slick-next:after { position: absolute; width: 100%; height: 100%; text-align: center; left: 0; top: 0; font-family: 'FontAwesome'; font-size: 50px; line-height: 60px; }
.home-banner .slick-prev:after { content: "\f104"; }
.home-banner .slick-next:after { content: "\f105"; }
.home-banner .slick-slide .item { vertical-align: top; }

.homecontent-section { padding: 50px 0 80px 0; overflow: hidden; }
.homecontent-section .content p:last-child { margin-bottom: 0;}
.twocol-section { padding-top: 90px;}
.twocol-section.projectypes-list { padding-top: 60px;} 
.twocol-section .list-row { margin-bottom: 100px; }
.twocol-section .list-row:last-child { margin-bottom: 0; }
.twocol-section .list-row .first-col .image-col { position: relative; padding-right: 30px; }
.twocol-section .list-row .first-col .image-col img { width: 100%; border-width: 1px; border-style: solid; padding: 10px; position: relative;
    height: 680px; object-fit: cover; object-position: center;
}

.twocol-section .list-row .first-col .image-col.pattern:before { position: absolute; left: -30px; top: -30px; content: ''; width: 250px; height: 250px; }
.twocol-section .list-row .first-col .image-col.pattern:hover:before { left: 0; top: 0; }
.twocol-section .list-row .first-col .image-col.pattern:after { position: absolute; right: 30px; bottom: 0; content: ''; width: 250px; height: 250px; }
.twocol-section .list-row .first-col .image-col.pattern:hover:after { right: 0; bottom: -30px; }

.twocol-section .list-row .first-col .image-col .image { position: relative; z-index: 1; }
.twocol-section .list-row .first-col .image-col .image .view-large { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; z-index: 1;
    margin: -40px 0 0 -40px; opacity: 0; visibility: hidden;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -ms-border-radius: 5px;
}
.twocol-section .list-row .first-col .image-col .image .view-large:hover { 
    -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -ms-border-radius: 100%;
}
.twocol-section .list-row .first-col .image-col .image .view-large:after { width: 50px; height: 2px; position: absolute; left: 15px; top: 50%; content: '';
    margin-top: -1px;
}
.twocol-section .list-row .first-col .image-col .image .view-large:before { height: 50px; width: 2px; position: absolute; left: 50%; top: 15px; content: '';
    margin-left: -1px;
}
.twocol-section .list-row .first-col .image-col .image:hover .view-large { opacity: 1; visibility: visible; }
.twocol-section .list-row .first-col .image-col.right img { object-position: right; }
.twocol-section .list-row .first-col .image-col.left img { object-position: left; }

.twocol-section .list-row .second-col .content-col { position: relative; padding-left: 30px; }
.twocol-section .list-row .second-col .content-col .content { position: relative; padding: 30px 0px 30px 50px; border-left-width: 4px; border-left-style: solid; margin-bottom: 40px; }
.twocol-section .list-row .second-col .content-col .content p { text-align: justify; }
.twocol-section .list-row .second-col .content-col .content:before { position: absolute; left: 0; top: 0; content: ''; width: 25%; height: 4px; }
.twocol-section .list-row .second-col .content-col .content:after { position: absolute; left: 0; bottom: 0; content: ''; width: 50%; height: 4px; }
.twocol-section .list-row .second-col .content-col .btn-row { padding-left: 54px;}
.twocol-section .list-row .second-col .content-col:hover .content:before { width: 50%; }
.twocol-section .list-row .second-col .content-col:hover .content:after { width: 25%; }

.twocol-section .list-row:nth-child(2n) .first-col .image-col { padding-right: 0px; padding-left: 30px; }
.twocol-section .list-row:nth-child(2n) .first-col .image-col.pattern:before { left: auto; right: -30px;}
.twocol-section .list-row:nth-child(2n) .first-col .image-col.pattern:hover:before { left: auto; right: 0;}
.twocol-section .list-row:nth-child(2n) .first-col .image-col.pattern:after { right: auto; left: 30px; bottom: 0; }
.twocol-section .list-row:nth-child(2n) .first-col .image-col.pattern:hover:after { right: auto; left: 0px; bottom: -30px; }

.twocol-section .list-row:nth-child(2n) .second-col .content-col { padding-right: 30px; padding-left: 0px; }
.twocol-section .list-row:nth-child(2n) .second-col .content-col .btn-row { padding-right: 54px; padding-left: 0px; text-align: right; }
.twocol-section .list-row:nth-child(2n) .second-col .content-col .content { text-align: right; padding: 30px 50px 30px 0; border-left: none; border-right-width: 4px;
    border-right-style: solid;
}
.twocol-section .list-row:nth-child(2n) .second-col .content-col .content:before,
.twocol-section .list-row:nth-child(2n) .second-col .content-col .content:after  { left: auto; right: 0;}
.twocol-section.projectypes-list .list-row .first-col .image-col img { height: 450px; }


.fullimage-section { overflow: hidden; }
.fullimage-section .large-image { width: 50%; position: relative; }
.fullimage-section .large-image img { width: 100%; object-fit: cover; object-position: center; height: 570px; }
.fullimage-section .large-image:after { position: absolute; left: 30px; top: 30px; right: 30px; bottom: 30px; content: ''; border-width: 1px; border-style: solid; }
.fullimage-section .large-image:hover:after { border-width: 5px; border-style: solid; }
.fullimage-section .large-image .view-large { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; z-index: 1;
    margin: -40px 0 0 -40px; opacity: 0; visibility: hidden;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -ms-border-radius: 5px;
}
.fullimage-section .large-image .view-large:hover { 
    -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -ms-border-radius: 100%;
}
.fullimage-section .large-image .view-large:after { width: 50px; height: 2px; position: absolute; left: 15px; top: 50%; content: '';
    margin-top: -1px;
}
.fullimage-section .large-image .view-large:before { height: 50px; width: 2px; position: absolute; left: 50%; top: 15px; content: '';
    margin-left: -1px;
}
.fullimage-section .large-image:hover .view-large { opacity: 1; visibility: visible; }


.footer { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; border-top-width: 1px; border-top-style: solid; }
.footer h4 { line-height: 28px; }
.footer:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; }
.footer .footer-one { padding: 80px 0px; position: relative; z-index: 1; overflow: hidden; }
.footer .footer-one .footer-logo { margin-bottom: 35px; margin-top: 4px; }
.footer .footer-one .footer-logo img { max-width: 300px; vertical-align: top; }
.footer .footer-one .footer-socials { margin: 0; padding: 0; }
.footer .footer-one .footer-socials li { list-style: none; margin: 0 10px 0 0; padding: 0; }
.footer .footer-one .footer-socials li a { display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 18px;
    -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -ms-border-radius: 100%;
}
.footer .footer-one .footer-socials li a:hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -ms-border-radius: 5px; }

.footer .footer-one .footer-nav { flex-wrap: wrap;}
.footer .footer-one .footer-nav ul { margin: 0; padding: 0; width: 50%; }
.footer .footer-one .footer-nav ul li { list-style: none; margin: 0 0 14px 0; line-height: 24px; padding: 0; position: relative; font-size: 18px; }
.footer .footer-one .footer-nav ul li a { display: inline-block; position: relative; padding: 0 0 0 12px; }
.footer .footer-one .footer-nav ul li a:before { position: absolute; left: 0; top: 0; content: "\f105"; font-family: 'FontAwesome'; }
.footer .footer-one .footer-nav ul li a:hover { padding-left: 18px; }

.footer .footer-one .address { margin: 0; padding: 0; }
.footer .footer-one .address li { list-style: none; margin: 0 0 20px 0; padding: 0 0 0 25px; position: relative; }
.footer .footer-one .address li:last-child { margin-bottom: 0; }
.footer .footer-one .address p { line-height: 24px; }
.footer .footer-one .address li .fa { position: absolute; left: 0; top: 6px; font-size: 18px; }
.footer .footer-one .address li .fa.fa-envelope-o { font-size: 16px; }

.footer .footer-last { position: relative; z-index: 1; border-top-width: 1px; border-top-style: solid; padding: 25px 0; }
.footer .footer-last p { text-align: center; margin: 0; }

.backto-top { width: 40px; height: 40px; text-align: center; border-radius: 100%; position: absolute; right: 20px; bottom: 20px; font-size: 30px; }
.backto-top .fa { display: block; line-height: 40px; }

.style-box { position:fixed; top:150px; left:-150px;  z-index:11; }
.style-box .box-icon { width:44px; height:44px; text-align:center; border-style: solid; border-width: 1px; border-left:none; position:absolute; top:0px; right:-43px; cursor:pointer;}
.style-box .box-icon .fa { width:100%; text-align:center; font-size:25px; line-height:44px; }
.style-box .inner-box { display:block; width:150px; border-style: solid; border-width: 1px; padding:8px 15px 15px 15px; }
.style-box .inner-box h3 { display:block; text-align:center; font-weight:700; line-height:26px; font-size:18px; margin:0 0 15px 0; }
.style-box .color-box { display:inline-block; width:100%; vertical-align: top; }
.style-box .color-box ul { padding:0px; margin:0px -3px; display: flex; }
.style-box .color-box ul li { list-style:none; margin:0 3px; width: 50%; }
.style-box .color-box ul li span { display: block; line-height: 20px; text-align: center; margin-bottom: 5px; }
.style-box .color-box ul li .box { width: 100%; display: block; height: 30px;}
.style-box .color-box ul li a { width:100%; display:block; }
.style-box .color-box ul li.light-theme .box { border-width: 1px; border-style: solid; }
.style-box .color-box ul li.dark-theme .box { border-width: 1px; border-style: solid; }



/*--About Start--*/
.inner-banner .innerbanner-image { min-height: 500px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;
    display: -webkit-box;  display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; justify-content: center; 
    -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.inner-banner .innerbanner-image:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; }
.inner-banner .innerbanner-contentblock { z-index: 1; position: relative; width: 100%; text-align: center; }
.inner-banner .innerbanner-contentblock h1 { margin: 0; }
.about-contentsection { padding: 80px 0; overflow: hidden; }
.title.line h2 { padding-bottom: 25px; line-height: 46px; position: relative; }
.title.line h2:after { position: absolute; left: 0; bottom: 0; width: 120px; height: 4px; content: ''; }
.title.line h2:hover:after { width: 100%; }

.leadership-section { padding: 70px 0 5px 0; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; overflow: hidden; }
.leadership-row { padding-top: 55px; }
.leadership-row .leadership-col { padding-right: 30px; margin-bottom: 75px; }
.leadership-row .leadership-col.optional-right { padding-right: 0; padding-left: 30px; }
.leadership-row .leadership-col .leadership-colinner .column { width: 50%; }
.leadership-row .leadership-col .leadership-colinner .image-col { position: relative; }
.leadership-row .leadership-col .leadership-colinner .image-col img { width: 100%; border-width: 1px; border-style: solid; padding: 10px; position: relative; }
.leadership-row .leadership-col .leadership-colinner .image-col.pattern:before { position: absolute; left: -25px; top: -25px; content: '';
    width: 130px; height: 130px; border-width: 4px; border-style: solid;
}
.leadership-row .leadership-col .leadership-colinner .image-col.pattern:hover:before { left: -15px; top: -15px; }
.leadership-row .leadership-col .leadership-colinner .content-col { padding: 30px 20px; border-width: 1px 1px 1px 0px; border-style: solid solid solid none; }
.leadership-row .leadership-col .leadership-colinner .content-col h5 { margin-bottom: 10px; }
.leadership-row .leadership-col .leadership-colinner .content-col span { line-height: 24px; display: block; }
.leadership-row .leadership-col .leadership-colinner .content-col .mail { margin-top: 5px; display: inline-block; }
.leadership-row .leadership-col .leadership-colinner .content-col .button-row { margin-top: 25px; }
.leadership-row .leadership-col .leadership-colinner .content-col .link-button { min-width: 130px; }
.leadership-row .leadership-col .leadership-colinner .content-col .link-button span { color: inherit; padding: 7px 10px; }
.leadership-row .row [class*="col-"]:nth-child(2n) .leadership-col { padding-right: 0px; padding-left: 30px; }

.heading { margin-bottom: 30px;}
.heading h2 { margin-bottom: 15px; }
.heading p { font-size: 20px; margin-bottom: 20px; }
.heading.pattern { position: relative; padding-bottom: 30px; }
.heading.pattern:after { width: 20px; height: 20px; content: ''; border-width: 1px; border-style: solid; position: absolute; left: 50%;
    margin-left: -10px; bottom: 0;
    -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);
}
.heading.pattern:hover:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); -ms-transform: rotate(135deg); }
.heading.uppercase h2 { text-transform: uppercase; }

.testimonial-section { padding: 80px 0; overflow: hidden; }
.testimonial-slider { padding-top: 55px; padding-bottom: 80px; }
.testimonial-slider .item h5 { margin-bottom: 10px; }
.testimonial-slider .item .designation { display: block; margin-bottom: 15px; }
.testimonial-slider .slick-dots { margin: 0; padding: 0; position: absolute; left: 0; bottom: 0; width: 100%; justify-content: center;
    display: -webkit-box;  display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; 
}
.testimonial-slider .slick-dots li { list-style: none; padding: 0 5px; line-height: 22px;}
.testimonial-slider .slick-dots li button { outline: none; border: none; padding: 0; width: 15px; height: 15px; font-size: 0px;
    -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -ms-border-radius: 20px;
}
.certifications-section { padding: 80px 0; overflow: hidden; }
.certifications-logosection { padding-top: 30px; margin: 0 -10px; flex-wrap: wrap;
    display: -webkit-box;  display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex;
}
.certifications-logosection .logo-col { width: 20%; padding: 0 10px; }
.certifications-logosection .logo-col .image { border-width: 1px; border-style: solid; height: 120px; justify-content: center;
    display: -webkit-box;  display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex;
    -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.slideimg { position: relative; padding-top: 20px; }
.slideimg ul { list-style: none; margin: 0; padding: 0; }
.slideimg ul li { float: left; margin: 0; padding: 0 10px; width: 20%; }
.slideimg ul li .image { border-width: 1px; border-style: solid; height: 120px; justify-content: center; 
    display: -webkit-box;  display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex;
    -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.rotate-prev { position: absolute; }
/*--About End--*/


/*--service Start--*/
.service-contentsection { padding: 80px 0; overflow: hidden; }
.expertise-section { padding: 80px 0; overflow: hidden; }
.expertise-section .expertise-imagecol { padding-right: 30px; position: relative; }
.expertise-section .expertise-imagecol .expertise-image { position: relative; }
.expertise-section .expertise-imagecol .expertise-image img { width: 100%; border-width: 1px; border-style: solid; padding: 10px; position: relative;
    height: 600px; object-fit: cover; object-position: center;
}
.expertise-section .expertise-imagecol .expertise-image.right img { object-position: right; }
.expertise-section .expertise-imagecol .expertise-image.left img { object-position: left; }
.expertise-section .expertise-imagecol .expertise-image .labels { position: absolute; left: -15px; top: -15px; padding: 25px; z-index: 1; text-align: center;min-width: 200px; }
.expertise-section .expertise-imagecol .expertise-image .labels .icon { margin-bottom: 18px; font-size: 36px; line-height: 46px; }
.expertise-section .expertise-imagecol .expertise-image .labels .text span { font-size: 32px; line-height: 32px; margin-bottom: 8px; display: block; font-weight: 700; }
.expertise-section .expertise-imagecol .expertise-image:hover .labels { left: -10px; top: -10px; }
.expertise-section .expertise-content { padding-left: 30px; }
.expertise-section .expertise-content h3 { margin-bottom: 15px;}
.expertise-section .expertise-content ul { margin: 0; padding: 0; }
.expertise-section .expertise-content ul li { margin: 0; padding: 3px 0 3px 16px; position: relative; list-style: none; font-size: 18px; line-height: 24px; }
.expertise-section .expertise-content ul li:before { content: "\f105"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; line-height: 30px; }

.expertise-section .expertise-imagecol .expertise-image .view-large { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; z-index: 1;
    margin: -40px 0 0 -40px; opacity: 0; visibility: hidden;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -ms-border-radius: 5px;
}
.expertise-section .expertise-imagecol .expertise-image .view-large:hover { 
    -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -ms-border-radius: 100%;
}
.expertise-section .expertise-imagecol .expertise-image .view-large:after { width: 50px; height: 2px; position: absolute; left: 15px; top: 50%; content: ''; margin-top: -1px;}
.expertise-section .expertise-imagecol .expertise-image .view-large:before { height: 50px; width: 2px; position: absolute; left: 50%; top: 15px; content: ''; margin-left: -1px;}
.expertise-section .expertise-imagecol .expertise-image:hover .view-large { opacity: 1; visibility: visible; }
/*--service End--*/


/*--projectype Start--*/
.projectype-detailsection { padding: 80px 0; overflow: hidden; }
.projectype-detailbanner { position: relative; margin-bottom: 70px; }
.projectype-detailimage { position: relative; }
.projectype-detailimage .image { z-index: 1; position: relative; display: flex; }
.projectype-detailimage .image .content-col { padding: 25px; right: 30px; top: 50%; position: absolute; max-width: 570px;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%);
    border-width: 1px; border-style: solid;
}
.projectype-detailimage .image .content-col p { letter-spacing: 0.2px; }
.projectype-detailimage .image img { height: 570px; object-fit: cover; object-position: center; width: 100%; }
.projectype-detailimage .image:hover .content-col { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -ms-border-radius: 20px; }

.projectype-detailimage .top-left { position: absolute; left: -20px; top: -20px; width: 200px; height: 200px; }
.projectype-detailimage .top-left:before,
.projectype-detailimage .top-left:after { position: absolute; left: 0; top: 0; content: ''; }
.projectype-detailimage .top-left:before { width: 100%; height: 4px;}
.projectype-detailimage .top-left:after { height: 100%; width: 4px; }
.projectype-detailimage .bottom-right { position: absolute; right: -20px; bottom: -20px; width: 200px; height: 200px; }
.projectype-detailimage .bottom-right:before,
.projectype-detailimage .bottom-right:after { position: absolute; right: 0; bottom: 0; content: ''; }
.projectype-detailimage .bottom-right:before { width: 100%; height: 4px;}
.projectype-detailimage .bottom-right:after { height: 100%; width: 4px; }

.projectype-detailimage:hover .top-left { width: 50%; height: 50%; }
.projectype-detailimage:hover .top-left:before { width: 100%; }
.projectype-detailimage:hover .top-left:after { height: 100%; }
.projectype-detailimage:hover .bottom-right { width: 50%; height: 50%; }
.projectype-detailimage:hover .bottom-right:before { width: 100%; }
.projectype-detailimage:hover .bottom-right:after { height: 100%; }
.projectype-content { margin-bottom: 50px;}
.projectype-content.line h3 { position: relative; margin: 40px 0 25px 0; }
.projectype-content.line h3 a { position: relative; padding-bottom: 15px; display: inline-block; vertical-align: top; }
.projectype-content.line h3 a:after { position: absolute; left: 0; bottom: 0; width: 50%; height: 4px; content: ''; }
.projectype-content.line h3 a:hover:after { width: 100%; }



.gallery-slidersection { padding-top: 40px; border-top-width: 1px; border-top-style: solid; }
.gallery-slidersection h3 { position: relative; padding-bottom: 20px; }
.gallery-slidersection h3:after { position: absolute; left: 0; bottom: 0; width: 120px; height: 4px; content: ''; }
.gallery-slider { margin: 0 -15px; padding-top: 5px; }
.gallery-slider .slick-slide { padding: 0 15px; }
.gallery-slider .slick-slide .item { vertical-align: top; }
.gallery-slider .slick-slide .item img { width: 100%; height: 300px; object-fit: cover; object-position: center;
    border-width: 1px; border-style: solid; padding: 5px;
}

.gallery-slider .slick-arrow { position: absolute; width: 60px; height: 60px; border: none; outline: none; box-shadow: none; font-size: 0px;
    z-index: 1; top: 50%; margin-top: -30px;
}
.gallery-slider .slick-arrow:hover { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -ms-border-radius: 10px; }
.gallery-slider .slick-arrow[aria-disabled="true"] { opacity: 0; visibility: hidden;}
.fancybox-toolbar .fancybox-button.fancybox-button--play,
.fancybox-toolbar .fancybox-button.fancybox-button--zoom { display: none !important; }
.gallery-slider .slick-prev { left: -15px; }
.gallery-slider .slick-next { right: -15px; }
.gallery-slider .slick-prev:after,
.gallery-slider .slick-next:after { position: absolute; width: 100%; height: 100%; text-align: center; left: 0; top: 0;
    font-family: 'FontAwesome'; font-size: 32px; line-height: 60px; }
.gallery-slider .slick-prev:after { content: "\f104"; }
.gallery-slider .slick-next:after { content: "\f105"; }
.gallery-slider .slick-slide .item { vertical-align: top; position: relative; }
.gallery-slider .slick-slide .item:after { position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; content: ''; opacity: 0; }
.gallery-slider .slick-slide .item:hover:after { left: 6px; top: 6px; right: 6px; bottom: 6px; opacity: 1; }
.gallery-slider .slick-slide .view-large { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; z-index: 1;
    margin: -30px 0 0 -30px; opacity: 0; visibility: hidden;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -ms-border-radius: 5px;
}
.gallery-slider .slick-slide .item:hover .view-large { opacity: 1; visibility: visible; }
.gallery-slider .slick-slide .view-large:hover { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -ms-border-radius: 100%; }
.gallery-slider .slick-slide .view-large:after { width: 30px; height: 2px; position: absolute; left: 15px; top: 50%; content: ''; margin-top: -1px; }
.gallery-slider .slick-slide .view-large:before { height: 30px; width: 2px; position: absolute; left: 50%; top: 15px; content: ''; margin-left: -1px; }
.gallery-slider .slick-slide .view-large:hover { opacity: 1; visibility: visible; }
/*--projectype End--*/


/*--contact Start--*/
.contact-section { padding: 110px 0 80px 0; overflow: hidden; }
.contact-column { position: relative; border-width: 1px; border-style: solid; padding: 20px; text-align: center; height: 100%; }
.contact-column .icon { width: 100px; height: 100px; line-height: 100px; font-size: 40px; display: inline-block;
    vertical-align: top; margin-top: -50px; position: relative; margin-bottom: 5px;
}
.contact-column .icon:hover { -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; }
.contact-column .icon:after { position: absolute; content: ''; right: -20px; top: 0px;
    border-right-width: 20px; border-right-style: solid; border-bottom-width: 30px; border-bottom-style: solid;
}
.contact-column .content h5 { font-weight: 400; font-size: 22px; line-height: 28px; margin: 15px 0 5px 0; }
.contact-column .content p { line-height: 24px; margin-bottom: 0; }
.contact-column .content address { padding-top: 8px; }
.contact-column:before { position: absolute; left: -11px; top: -11px; width: 11px; height: 11px; content: ''; border-width: 0px 1px 1px 0px; border-style: none solid solid none;}
.contact-column:after { position: absolute; right: -11px; bottom: -11px; width: 11px; height: 11px; content: ''; border-width: 1px 0px 0px 1px; border-style: solid none none solid;}
.contact-column:hover:before { left: auto; right: -11px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.contact-column:hover:after { right: auto; left: -11px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.form-section { max-width: 770px; margin: 0 auto; padding: 80px 0 0 0; }
.contact-form { padding-top: 20px;}
.contact-form .form-group { margin-bottom: 30px; }
.contact-form .form-group .form-control { border-width: 1px; border-style: solid; height: 60px; padding: 10px 15px;
    box-shadow: none; outline: none; border-radius: 0; text-shadow: none; -webkit-appearance: none; appearance: none; font-size: 16px; color: #595959;
}
.contact-form .form-group textarea.form-control { height: 170px; resize: none; }
.contact-form .form-group .submit-btn { width: 180px; height: 50px; outline: none; border: none; box-shadow: none; text-transform: uppercase;
    font-size: 16px; padding: 0;
}
.contact-form .form-group .submit-btn span { border: none;}
.contact-form .form-group.button-row { margin-bottom: 0; text-align: center; }
.map-section { border-width: 1px 0 1px 0; border-style: solid none solid none; }
.map-section iframe { width: 100%; height: 500px; border: none; vertical-align: top; }
.map-section iframe:focus { outline: none;}
.contact-contact { padding: 50px 0 0 0; }
ul.listing { margin: 0 0 24px 0; padding: 0; }
ul.listing li { margin: 0; padding: 3px 0 3px 16px; position: relative; list-style: none; font-size: 18px; line-height: 24px; }
ul.listing li:before { content: "\f105"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; line-height: 30px; }
.contact-contact p a { color: #218000; }
/*--contact End--*/


/*--modal Start--*/
.bio-modal.modal { text-align: center; padding: 0 15px !important; }
.bio-modal.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.bio-modal .modal-dialog { display: inline-block; vertical-align: middle; max-width: 770px; width: 100%; }
.bio-modal .modal-content { position: relative; border-width: 1px; border-style: solid;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -ms-border-radius: 5px;
}
.bio-modal .modal-content .close { position: absolute; right: 0; top: 0; width: 42px; height: 42px; text-align: center; line-height: 42px;
    outline: none; border-width: 1px; border-style: solid; opacity: 1; padding: 0;
    -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -ms-border-radius: 100%;
    -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);
}
.bio-modal .modal-content .close:after { position: absolute; content: ''; height: 20px; width: 2px; left: 20px; top: 11px; }
.bio-modal .modal-content .close:before { position: absolute; content: ''; width: 20px; height: 2px; left: 11px; top: 20px; }
.bio-modal .modal-content .close:hover { opacity: 1; }
.bio-modal .modal-header { border: none; }
.bio-modal .modal-body { padding: 20px 30px 50px 30px; text-align: left; }
.bio-modal .modal-body .image-col { width: 290px; padding-right: 20px; }
.bio-modal .modal-body .image-col .image img { width: 100%; border-width: 1px; border-style: solid; padding: 10px; position: relative; }
.bio-modal .modal-body .contents-col { width: calc(100% - 290px); }
.bio-modal .modal-body .contents-col h5 { margin-bottom: 8px; }
.bio-modal .modal-body .contents-col .designation { display: block; margin-bottom: 18px; }
/*--modal End--*/


.default-ticker .js-ticker-item { padding: 0 10px;}
.default-ticker .js-ticker-item .image {border: 1px solid #c8c8c8; background-color: #fff; height: 120px; display: flex; align-items: center; justify-content: center;}


/*--Media Start--*/
.media-listing .row { gap: 65px 0px; }
.media-listing .row [class*="col-"]:nth-child(2n) .media-card .image-col { margin-left: 20px; margin-right: 0; }
.media-card { position: relative;  }
.media-card .image-col { margin-right: 20px; position: relative; }
.media-card .image-col .image { position: relative; z-index: 1; height: 350px; }
.media-card .image-col .image img { width: 100%; height: auto; height: 100%; object-fit: cover; }
.media-card .image-col .top-left { position: absolute; left: -14px; top: -14px; width: 200px; height: 200px; }
.media-card .image-col .top-left:before,
.media-card .image-col .top-left:after { position: absolute; left: 0; top: 0; content: ''; }
.media-card .image-col .top-left:before { width: 100%; height: 4px; }
.media-card .image-col .top-left:after { height: 100%; width: 4px; }
.media-card .image-col .bottom-right { position: absolute; right: -14px; bottom: -14px; width: 200px; height: 200px; }
.media-card .image-col .bottom-right:before,
.media-card .image-col .bottom-right:after { position: absolute; right: 0; bottom: 0; content: ''; }
.media-card .image-col .bottom-right:before { width: 100%; height: 4px; }
.media-card .image-col .bottom-right:after { height: 100%; width: 4px; }
.media-card .image-col:hover .top-left { width: 50%; height: 50%; }
.media-card .image-col:hover .bottom-right { width: 50%; height: 50%; }
.media-card .content-col { padding-top: 40px; display: flex; flex-wrap: wrap; gap: 15px; }
.media-card .content-col .date { flex: 0 0 100px; padding-bottom: 10px; position: relative; text-align: center; font-size: 34px; line-height: 32px; align-self: flex-start; }
.media-card .content-col .date span { display: block; font-size: 16px; line-height: 18px; margin-top: 6px; }
.media-card .content-col .date:after { position: absolute; content: ''; left: 50%; margin-left: -15px; bottom: 0; width: 30px; height: 2px; }
.media-card .content-col .text { flex: 1; padding-right: 20px; }
.media-card .content-col .text h4 { font-weight: normal;}
.media-detail-page { padding: 40px 0; }
.media-detail-page .media-detail-heading { display: flex; flex-wrap: wrap; gap: 10px 15px; margin-bottom: 30px; }
.media-detail-page .media-detail-heading h4 { font-size: 28px; text-transform: uppercase; margin-bottom: 0; }
.media-detail-page .media-detail-heading .date { align-self: center; }
.media-detail-content { margin-bottom: 50px; }
.media-detail-content h5 { font-size: 22px; margin-bottom: 15px; }
.media-detail-content h4 { margin-bottom: 10px; }
.media-detail-content .social-col { display: flex; align-items: center; gap: 15px; }
.media-detail-content .social-col p { margin-bottom: 0; }
.media-detail-content .social-col ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.media-detail-content .social-col ul li { list-style: none; margin: 0; padding: 0; }
.media-detail-content .social-col ul li a { display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 18px;
    -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -ms-border-radius: 100%;
}
.media-detail-image { margin-bottom: 50px; }
.media-detail-image img { width: 100%; height: auto; }
/*--Media End--*/





/* Responsive Style Start 
-------------------------------------------------- */
@media (min-width: 768px) {
    .header .nav > li > a:after { content: ''; position: absolute; bottom: -5px; width: 0; height: 2px; left: 0; right: 0; margin: auto; }
    .header .nav > li > a:hover:after { width: 100%; }
    .header .header-row .header-navigation { display: block !important; }
    .header .nav > li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: rotateX(0deg); }
    .header .dropdown-menu {  opacity: 0; visibility: hidden; transform: rotateX(-90deg); display: block !important; transform-origin: top;
        -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -ms-transition: all 0.5s ease;
    }
}

@media (max-width: 1280px) {
    .header .header-row,
    .header.sticky .header-row { padding: 15px 50px; }
    .fullimage-section .large-image img { height: 500px;}
}

@media (max-width: 1199px) {
    h1 { font-size: 52px; line-height: 56px;}
    h2 { font-size: 36px; line-height: 42px; }
    h3 { font-size: 30px; line-height: 38px;}
    .header .header-row,
    .header.sticky .header-row { padding: 15px 40px;}
    .banner-image .banner-content .name { font-size: 20px; line-height: 22px;}
    .twocol-section .list-row .second-col .content-col { padding-left: 20px; }
    .twocol-section .list-row .second-col .content-col .content { padding: 30px 0px 30px 40px; }
    .twocol-section .list-row .second-col .content-col .btn-row { padding-left: 44px;}
    .twocol-section .list-row .first-col .image-col { padding-right: 20px; }
    .twocol-section .list-row .first-col .image-col img { height: 600px; }
    .twocol-section .list-row .first-col .image-col.pattern:after { right: 20px;}
    .twocol-section .list-row .first-col .image-col.pattern:hover:after { right: -10px;}
    .twocol-section .list-row:nth-child(2n) .first-col .image-col { padding-left: 20px; }
    .twocol-section .list-row:nth-child(2n) .second-col .content-col { padding-right: 20px; }
    .twocol-section .list-row:nth-child(2n) .second-col .content-col .content { padding: 30px 40px 30px 0; }
    .twocol-section .list-row:nth-child(2n) .second-col .content-col .btn-row { padding-right: 44px; }
    .twocol-section .list-row:nth-child(2n) .first-col .image-col.pattern:hover:after { left: -10px; }
    .twocol-section .list-row:nth-child(2n) .first-col .image-col.pattern:after { left: 20px; }
    .twocol-section.projectypes-list .list-row .first-col .image-col img { height: 400px; }
    .footer .footer-one .footer-logo img { max-width: 250px; }
    .leadership-row .leadership-col .leadership-colinner .content-col { padding: 20px 15px;}
    .gallery-slider .slick-slide .item img { height: 250px;}
    .fullimage-section .large-image img { height: 400px;}
    .projectype-detailimage .image img { height: 500px; }
}

@media (max-width: 991px) {
    h1 { font-size: 48px; line-height: 52px;}
    #content { padding-top: 80px;}
    .header .header-row,
    .header.sticky .header-row { padding: 15px 20px;}
    .header .header-row .header-logo img { height: 50px; width: 250px; }
    .header.sticky .header-row .header-logo img { height: 40px; width: 200px; }
    .header .nav > li { padding: 10px 15px; font-size: 16px; line-height: 22px; }
    .header .dropdown-menu { width: 200px;}
    .header .dropdown-menu ul li { font-size: 14px;}
    .header .dropdown-menu ul li a { padding: 5px 15px; }
    /*.banner-image { height: calc(100vh - 80px);}*/
    .banner-image .banner-content .name { font-size: 16px; line-height: 20px;}

    .twocol-section .list-row .first-col .image-col { padding-right: 10px;}
    .twocol-section .list-row .first-col .image-col img { height: 500px; }
    .twocol-section .list-row .first-col .image-col.pattern:before { left: -20px; top: -20px;}
    .twocol-section .list-row .first-col .image-col.pattern:after { right: 10px; }
    .twocol-section .list-row .first-col .image-col.pattern:hover:after { right: -10px; bottom: -20px;}
    .twocol-section .list-row .second-col .content-col { padding-left: 10px;}
    .twocol-section .list-row .second-col .content-col .content { padding: 20px 0px 20px 20px;}
    .twocol-section .list-row .second-col .content-col .btn-row { padding-left: 24px;}
    .twocol-section .list-row:nth-child(2n) .first-col .image-col { padding-left: 10px;}
    .twocol-section .list-row:nth-child(2n) .first-col .image-col.pattern:before { right: -20px;}
    .twocol-section .list-row:nth-child(2n) .first-col .image-col.pattern:after { left: 10px; }
    .twocol-section .list-row:nth-child(2n) .first-col .image-col.pattern:hover:after { left: -10px; bottom: -20px;}
    .twocol-section .list-row:nth-child(2n) .second-col .content-col { padding-right: 10px;}
    .twocol-section .list-row:nth-child(2n) .second-col .content-col .content { padding: 20px 20px 20px 0;}
    .twocol-section .list-row:nth-child(2n) .second-col .content-col .btn-row { padding-right: 24px;}
    .twocol-section .list-row .first-col .image-col .image .view-large { width: 60px; height: 60px; margin: -30px 0 0 -30px;}
    .twocol-section .list-row .first-col .image-col .image .view-large:before { height: 40px; top: 10px; }
    .twocol-section .list-row .first-col .image-col .image .view-large:after { width: 40px; left: 10px; }
    .twocol-section .list-row .second-col .content-col .content h3 { font-size: 28px; line-height: 34px; margin: 0 0 15px 0; }

    .fullimage-section .large-image .view-large { width: 60px; height: 60px; margin: -30px 0 0 -30px;}
    .fullimage-section .large-image .view-large:before { height: 40px; top: 10px; }
    .fullimage-section .large-image .view-large:after { width: 40px; left: 10px; }
    .footer .footer-one .footer-nav ul li,
    .footer .footer-one .address li,
    .footer .footer-one .address p,
    .footer .footer-last p { font-size: 15px; }
    .inner-banner .innerbanner-image { min-height: 400px; }
    .leadership-row .leadership-col { padding-right: 0; margin-bottom: 60px; }
    .leadership-row .row [class*="col-"]:nth-child(2n) .leadership-col { padding-right: 0px; padding-left: 0;}
    .leadership-row .row [class*="col-"]:nth-child(2n) .leadership-colinner .image-col { order: 2;}
    .leadership-row .row [class*="col-"]:nth-child(2n) .leadership-colinner .image-col.pattern:before { left: auto; right: -25px;}
    .leadership-row .row [class*="col-"]:nth-child(2n) .leadership-colinner .image-col.pattern:hover:before { right: -15px;}
    .leadership-row .row [class*="col-"]:nth-child(2n) .leadership-colinner .content-col { order: 1; border-width: 1px 0px 1px 1px; border-style: solid none solid solid; text-align: right; }
    .leadership-row .leadership-col.optional-right { padding-left: 0;}
    .expertise-section .expertise-imagecol .expertise-image .labels { padding: 15px; min-width: 180px; }
    .expertise-section .expertise-imagecol { padding-right: 10px; }
    .expertise-section .expertise-content { padding-left: 10px;}
    .contact-column { padding: 20px 10px; }
    .contact-column .content h5 { font-size: 18px; line-height: 26px; }
    .fullimage-section .large-image img { height: 350px;}

    .expertise-section .expertise-imagecol .expertise-image .view-large { width: 60px; height: 60px; margin: -30px 0 0 -30px; }
    .expertise-section .expertise-imagecol .expertise-image .view-large:before { height: 40px; top: 10px; }
    .expertise-section .expertise-imagecol .expertise-image .view-large:after { width: 40px; left: 10px; }
    .projectype-detailimage .image img { height: 450px; }
}

@media (max-width: 767px) {
    h1 { font-size: 44px; line-height: 48px;}
    h2 { font-size: 32px; line-height: 36px; }
    h3 { font-size: 28px; line-height: 32px;}
    .nav-toggle { margin: 0; padding: 0; width: 36px; height: 30px; cursor: pointer; z-index: 9; background: transparent; position: absolute; right: 12px; top: 24px; }
    .nav-toggle span,
    .nav-toggle span:after,
    .nav-toggle span:before { position: absolute; width:28px; height:2px; transition-timing-function: ease;
        transition-duration: .3s; transition-property: transform; border-radius: 5px; left: 0; right: 0; margin: auto;
    }
    .nav-toggle span { transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: 300ms; left: 0; top: 50%; display: block; margin-top: 0; }
    .nav-toggle span:after,
    .nav-toggle span:before { display: block; content: ""; }
    .nav-toggle span:before { top: -9px; transition: top 300ms ease .15s,opacity 300ms ease; }
    .nav-toggle span:after { bottom: -9px; transition: bottom 300ms ease .15s,transform 300ms cubic-bezier(.55,.055,.675,.19); }
    .menu-open .nav-toggle span { transition-delay: .12s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: rotate(45deg);
        -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
    }
    .menu-open .nav-toggle span:before { top: 0; transition: top 300ms ease,opacity 300ms ease .15s; opacity: 0; }
    .menu-open .nav-toggle span:after { bottom: 0; transition: bottom 300ms ease,transform 300ms cubic-bezier(.215,.61,.355,1) .15s; transform: rotate(-90deg); }
    body.menu-open { overflow: hidden; }
    .header .header-row,
    .header.sticky .header-row { padding: 15px; }
    .header.sticky .header-row .header-navigation { top: 70px; height: calc(100% - 70px);}
    .header.sticky .nav-toggle { top: 20px;}
    .header .header-row .header-navigation { display: none; position: fixed; width: 100%;
        z-index: 11; height: calc(100% - 80px); left: 0; top: 80px; overflow: auto; padding: 10px 0;
    }
    .banner-image .banner-contentblock { padding: 15px 0; }
    .banner-image .banner-content h3 { font-size: 16px; line-height: 24px;}
    .header .nav { display: block; }
    .header .nav > li { padding: 5px 15px; font-size: 18px; line-height: 26px; }
    .header .nav > li:after { display: none; }
    .header .nav > li > a { display: inline-block; }

    .header .nav > li.dropdown .arrow { position: absolute; right: 5px; height: 36px; width: 36px; line-height: 36px; top: 0px; text-align: center; cursor: pointer; }
    .header .dropdown-menu { position: relative; width: 100%; float: none; margin-top: 15px; }
    .header .nav > li.dropdown .arrow:after { content: ""; position: absolute; right: 10px; top: 17px; width: 16px; height: 2px; }
    .header .nav > li.dropdown .arrow:before { content: ""; position: absolute; right: 17px; top: 10px; width: 2px; height: 16px;
        -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -ms-transition: all 0.5s ease;
    }
    .header .nav > li.dropdown.open .arrow:before { opacity: 0; }
    .header .dropdown-menu ul li { font-size: 18px; }

    .home-banner .slick-arrow { width: 30px; height: 40px; margin-top: -20px; }
    .home-banner .slick-prev { left: 10px; }
    .home-banner .slick-next { right: 10px; }
    .home-banner .slick-prev:after,
    .home-banner .slick-next:after { font-size: 30px; line-height: 40px; }

    .homecontent-section { padding: 50px 0; }
    .twocol-section { padding-top: 70px;}
    .twocol-section .list-row { margin-bottom: 80px;}
    .twocol-section .list-row .first-col .image-col { padding-right: 0; margin-bottom: 40px; }
    .twocol-section .list-row .first-col .image-col img { height: 400px; }
    .twocol-section .list-row .second-col .content-col { padding-left: 0; }
    .twocol-section .list-row .second-col .content-col .content { margin-bottom: 25px; }
    .twocol-section .list-row:nth-child(2n) .first-col .image-col { padding-left: 0; }
    .twocol-section .list-row:nth-child(2n) .second-col .content-col { padding-right: 0px;}
    .twocol-section .list-row .first-col .image-col.pattern:before { left: -15px; top: -15px; }
    .twocol-section .list-row .first-col .image-col.pattern:after { right: 0;}
    .twocol-section .list-row .first-col .image-col.pattern:hover:after { right: -15px; bottom: -15px;}
    .twocol-section .list-row:nth-child(2n) .first-col .image-col.pattern:before { right: -15px;}
    .twocol-section .list-row:nth-child(2n) .first-col .image-col.pattern:after { left: 0;}
    .twocol-section .list-row:nth-child(2n) .first-col .image-col.pattern:hover:after { left: -15px; bottom: -15px;}
    .twocol-section .list-row .first-col .image-col .image .view-large { width: 40px; height: 40px; margin: -20px 0 0 -20px;}
    .twocol-section .list-row .first-col .image-col .image .view-large:before { height: 20px; }
    .twocol-section .list-row .first-col .image-col .image .view-large:after { width: 20px; }

    .fullimage-section .large-image { width: 100%; }
    .fullimage-section .large-image:after { left: 15px; top: 15px; right: 15px; bottom: 15px; }
    .fullimage-section .large-image .view-large { width: 40px; height: 40px; margin: -20px 0 0 -20px;}
    .fullimage-section .large-image .view-large:before { height: 20px; }
    .fullimage-section .large-image .view-large:after { width: 20px; }

    .footer .footer-one { padding: 50px 0px; }
    .footer .footer-one .footer-logo { margin-bottom: 20px; }
    .footer .footer-one .footer-socials { margin: 0 0 40px 0; }
    .footer .footer-one .footer-nav { margin: 0 0 25px 0;}
    .about-contentsection { padding: 50px 0; }
    .inner-banner .innerbanner-image { min-height: 300px; }
    .leadership-section { padding: 50px 0; }
    .testimonial-section { padding: 50px 0;}
    .testimonial-slider { padding-top: 30px; padding-bottom: 60px; }
    .certifications-section { padding: 50px 0; }
    .certifications-logosection { justify-content: center; padding-top: 20px; }
    .certifications-logosection .logo-col { width: 33.33%; margin: 10px 0; }
    .expertise-section { padding: 50px 0; }
    .expertise-section .expertise-imagecol { padding-right: 0px; margin-bottom: 30px; }
    .expertise-section .expertise-content { padding-left: 0px; }
    .service-contentsection { padding: 50px 0; }

    .gallery-slider .slick-slide .item img { height: 220px;}
    .projectype-detailimage .image .content-col { max-width: 400px; }
    .gallery-slider .slick-slide .view-large { width: 40px; height: 40px; margin: -20px 0 0 -20px; }
    .gallery-slider .slick-slide .view-large:before { height: 20px; top: 10px; }
    .gallery-slider .slick-slide .view-large:after { width: 20px; left: 10px; }
    .gallery-slider .slick-arrow { width: 40px; height: 40px; margin-top: -18px; }
    .gallery-slider .slick-prev:after,
    .gallery-slider .slick-next:after { line-height: 40px; }
    .gallery-slider .slick-prev { left: 0; }
    .gallery-slider .slick-next { right: 0; }
    .projectype-detailsection { padding: 50px 0; }
    .contact-section { padding: 20px 0 50px 0; }
    .contact-column { height: auto; margin-top: 60px; }
    .form-section { padding: 60px 0 0 0;}
    .contact-column .content h5 { font-size: 22px; line-height: 28px;}
    .contact-form .form-group { margin-bottom: 20px; }
    .contact-form .form-group .form-control { height: 50px;}
    .bio-modal .modal-body { padding: 20px 20px 50px 20px; }
    .bio-modal .modal-body .image-col { width: 240px;}
    .bio-modal .modal-body .contents-col { width: calc(100% - 240px);}

    .expertise-section .expertise-imagecol .expertise-image .view-large { width: 40px; height: 40px; margin: -20px 0 0 -20px; }
    .expertise-section .expertise-imagecol .expertise-image .view-large:before { height: 20px; }
    .expertise-section .expertise-imagecol .expertise-image .view-large:after { width: 20px; }
    .twocol-section.projectypes-list { padding-top: 20px;}
    .media-detail-content,
    .media-detail-image { margin-bottom: 30px; }
    .media-listing .row { gap: 50px 0px; }
    .media-card .image-col,
    .media-listing .row [class*="col-"]:nth-child(2n) .media-card .image-col { margin: 0px; }
    .media-card .content-col .text { padding-right: 0; }
    .media-card .image-col .image { height: auto; }
}

@media (max-width: 575px) {
    #content { padding-top: 70px;}
    .header .header-row .header-logo img { height: 40px; width: 200px; }
    .nav-toggle { top: 20px; }
    .header .header-row .header-navigation { top: 70px; height: calc(100% - 70px); }
    /*.banner-image { height: calc(100vh - 70px);}*/
    .banner-image .banner-contentblock { padding: 5px 0; }
    .banner-image .banner-content h3 { font-size: 14px; line-height: 20px; }
    .twocol-section .list-row .first-col .image-col img { height: 300px; }
    .twocol-section.projectypes-list .list-row .first-col .image-col img { height: 300px; }
    .leadership-row .leadership-col .leadership-colinner .column { width: 100%; }
    .leadership-row .leadership-col .leadership-colinner .image-col.pattern:before { left: -15px; top: -15px; }
    .leadership-row .leadership-col .leadership-colinner .content-col { border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; }
    .leadership-row .row [class*="col-"]:nth-child(2n) .leadership-colinner .image-col { order: 1; }
    .leadership-row .row [class*="col-"]:nth-child(2n) .leadership-colinner .content-col { order: 2; text-align: left;
        border-width: 1px 1px 1px 1px; border-style: solid solid solid solid;
    }
    .leadership-row .row [class*="col-"]:nth-child(2n) .leadership-colinner .image-col.pattern:before { right: auto; left: -15px; top: -15px;}
    .certifications-logosection .logo-col { width: 50%; }
    .gallery-slider .slick-slide .item img { height: 300px; }
    .projectype-detailimage .image { display: block;}
    .projectype-detailimage .image img { height: auto;}
    .projectype-detailimage .image .content-col { position: relative; right: 0; top: 0; padding: 15px; max-width: 100%;
        -webkit-transform: none; -moz-transform: none; transform: none; -ms-transform: none;
    }
    .projectype-detailimage .top-left { left: -15px; top: -15px; }
    .projectype-detailimage .bottom-right { right: -15px; bottom: -15px; }
    .projectype-detailimage:hover .top-left,
    .projectype-detailimage:hover .bottom-right { width: 200px; height: 200px;}
    .projectype-detailimage .image:hover .content-col { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -ms-border-radius: 0px; }

    .bio-modal .modal-dialog { max-width: 100%; width: 100%; margin: 30px 0; }
    .bio-modal .modal-body { padding: 0px 20px 30px 20px; }
    .bio-modal .modal-body .image-col { width: 100%; padding-right: 0; margin-bottom: 20px; }
    .bio-modal .modal-body .contents-col { width: 100%; }
    .fullimage-section .large-image img { height: 250px; }
    .expertise-section .expertise-imagecol .expertise-image img { height: 500px; }
}

@media (max-width: 479px) {
    
}
/* Responsive Style End
--------------------------------------------------