/*
 * EMPEROR ROOFING - COMPLETE MAIN STYLESHEET
 * File: css/style.css
 * Approved mini-site design, navigation, sections, gallery and footer retained.
 * Includes the layout foundation: this revised page needs no vendor.bundle.css.
 * Keep existing image and fonts folders. Font Awesome is loaded separately.
 */

/* Layout foundation */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0}
main,header,footer,nav,section,article,aside,figure,figcaption{display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
figure{margin:0}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.container::before,.container::after,.row::before,.row::after,.clearfix::before,.clearfix::after{display:table;content:" "}
.container::after,.row::after,.clearfix::after{clear:both}
.row{margin-left:-15px;margin-right:-15px}
[class*="col-xs-"],[class*="col-sm-"],[class*="col-md-"],[class*="col-lg-"]{position:relative;min-height:1px;padding-left:15px;padding-right:15px;width:100%;float:left}
.col-xs-6{width:50%}
.col-xs-12{width:100%}
.btn{display:inline-block;vertical-align:middle;white-space:normal;text-decoration:none}
.lead{font-size:21px;line-height:1.6;font-weight:400}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:768px){.container{width:750px}.col-sm-3{width:25%}.col-sm-4{width:33.333333%}.col-sm-5{width:41.666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333%}.col-sm-8{width:66.666667%}.col-sm-10{width:83.333333%}.col-sm-12{width:100%}}
@media(min-width:992px){.container{width:970px}.col-md-3{width:25%}.col-md-4{width:33.333333%}.col-md-5{width:41.666667%}.col-md-6{width:50%}.col-md-7{width:58.333333%}.col-md-8{width:66.666667%}.col-md-10{width:83.333333%}.col-md-12{width:100%}.col-md-offset-1{margin-left:8.333333%}}
@media(min-width:1200px){.container{width:1170px}}


/*!
 * Table of Contents
 * 1.0 - Fonts
 * 2.0 - Resets
 * 2.1 - General
 * 3.0 - Header/Navbar
 * 4.0 - Banner/Slider
 * 5.0 - Call-Action
 * 6.0 - Page Content
 * 7.0 - Forms
 * 8.0 - Stats
 * 9.0 - Testimonials
 * 10.0 - Clients Logo
 * 11.0 - Widgets
 * 12.0 - Footer / Copyright
 * 13.0 - Blog/News
 * 14.0 - FAQs
 * 15.0 - Feature Box
 * 16.0 - Teams Member
 * 17.0 - Gallery with Filter
 * 18.0 - Products
 * 19.0 - Responsive
 * 20.0 - Version Wise
 * 21.0 - Extra/Additional
 */
/* ===============================
	1.0 FONTS =============================== */
@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto/Roboto-regular-webfont.eot"); src: url("../fonts/Roboto/Roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-regular-webfont.woff2") format("woff2"), url("../fonts/Roboto/Roboto-regular-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-regular-webfont.ttf") format("truetype"); font-weight: 400; }
@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto/Roboto-bold-webfont.eot"); src: url("../fonts/Roboto/Roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-bold-webfont.woff2") format("woff2"), url("../fonts/Roboto/Roboto-bold-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-bold-webfont.ttf") format("truetype"); font-weight: 700; }
@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto/Roboto-light-webfont.eot"); src: url("../fonts/Roboto/Roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-light-webfont.woff2") format("woff2"), url("../fonts/Roboto/Roboto-light-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-light-webfont.ttf") format("truetype"); font-weight: 300; }
@font-face { font-family: 'Poppins'; src: url("../fonts/poppins/poppins-light-webfont.eot"); src: url("../fonts/poppins/poppins-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-light-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-light-webfont.woff") format("woff"), url("../fonts/poppins/poppins-light-webfont.ttf") format("truetype"); font-weight: 300; }
@font-face { font-family: 'Poppins'; src: url("../fonts/poppins/poppins-regular-webfont.eot"); src: url("../fonts/poppins/poppins-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-regular-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-regular-webfont.woff") format("woff"), url("../fonts/poppins/poppins-regular-webfont.ttf") format("truetype"); font-weight: 400; }
@font-face { font-family: 'Poppins'; src: url("../fonts/poppins/poppins-semibold-webfont.eot"); src: url("../fonts/poppins/poppins-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-semibold-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-semibold-webfont.woff") format("woff"), url("../fonts/poppins/poppins-semibold-webfont.ttf") format("truetype"); font-weight: 600; }
@font-face { font-family: 'Poppins'; src: url("../fonts/poppins/poppins-bold-webfont.eot"); src: url("../fonts/poppins/poppins-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-bold-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-bold-webfont.woff") format("woff"), url("../fonts/poppins/poppins-bold-webfont.ttf") format("truetype"); font-weight: 700; }
/* =============================== 2.0 Resets =============================== */
body { font-family: "Roboto", sans-serif; color: #000000; font-size: 16px; line-height: 1.75; font-weight: 400; }

html, body { overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; line-height: 1.25; font-weight: 600; }
h1.color-secondary, h2.color-secondary, h3.color-secondary, h4.color-secondary, h5.color-secondary, h6.color-secondary { color: #071827; }
h1.color-primary, h2.color-primary, h3.color-primary, h4.color-primary, h5.color-primary, h6.color-primary { color: #000000; }
h1.color-default, h2.color-default, h3.color-default, h4.color-default, h5.color-default, h6.color-default { color: #6e7889; }
h1.color-dark, h2.color-dark, h3.color-dark, h4.color-dark, h5.color-dark, h6.color-dark { color: #414650; }

h1, .h1, .heading-lg, .heading-lg-lead { font-size: 1.875em; color: #000000; }

h2, .h2 { font-size: 1.875em; color: #000000; }

h3, .h3, h4, .h4, .heading-md, .heading-md-lead { font-size: 1.45em; font-weight: 600; color: #353a42; }

h4, .h4 { font-size: 1.25em; color: #353a42; }

h5, .h5 { font-size: 1.125em; font-weight: 700; color: #353a42; }

h6, .h6, .heading-sm, .heading-sm-lead { font-size: .875em; color: #353a42; font-weight: 700; }

ul, ol { padding: 0px; margin: 0px; }
ul li, ol li { list-style: none; }

h1, h2, h3, h4, h5, h6, p, ul, ol, table { margin: 0 0 18px; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, table:last-child { margin-bottom: 0; }

.heading-section { font-size: 1.875em; }
.heading-section.heading-sm { font-size: 1.375em; }

.heading-lead { font-size: 2.25em; }
.heading-lead.heading-sm { font-size: 1.5em; }

.heading-section, .heading-lead { margin-bottom: 30px; }
.heading-section:last-child, .heading-lead:last-child { margin-bottom: 0; }
.heading-section:not(.with-line) + h3, .heading-section:not(.with-line) + h4, .heading-section:not(.with-line) + h5, .heading-lead:not(.with-line) + h3, .heading-lead:not(.with-line) + h4, .heading-lead:not(.with-line) + h5 { margin-top: -20px; }

.heading-section.with-line, .heading-lead.with-line { padding-bottom: 15px; }
.heading-section.with-line::after, .heading-lead.with-line::after { display: block; }

.heading-section { text-transform: none; color: #000000; font-weight: 600; }
.heading-section.color-secondary { color: #071827; }
.heading-section.color-primary { color: #000000; }
.heading-section.color-default { color: #b4b9c3; }
.heading-section.color-dark { color: #414650; }

.heading-sm-lead, .heading-md-lead, .heading-lg-lead { letter-spacing: 4px; font-weight: 300; font-family: "Roboto", sans-serif; text-transform: none; }
.heading-sm-lead + h1, .heading-sm-lead + h2, .heading-sm-lead + h3, .heading-sm-lead + h4, .heading-sm-lead + h5, .heading-sm-lead + h4, .heading-md-lead + h1, .heading-md-lead + h2, .heading-md-lead + h3, .heading-md-lead + h4, .heading-md-lead + h5, .heading-md-lead + h4, .heading-lg-lead + h1, .heading-lg-lead + h2, .heading-lg-lead + h3, .heading-lg-lead + h4, .heading-lg-lead + h5, .heading-lg-lead + h4 { margin-top: -5px; }

.heading-sm-lead, .heading-md-lead { color: #353a42; }
.heading-sm-lead.color-primary, .heading-md-lead.color-primary { color: #000000; }
.heading-sm-lead.color-secondary, .heading-md-lead.color-secondary { color: #071827; }

.with-line { position: relative; padding-bottom: 15px; }
.with-line::after { content: ""; position: absolute; bottom: 0; display: block; width: 60px; height: 2px; margin: 15px 0 0; background-color: #000000; }
.light .with-line::after, .box-s3 .with-line::after, .box-s4 .with-line::after { background-color: #fff; }
.with-line.al-center::after, .with-line.center::after { left: 50%; margin-left: -30px; }
.with-line.al-right::after { right: 0; }

.light, .box-s3, .box-s4, .light h1, .box-s3 h1, .box-s4 h1, .light h2, .box-s3 h2, .box-s4 h2, .light h3, .box-s3 h3, .box-s4 h3, .light h4, .box-s3 h4, .box-s4 h4, .light h5, .box-s3 h5, .box-s4 h5, .light h6, .box-s3 h6, .box-s4 h6 { color: #fff; }

blockquote { margin: 30px 0; color: #888; }
blockquote:first-child { margin-top: 0; }
blockquote:last-child { margin-bottom: 0; }
blockquote p:last-child strong { color: #000000; }

p + h1, p + h2, p + h3, p + h4, p + h5, p + h4, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h4, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h4, table + h1, table + h2, table + h3, table + h4, table + h5, table + h4 { margin-top: 35px; }

a { outline: 0; transition: all 0.5s; color: #000000; }
a:link, a:visited { text-decoration: none; }
a:hover, a:focus, a:active { outline: 0; color: #071827; }

img { outline: 0; border: 0 none; max-width: 100%; height: auto; vertical-align: top; -ms-border-radius: 6px; border-radius: 6px; }
img + h2, img h3, img h4 { margin-top: 15px; }
img.alignright { padding: 0; float: right; margin: 5px 0 10px 30px; }
img.alignleft { padding: 0; float: left; margin: 5px 30px 10px 0; }
img.aligncenter { float: none; display: block; margin: 5px auto 15px; }
img.aligncenter:first-child { margin-top: 0; }
img.aligncenter:last-child { margin-bottom: 0; }

hr, .hr { margin: 35px 0; }
hr:first-child, .hr:first-child { margin-top: 0; }
hr:last-child, .hr:last-child { margin-bottom: 0; }

input:focus { border-color: #66afe9; outline: 0; box-shadow: 0 0 0 transparent; }

.al-center, .center { text-align: center; }
.al-center .with-line:after, .center .with-line:after { left: 50%; margin-left: -35px; }

.al-right { text-align: right; }
.al-right .with-line:after { right: 0; }

.al-left { text-align: left; }

.ucap { text-transform: none; }

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 10000; }

#status { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; background-image: url(../image/loading.gif); background-repeat: no-repeat; background-position: center; background-size: 38px auto; margin: -50px 0 0 -50px; }

#gmap { display: block; width: 100%; height: 400px; pointer-events: none; background: #58B; }

.section-pad { padding-top: 90px; padding-bottom: 90px; }
.section-pad-sm { padding-top: 45px; padding-bottom: 45px; }
.section-pad-md { padding-top: 67.5px; padding-bottom: 67.5px; }
.section-pad-lg { padding-top: 135px; padding-bottom: 135px; }
.section-pad.nopd { padding-top: 0; padding-bottom: 0; }

.pad-0, .nopd { padding: 0px; }

.npl { padding-left: 0px; }

.npr { padding-right: 0px; }

.space-top { margin-top: 20px; }
.space-top-sm { margin-top: 15px; }
.space-top-md { margin-top: 30px; }
.space-bottom { margin-bottom: 20px; }
.space-bottom-sm { margin-bottom: 15px; }
.space-bottom-md { margin-bottom: 30px; }

.nomg { margin-top: 0; margin-bottom: 0; }

.wide-lg { max-width: 1170px; margin: 0 auto; }
.wide-md { max-width: 970px; margin: 0 auto; }
.wide-sm { max-width: 770px; margin: 0 auto; }
.wide-xs { max-width: 570px; margin: 0 auto; }

.row-vm { align-items: center; display: flex; }

.container-fluid > .row > .row { margin-left: 0; margin-right: 0; }

.col-list .row + .row { margin-top: 30px; }

.row-column:not(:first-child) { margin-top: 60px; }
.row-column-md:not(:first-child) { margin-top: 45px; }
.row-column-sm:not(:first-child) { margin-top: 30px; }

div[class*="row-column"].mgfix { margin-top: -45px; }
div[class*="row-column"].mgauto { margin-top: 0; }
div[class*="row-column"].mgtop { margin-top: 60px; }
div[class*="row-column"].mgtop-md { margin-top: 45px; }
div[class*="row-column"].mgtop-sm { margin-top: 30px; }

div[class*="wide-"] + div[class*="row-column"]:not([class*="mg"]):not([class*="mt-"]) { margin-top: 60px; }

.clear { clear: both; display: block; height: 0; width: 100%; }

.clear-left { clear: left; }

.clear-right { clear: right; }

.first[class*="col-"] { clear: left; }

.nomg[class*="wide-"] { margin: 0; }

.img-shadow { box-shadow: 0 2px 26px 0 rgba(0, 0, 0, 0.16); }

.round { -ms-border-radius: 6px; border-radius: 6px; }

.round-md { -ms-border-radius: 8px; border-radius: 8px; }

.round-lg { -ms-border-radius: 35px; border-radius: 35px; }

.circle { -ms-border-radius: 50%; border-radius: 50%; }

.imagebg { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; opacity: 0; }
.imagebg img { display: none; }
.imagebg.bgloaded { opacity: 1; }

.has-bg, .fixed-bg { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.has-bg { position: relative; }
.has-bg:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: #000; opacity: .6; z-index: 0; }
.has-bg.bg-primary:after, .has-bg.box-s3:after { background-color: #000000; }
.has-bg.bg-secondary:after, .has-bg.box-s4:after { background-color: #071827; }
.has-bg.bg-light:after, .has-bg.box-s2:after { background-color: #f8f8f8; }
.has-bg .container { position: relative; z-index: 1; }
.has-bg.dark-filter:after { opacity: .75; }
.has-bg.darker-filter:after { opacity: .9; }
.has-bg.light-filter:after { opacity: .25; }
.has-bg.lighter-filter:after { opacity: .15; }
.has-bg.no-filter:after { opacity: 0.01; }

.fixed-bg { background-attachment: fixed; }

/* @v120 */
.has-bg .container, .has-bg-image .container { position: relative; z-index: 3; }

.has-bg-image { position: relative; }

.bg-image-loaded { opacity: 1; }

.section-bg { position: absolute; height: 100%; right: 0; top: 0; left: 0; z-index: 0; overflow: hidden; transition: opacity .4s; }
.section-bg [class*="olayer-"] { transform: scale(1.01); }

.image-on-left .imagebg, .image-on-right .imagebg { width: 50%; }

.image-on-left .imagebg { right: 50%; }

.image-on-right .imagebg { left: 50%; }

.image-slice .imagebg { width: 40%; left: 0; }
.image-slice .imagebg + .imagebg { width: 60%; left: 40%; }
.image-slice .section-bg:not(.section-bg-r):after { content: ""; background: #000000; position: absolute; left: 0; bottom: 0; top: 0; opacity: .9; width: 100%; }
.image-slice .section-bg.section-bg-alt:not(.section-bg-r):after { background: #071827; }

/* Error Page */
.error-page { background: url("../image/bg-404.jpg") no-repeat 50% 0; background-size: cover; min-height: 700px; padding-top: 200px; padding-bottom: 350px; text-align: center; }
.error-page h1 { font-size: 150px; color: #000000; }
.error-page p { font-size: 24px; font-weight: 300; color: #fff; }
.error-page p + p { font-size: 16px; font-weight: 400; margin-top: 10px; }
.error-page p + p a { color: #000000; box-shadow: 0 1px 0 #000000; }
.error-page p + p a:hover { box-shadow: none; }

/* Buttons */
.btn { font-family: "Roboto", sans-serif; font-size: 12px; line-height: 1.4; font-weight: 400; padding: 12px 24px; text-align: center; text-transform: none; letter-spacing: 1px; color: #fff; border: 2px solid #071827; background-color: #071827; box-sizing: border-box; transition: all 0.4s; -ms-border-radius: 4px; border-radius: 4px; }
.btn:hover, .btn:focus { background-color: #071827; border-color: #071827; color: #fff; }
.btn.btn-alt { background: #071827; border-color: #071827; }
.btn.btn-alt:hover, .btn.btn-alt:focus { background: #000000; border-color: #000000; }
.btn.btn-outline { color: #ffffff; background-color: transparent; }
.btn.btn-outline:hover, .btn.btn-outline:focus { color: #fff; background: #f3b42f; border-color: #f3b42f; }
.btn.btn-outline.btn-alt { color: #071827; }
.btn.btn-outline.btn-alt:hover, .btn.btn-outline.btn-alt:focus { color: #fff; background: #071827; border-color: #071827; }
.btn.btn-outline.btn-light { color: #fff; border-color: #fff; }
.btn.btn-outline.btn-light:hover, .btn.btn-outline.btn-light:focus { background: #071827; border-color: #071827; }
.btn.btn-outline.btn-light.btn-alt:hover, .btn.btn-outline.btn-light.btn-alt:focus { background: #071827; border-color: #071827; }
.btn.btn-light:not(.btn-outline) { color: #ffffff; border-color: #071827; background-color: #071827; }
.btn.btn-light:not(.btn-outline):hover, .btn.btn-light:not(.btn-outline):focus { color: #fff; background: #000000; border-color: #000000; }
.btn.btn-light:not(.btn-outline).btn-alt { color: #071827; }
.btn.btn-light:not(.btn-outline).btn-alt:hover, .btn.btn-light:not(.btn-outline).btn-alt:focus { color: #fff; background: #071827; border-color: #071827; }
.btn.btn-center { margin: 0 auto; width: auto; min-width: 160px; }
.btn.btn-lg { padding: 16px 35px; font-size: 16px; -ms-border-radius: 4px; border-radius: 4px; }
.btn.btn-md { padding: 8px 20px; }
.btn.btn-sm { padding: 3px 12px 4px; font-weight: 400; }
.btn.round { -ms-border-radius: 60px; border-radius: 60px; }
.btn.btn-mw { min-width: 190px; }

.table-responsive { margin-bottom: 30px; }
.table-responsive:last-child, .table-responsive .table { margin-bottom: 0; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-color: #ececec; }

.table.bdr-top, .table.bdr-bottom { border-color: #ececec; }

.form-control { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.form-control:focus { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
.form-control.error { border-color: #FF4346 !important; }

form label.error { display: none !important; }

.form-results { display: none; font-size: 12px; margin: 15px 0; }
.form-results:first-child { margin-top: 0; }
.form-results:last-child { margin-bottom: 0; }

/* v110 */
.gaps { clear: both; height: 20px; display: block; margin: 0; }
.gaps.size-lg { height: 60px; }
.gaps.size-md { height: 30px; }
.gaps.size-sm { height: 15px; }
.gaps.size-2x { height: 40px; }
.gaps.size-3x { height: 60px; }
.gaps.size-xs { height: 10px; }
.gaps.size-sep { height: 45px; }
.gaps.size-section { height: 90px; }
.section-pad-lg .gaps.size-section { height: 135px; }

.pd-x1 { padding: 10px; }
.pd-x2 { padding: 20px; }
.pd-x3 { padding: 30px; }
.pd-x4 { padding: 40px; }
.pd-x5 { padding: 50px; }

.mg-x1 { margin: 10px; }
.mg-x2 { margin: 20px; }
.mg-x3 { margin: 30px; }
.mg-x4 { margin: 40px; }
.mg-x5 { margin: 50px; }

.mt-x1 { margin-top: 10px; }
.mt-x2 { margin-top: 20px; }
.mt-x3 { margin-top: 30px; }
.mt-x4 { margin-top: 40px; }
.mt-x5 { margin-top: 50px; }

.mb-x1 { margin-bottom: 10px; }
.mb-x2 { margin-bottom: 20px; }
.mb-x3 { margin-bottom: 30px; }
.mb-x4 { margin-bottom: 40px; }
.mb-x5 { margin-bottom: 50px; }

.color-primary { color: #000000; }

.color-default { color: #6e7889; }

.color-dark { color: #414650; }

.color-heading { color: #000000; }

.color-secondary { color: #071827; }

.color-alternet { color: #071827; }

.bg-light, .box-s2 { background: #dbdbdb; }

.bg-white, .box-s1 { background: #fff; }

.bg-dark { background: #121112; }

.bg-grey { background: #efefef; }

.bg-primary, .box-s3 { background: #000000; }

.bg-secondary, .box-s4 { background: #071827; }

.bg-alternet { background: #071827; }

.bg-light-primary { background-color: rgba(24, 99, 171, 0.1); }

.bg-light-secondary { background-color: rgba(237, 75, 65, 0.1); }

.bg-light-alternet { background-color: rgba(6, 78, 148, 0.1); }

.bdr { border: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-y { border-top: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-x { border-left: 1px solid rgba(0, 0, 0, 0.04); border-right: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-top { border-top: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-none { border-color: transparent; }

.social { margin: 0; padding: 0; list-style: none; }
.social li { display: inline-block; margin-left: 15px; }
.social li:first-child { margin-left: 0; }

.preload { display: none; }

.navbar-toggle { margin-right: 0px; }

.carousel-control { visibility: hidden; -webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; transition: opacity 1s ease-out; opacity: 0; width: 60px; }
.carousel-control.left, .carousel-control.right { background-image: none; filter: none; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { width: 60px; height: 60px; padding-top: 10px; -ms-border-radius: 50px; border-radius: 50px; font-family: 'FontAwesome'; text-shadow: none; font-size: 48px; }
.carousel-control .glyphicon-chevron-left:hover, .carousel-control .glyphicon-chevron-right:hover { background: transparent; }
.carousel-control .glyphicon-chevron-left { left: 10%; }
.carousel-control .glyphicon-chevron-left:before { content: '\f104'; }
.carousel-control .glyphicon-chevron-right { right: 10%; }
.carousel-control .glyphicon-chevron-right:before { content: '\f105'; }

.video-box { position: relative; margin-top: 40px; padding-top: 56%; }
.video-box iframe { border: 1px solid #fbfbfb; -ms-border-radius: 0px; border-radius: 0px; position: absolute; top: 0; width: 100%; height: 100%; left: 0; }
.video-box.view-lg { padding-top: 60%; }
.video-box:first-child { margin-top: 0; }

.panel-group .panel { border-radius: 0; box-shadow: none; border-bottom: 1px solid #eee; border: none; }

.panel-default > .panel-heading { padding: 0; border-radius: 0; color: #212121; background-color: #fff; border: 0px; }

.panel-title { font-size: 20px; }
.panel-title > a { display: block; padding: 15px; text-decoration: none; }

.more-less { float: right; color: #212121; }

.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #EEEEEE; }

@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-50px, 0, 0); }
  to { opacity: 1; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; transform: translate3d(50px, 0, 0); }
  to { opacity: 1; transform: none; } }
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 50px, 0); }
  to { opacity: 1; transform: none; } }
/* ========================================================================== 2.1 General / Common ========================================================================== */
.content-section { margin-top: 60px; }
.content-section:first-child { margin-top: 0px; }
.content .list-style li { position: relative; padding-left: 18px; margin-left: 0; margin-bottom: 12px; }
.content .list-style li:last-child { margin-bottom: 0; }
.content .list-style li:before { font-family: 'FontAwesome'; content: '\f105'; color: #000000; position: absolute; left: 1px; top: 4px; font-size: 16px; line-height: 18px; }
.light .content .list-style li:before, .box-s3 .content .list-style li:before, .box-s4 .content .list-style li:before, .call-action:not(.dark) .content .list-style li:before { color: #fff; }
.content .list-style.dots li:before { content: '\f111'; font-size: 8px; top: 5px; }
.content .list-style.quad li:before { content: '\f0c8'; font-size: 8px; top: 5px; }
.content .list-style.tick li { padding-left: 26px; }
.content .list-style.tick li:before { content: '\f00c'; font-size: 16px; top: 4px; }
.content .list-style.list-sitemap li { margin-bottom: 10px; font-weight: 600; }
.content .list-style.list-sitemap li:last-child { margin-bottom: 0; }
.content .list-style.list-sitemap li ul { margin-top: 5px; }
.content .list-style.list-sitemap li ul li { margin-top: 3px; font-weight: 400; }
.content ol { margin-left: 50px; }
.content ol li { list-style: decimal; list-style: decimal-leading-zero; padding-left: 5px; margin-bottom: 8px; }
.content ol li:last-child { margin-bottom: 0; }

.tab-custom .nav-tabs { background: #ececec; border-bottom: none; display: table; width: 100%; }
.tab-custom .nav-tabs li { display: table-cell; float: none; }
.tab-custom .nav-tabs li:last-child a { border-right-color: #ececec; }
.tab-custom .nav-tabs li > a { border: 1px solid #ececec; border-right-color: #f5f5f5; text-align: center; border-radius: 0px; padding: 15px 2px; margin: 0px; font-size: 16px; color: #383838; line-height: 24px; }
.tab-custom .nav-tabs li > a img { height: 60px; width: auto; margin-top: -5px; }
.tab-custom .nav-tabs li.active > a, .tab-custom .nav-tabs li.active > a:hover, .tab-custom .nav-tabs li.active > a:focus { background: #f5f5f5; border-color: #f5f5f5; }
.tab-custom .tab-content { background: #f5f5f5; padding: 30px 20px 25px 20px; }
.tab-custom .tab-content h4 { color: #000000; font-weight: 700; font-size: 18px; margin-bottom: 15px; }
.tab-custom .tab-content a { padding: 8px 16px; margin-top: 25px; }
.tab-custom.tab-simple .nav-tabs { background: none; }
.tab-custom.tab-simple .nav-tabs li { display: inline-block; }
.tab-custom.tab-simple .nav-tabs li > a { padding: 12px 15px; border: 1px solid #ececec; background-color: #ececec; }
.tab-custom.tab-simple .nav-tabs li.active > a { background-color: #fff; border-bottom-color: #fff; }
.tab-custom.tab-simple .tab-content { background: none; border: 1px solid #ececec; }

.accordion .panel { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.accordion .panel:last-child { border-bottom: 0 none; }
.accordion .panel + .panel { margin-top: 0; }
.accordion .panel-title { position: relative; font-size: 1.125em; font-family: "Roboto", sans-serif; font-weight: 400; }
.accordion .panel-title a { color: #000000; padding: 16px 30px 17px 0; }
.accordion .panel-title a .plus-minus { opacity: 0.4; }
.accordion .panel-title a.collapsed { color: #6e7889; }
.accordion .panel-title a.collapsed:hover { opacity: 0.7; }
.accordion .panel-title a.collapsed:hover .plus-minus { opacity: 0.4; }
.accordion .panel-title a.collapsed .plus-minus { opacity: 0.7; }
.accordion .panel-title a.collapsed .plus-minus span:before { transform: rotate(-180deg); }
.accordion .panel-title a.collapsed .plus-minus span:after { transform: rotate(0deg); }
.accordion .panel-title a:hover { opacity: 1; }
.accordion .panel-title a:hover .plus-minus { opacity: 1; }
.accordion .panel-body { padding-right: 0; padding-left: 0; padding-bottom: 30px; }
.accordion .plus-minus { opacity: 0.8; cursor: pointer; transition: opacity 350ms; display: block; position: absolute; right: 0; top: 50%; height: 18px; width: 18px; margin-top: -9px; }
.accordion .plus-minus span { position: relative; height: 100%; display: block; }
.accordion .plus-minus span:before, .accordion .plus-minus span:after { content: ""; position: absolute; background: #666; transition: transform 100ms; }
.accordion .plus-minus span:before { height: 2px; width: 100%; left: 0; top: 50%; margin-top: -1px; transform: rotate(180deg); }
.accordion .plus-minus span:after { height: 100%; width: 2px; top: 0; left: 50%; margin-left: -1px; transform: rotate(90deg); }
.accordion .plus-minus:hover { opacity: 0.3; }
.accordion.filled .panel:last-child { border-bottom: 0; }
.accordion.filled .panel-title { background-color: #f5f5f5; }
.accordion.filled .panel-title a { background: #ececec; padding-left: 20px; color: #000000; }
.accordion.filled .panel-title a.collapsed { background-color: transparent; color: #6e7889; }
.accordion.filled .panel-title a.collapsed:hover { opacity: 0.7; }
.accordion.filled .panel-body { padding-right: 20px; padding-left: 20px; padding-bottom: 20px; }
.accordion.filled .plus-minus { right: 20px; }

.panel-group:last-child { margin-bottom: 0; }

.carousel { height: 100%; }
.carousel .stky-banner { position: absolute; top: 0; }
.carousel .carousel-inner, .carousel .item, .carousel .active { height: 100%; }

.position { position: static; }

.img-wrapper { position: absolute; bottom: 0px; max-width: 520px; }

.contact-list { margin-top: 30px; }
.contact-list:first-child { margin-top: 0; }
.contact-list li { margin-bottom: 20px; padding-bottom: 0; }
.contact-list li:last-child { margin-bottom: 0px; }
.contact-list li .fa { color: #000000; font-size: 24px; display: block; width: 30px; float: left; }
.contact-list li span { margin-left: 40px; display: block; line-height: 1.4; }

.icon-box { width: 48px; height: 48px; display: inline-block; vertical-align: middle; color: #000000; transition: all 0.4s; text-align: center; font-size: 1.25em; line-height: 46px; margin: 2px 0; border: 1px solid transparent; position: relative; }
.light .icon-box, .box-s3 .icon-box, .box-s4 .icon-box { color: #fff; }
.icon-box.left { text-align: left; }
.icon-box.size-md { width: 60px; height: 60px; font-size: 1.75em; line-height: 58px; }
.icon-box.size-sm { width: 24px; height: 24px; font-size: 14px; line-height: 22px; }
.icon-box.size-sm span.icon { transform: scale(0.5) translate(-14px, -6px); }
.icon-box.size-lg { width: 90px; height: 90px; font-size: 2.5em; line-height: 88px; }
.icon-box.size-lg.sqaure, .icon-box.size-lg.round, .icon-box.size-lg.circle { border-width: 2px; }
.icon-box.size-xl { width: 120px; height: 120px; font-size: 3em; line-height: 118px; }
.icon-box.size-xl.sqaure, .icon-box.size-xl.round, .icon-box.size-xl.circle { border-width: 2px; }
.icon-box.sqaure, .icon-box.round, .icon-box.circle { border-color: #000000; }
.light .icon-box.sqaure, .box-s3 .icon-box.sqaure, .box-s4 .icon-box.sqaure, .light .icon-box.round, .box-s3 .icon-box.round, .box-s4 .icon-box.round, .light .icon-box.circle, .box-s3 .icon-box.circle, .box-s4 .icon-box.circle { border-color: #fff; }
.icon-box.round { -ms-border-radius: 6px; border-radius: 6px; }
.icon-box.circle { -ms-border-radius: 50%; border-radius: 50%; }
.icon-box.icon-bg { background-color: #000000; color: #fff; }
.icon-box.icon-bg-alt { background-color: #071827; color: #fff; }
.icon-box.light, .icon-box.box-s3, .icon-box.box-s4 { color: #fff; }
.icon-box.light.sqaure, .icon-box.sqaure.box-s3, .icon-box.sqaure.box-s4, .icon-box.light.round, .icon-box.round.box-s3, .icon-box.round.box-s4, .icon-box.light.circle, .icon-box.circle.box-s3, .icon-box.circle.box-s4 { border-color: #fff; }
.icon-box.light.icon-bg, .icon-box.icon-bg.box-s3, .icon-box.icon-bg.box-s4 { background-color: #fff; color: #000000; }
.icon-box + h4, .icon-box + h3 { margin-top: 20px; }
.icon-box span.icon { vertical-align: middle; margin-top: -5px; }
.icon-box.style-s1, .icon-box.style-s2 { -ms-border-radius: 50%; border-radius: 50%; background-color: #000000; color: #fff; }
.icon-box.style-s2 { background-color: #071827; }
.icon-box.style-s2.sqaure, .icon-box.style-s2.round, .icon-box.style-s2.circle { border-color: #071827; }
.icon-box.style-s3, .icon-box.style-s4 { -ms-border-radius: 6px; border-radius: 6px; border-color: #000000; color: #000000; }
.icon-box.style-s3.circle, .icon-box.style-s4.circle { -ms-border-radius: 50%; border-radius: 50%; }
.icon-box.style-s4 { -ms-border-radius: 6px; border-radius: 6px; border-color: #071827; color: #071827; }
.icon-box .icon-in { background: #071827; color: #fff; border: 2px solid #fff; position: absolute; right: 16px; bottom: 16px; padding: 0; text-align: center; border-radius: 50%; height: 36px; width: 36px; line-height: 32px; font-size: 16px; vertical-align: middle; }
.icon-box.style-s4 .icon-in { background: #000000; }
.icon-box:not(.size-xl) .icon-in { right: 12px; bottom: 12px; height: 24px; width: 24px; line-height: 20px; font-size: 12px; }

/* v110 */
.owl-dots { text-align: center; margin-top: 20px; }
.owl-dots .owl-dot { height: 10px; width: 10px; border-radius: 50%; border: 1px solid #000000; display: inline-block; margin: 0 5px; }
.light .owl-dots .owl-dot, .box-s3 .owl-dots .owl-dot, .box-s4 .owl-dots .owl-dot { border-color: #fff; }
.owl-dots .owl-dot.active { background: #000000; }
.light .owl-dots .owl-dot.active, .box-s3 .owl-dots .owl-dot.active, .box-s4 .owl-dots .owl-dot.active { background: #fff; }

.owl-nav .owl-prev, .owl-nav .owl-next { position: absolute; transform: translateY(-50%); top: 50%; border-radius: 50%; height: 44px; width: 44px; text-indent: -999em; text-align: left; opacity: 1; background-repeat: no-repeat; background-position: 50% 50%; background-size: 12px auto; }
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover { opacity: 0.8; background-color: rgba(0, 0, 0, 0.15); }
.owl-nav .owl-prev > .fa, .owl-nav .owl-next > .fa { display: none; }
.owl-nav .owl-next { right: -50px; background-image: url(../image/arrow-next-g.png); }
.light .owl-nav .owl-next, .box-s3 .owl-nav .owl-next, .box-s4 .owl-nav .owl-next, .container-fluid .owl-nav .owl-next { background-image: url(../image/arrow-next-w.png); }
.container-fluid .owl-nav .owl-next { right: 10px; }
.owl-nav .owl-prev { left: -50px; background-image: url(../image/arrow-prev-g.png); }
.light .owl-nav .owl-prev, .box-s3 .owl-nav .owl-prev, .box-s4 .owl-nav .owl-prev, .container-fluid .owl-nav .owl-prev { background-image: url(../image/arrow-prev-w.png); }
.container-fluid .owl-nav .owl-prev { left: 10px; }

/* ========================================================================== 3.0 Header/Navbar ========================================================================== */
.site-header { z-index: 20; position: relative; }
.site-header .navbar { border-radius: 0; border: 0 none; min-width: 300px; padding: 12px 0; color: #5c5c5c; background: #fff; margin: 0; }
.site-header .navbar-brand { height: auto; padding: 0; }
.site-header .navbar-brand img { width: auto; max-width: 100%; max-height: 100px; }
.site-header .navbar-header .quote-btn { display: none; }
.site-header .navbar-collapse { padding: 0; background-color: transparent; color: #333; border-top: 0 none; }
.site-header .logo-light { display: none; }
.site-header .quote-btn { padding: 0; display: inline-block; }
.site-header .quote-btn .btn { padding: 6px 25px; font-size: 12px; line-height: 24px; font-weight: 700; text-transform: none; border: 0 none; color: #fff; background-color: #071827; margin: 0; vertical-align: middle; }
.site-header .quote-btn .btn:hover { color: #fff; background-color: #071827; }

.topbar { padding: 6px 0; color: #5c5c5c; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.06); font-size: 13px; line-height: 1; }
.topbar .top-aside { line-height: 30px; }
.topbar .top-aside > p { margin: 0 10px 0 0; }
.topbar .top-aside > * { float: left; }
.topbar .top-left { float: left; max-width: 44%; }
.topbar .top-right { float: right; max-width: 55%; }
.topbar .top-contact .fa { border: 0 none; width: auto; height: auto; line-height: 27px; }
.topbar .top-contact span { font-size: 1.1em; line-height: 30px; }
.topbar .top-nav li a { line-height: 30px; padding-top: 0; padding-bottom: 0; transition: color .3s; }
.topbar .quote-btn .btn { padding: 3px 15px; vertical-align: top; }
.topbar .social:not(:last-child) { margin-right: 25px; }
.topbar .social li { vertical-align: middle; }
.topbar .social li a { line-height: 30px; font-size: 16px; color: #000000; }
.topbar.style-dark { background: #071827; color: #fff; }
.topbar.style-dark .top-nav a:hover, .topbar.style-dark .top-nav a:focus, .topbar.style-dark .top-contact a:hover, .topbar.style-dark .top-contact a:focus { color: currentColor; text-decoration: underline; }
.topbar.style-dark .social li a { color: currentColor; }
.topbar.style-dark .social li a:hover, .topbar.style-dark .social li a:focus { color: #71110b; }
.topbar.style-dark .top-contact .fa { color: currentColor; }

.top-nav { margin: 0; padding: 0; list-style: none; }
.top-nav li { display: inline-block; vertical-align: middle; }
.top-nav li:first-child { margin-left: -10px; }
.top-nav a { padding: 6px 10px; color: inherit; font-size: 13px; line-height: 24px; }
.top-nav a:hover, .top-nav a:focus { color: #000000; }

.top-contact { margin: 0; list-style: none; font-size: 13px; line-height: 30px; color: inherit; }
.top-contact .fa { height: 30px; width: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: transparent; border: 1px solid #000000; color: #000000; font-size: 18px; margin-right: 5px; vertical-align: middle; }
.top-contact span { font-size: 1.25em; font-weight: 400; }
.top-contact li { margin-left: 25px; float: left; line-height: 1; }
.top-contact li:first-child { margin-left: 0; }
.top-contact a { color: inherit; }
.top-contact a:hover { color: #000000; }

.header-top { margin-top: 10px; margin-right: -15px; float: right; }
.header-top > * { float: left; margin-left: 25px; }
.header-top > *:first-child { margin-left: 0; }
.header-top .top-contact { line-height: 40px; }
.header-top .top-contact .fa { height: 40px; width: 40px; line-height: 38px; }
.header-top .top-contact span { vertical-align: middle; }
.header-top .quote-btn .btn { padding: 12px 22px; margin-top: -4px; }
.header-top .social li a { line-height: 40px; font-size: 16px; color: #000000; }
.header-top .social.social-s2 li:not(:first-child) { margin-left: 4px; }
.header-top .social.social-s2 li a { display: inline-block; height: 40px; width: 40px; line-height: 38px; text-align: center; border-radius: 50%; background: #000000; border: 1px solid #000000; color: #fff; font-size: 16px; vertical-align: middle; }
.header-top .social.social-s2 li a:hover { opacity: .5; }

.navbar-nav { width: 100%; }
.navbar-nav > li > a { background: transparent; text-transform: none; color: inherit; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 18px; line-height: 20px; padding: 14px 12px; transition: background 350ms, color 350ms, border-color 350ms; }
.navbar-nav > li.active > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #000000; background: transparent; }
.navbar-nav > li > .dropdown-menu .dropdown-menu { top: 0; margin-top: 0; }
.navbar-nav > li.rollover > .dropdown-menu, .navbar-nav > li.nav-opened > .dropdown-menu, .navbar-nav > li:hover > .dropdown-menu { top: 100%; margin-top: 0; opacity: 1; visibility: visible; }
.navbar-nav > li.quote-btn { margin-left: 18px; float: right; }
.navbar-nav > li.quote-btn .btn { padding: 12px 24px; font-size: 13px; font-weight: 600; letter-spacing: 1px; border: 0 none; }
.navbar-nav > li.has-children > a:after { color: currentColor; content: "\f107"; display: inline-block; opacity: .5; width: 9px; text-align: center; margin-left: 2px; font-size: 12px; line-height: .9; font-family: "FontAwesome"; transition: transform .4s; }
.navbar-nav .dropdown-menu { background: #000000; border: 0px; border-radius: 0; padding: 0px; left: 0; top: -999em; display: block; opacity: 0; width: 240px; visibility: hidden; transition: opacity .3s, visibility .4s; }
.navbar-nav .dropdown-menu .dropdown-menu { left: 240px; opacity: 0; }
.navbar-nav .dropdown-menu li { position: relative; }
.navbar-nav .dropdown-menu li a { padding: 9px 25px 9px 15px; color: #fff; text-transform: inherit; }
.navbar-nav .dropdown-menu li.rollover .dropdown-menu, .navbar-nav .dropdown-menu li.nav-opened .dropdown-menu, .navbar-nav .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; height: auto; z-index: 1001; }
.navbar-nav .dropdown-menu li.dropdown > a:after { content: "\f105"; display: block; position: absolute; top: 50%; right: 8px; opacity: .5; margin-top: -7px; height: 14px; width: 12px; text-align: center; font-size: 13px; line-height: 14px; font-family: "FontAwesome"; transition: transform .4s; }
.navbar-nav .dropdown-menu.active > a, .navbar-nav .dropdown-menu li > a:hover, .navbar-nav .dropdown-menu li > a:focus { color: #fff; background-color: #071827; }
.navbar-nav .dropdown-menu > .active > a, .navbar-nav .dropdown-menu > .active > a:focus, .navbar-nav .dropdown-menu > .active > a:hover { color: #fff; background-color: #071827; }
.navbar-nav ul li.active > a, .navbar-nav ul li.active > a:focus .navbar-nav ul li.active > a:hover, .navbar-nav ul li.rollover > a { color: #fff; }
.navbar-nav ul li.active > a, .navbar-nav ul li.rollover > a { background: #071827; }
.navbar-nav .label { margin-top: -2px; vertical-align: middle; display: inline-block; font-family: "Roboto", sans-serif; margin-left: 3px; font-weight: 400; }
.navbar-nav .caret { margin-top: 0; vertical-align: middle; transform: translateY(-50%); }
.navbar-nav b.caret { display: none; }
.navbar-nav .megamenu { position: static; }
.navbar-nav .megamenu ul li a { display: block; padding: 4px 8px 4px 12px; }
.navbar-nav .megamenu .dropdown-menu { width: 100%; }
.navbar-nav .megamenu .megamenu-container { padding: 25px 15px; }
.navbar-nav .megamenu .megamenu-header { font-weight: bold; text-transform: none; font-size: 1.05em; color: #fff; padding: 4px 8px 4px 12px; }
.navbar-nav .megamenu .mega-text-block { padding: 35px 25px; color: #fff; }
.navbar-nav .megamenu .mega-text-block > * { color: #fff; }
.navbar-nav .megamenu .mega-text-block h3:not(:last-child), .navbar-nav .megamenu .mega-text-block h4:not(:last-child) { margin-bottom: 8px; }
.navbar-nav .megamenu .mega-text-block .btn { width: auto; display: inline-block; text-transform: none; padding: 9px 16px; border-color: #fff; background: transparent; color: #fff; }
.navbar-nav .megamenu .mega-text-block .btn:hover { background: #fff; color: #071827; }
.navbar-nav .megamenu-short { position: relative; }
.navbar-nav .megamenu-short .dropdown-menu { width: 480px; }
.navbar-nav .imagebg { position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; -ms-border-radius: 0; border-radius: 0; background-position: 50% 0; }
.navbar-nav .dropdown-menu .has-bg-image { position: static; }
.navbar-nav .pos-fixed { position: absolute; background: #071827; top: 0; bottom: 0; overflow: hidden; }
.navbar-nav .pos-fixed:first-child { left: 0; }
.navbar-nav .pos-fixed:first-child + div { float: right; }
.navbar-nav .pos-fixed:last-child { right: 0; }
.navbar-nav .pos-fixed > ul { position: static; }

.header-s1 .navbar { padding: 0; }
.header-s1 .navbar-nav > li > a { padding-top: 30px; padding-bottom: 30px; }
.header-s1 .navbar-nav > li.quote-btn { margin-top: 16px; }
.header-s1 .navbar .container { position: relative; }
.header-s1 .navbar-brand { margin-top: 10px; margin-bottom: 10px; }
.header-s1 .navbar-collapse { margin-right: -15px; float: right; width: auto; }
.header-s1.is-transparent { color: #fff; }
.header-s1.is-transparent:before { position: absolute; content: ''; display: block; top: -200px; left: 0; right: 0; height: 350px; opacity: .7; background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%); }
.header-s1.is-transparent .topbar, .header-s1.is-transparent .navbar { background: transparent; position: absolute; width: 100%; z-index: 9; color: #fff; }
.header-s1.is-transparent .topbar + .navbar { margin-top: 43px; }
.header-s1.is-transparent .topbar { border-color: rgba(255, 255, 255, 0); }
.header-s1.is-transparent .topbar a:not(.btn):hover { color: #fff; opacity: .5; }
.header-s1.is-transparent .navbar-nav > li > a:not(.btn):before { content: ""; position: absolute; left: 12px; bottom: 25px; width: 18px; height: 2px; background-color: #fff; opacity: 0; transition: all .4s; }
.header-s1.is-transparent .navbar-nav > li.active > a:before, .header-s1.is-transparent .navbar-nav > li > a:hover:before { opacity: 1; }
.header-s1.is-transparent .navbar-nav > li.active > a, .header-s1.is-transparent .navbar-nav > li > a:hover, .header-s1.is-transparent .navbar-nav > li > a:focus { color: #fff; }
.header-s1.is-transparent .navbar-collapse, .header-s1.is-transparent .top-contact .fa { color: #fff; }
.header-s1.is-transparent .navbar-brand .logo-light { display: block; }
.header-s1.is-transparent .navbar-brand .logo-dark { display: none; }
.header-s1.is-transparent.has-fixed .topbar + .navbar { margin-top: 0; }
.header-s1.is-transparent.has-fixed .navbar { background: #fff; color: #333; transition: background .4s; }
.header-s1.is-transparent.has-fixed .navbar-nav > li.active > a, .header-s1.is-transparent.has-fixed .navbar-nav > li > a:hover, .header-s1.is-transparent.has-fixed .navbar-nav > li > a:focus { color: #000000; }
.header-s1.is-transparent.has-fixed .navbar-nav > li.quote-btn .btn { color: #fff; }
.header-s1.is-transparent.has-fixed .navbar-nav > li > a .navbar-nav > li > a:not(.btn)::after { background-color: #000000; }
.header-s1.is-transparent.has-fixed .navbar-collapse { color: #333; }
.header-s1.is-transparent.has-fixed .banner { margin-top: 0; }
.header-s1.is-transparent.has-fixed .navbar-brand .logo-light { display: none; }
.header-s1.is-transparent.has-fixed .navbar-brand .logo-dark { display: block; }
.header-s1.has-fixed .navbar { position: fixed; width: 100%; z-index: 9; top: 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07); }
.header-s1.has-fixed .banner { margin-top: 80px; }

.header-s2 .navbar, .header-s3 .navbar { padding-bottom: 0; }
.header-s2 .navbar > .container, .header-s3 .navbar > .container { padding: 0; }
.header-s2 .navbar > .container .navbar-brand, .header-s3 .navbar > .container .navbar-brand { margin-left: 0; }
.header-s2 .navbar > .container .header-top, .header-s3 .navbar > .container .header-top { margin-right: 0; }
.header-s2 .navbar-collapse, .header-s3 .navbar-collapse { width: 100%; float: left; clear: left; margin: 12px 0 0; background: #000000; color: #fff; }
.header-s2 .navbar-collapse > ul.nav, .header-s3 .navbar-collapse > ul.nav { position: relative; z-index: 2; }
.header-s2 .navbar-nav > li.quote-btn .btn, .header-s3 .navbar-nav > li.quote-btn .btn { padding: 16px 24px; border-radius: 0; }
.header-s2 .navbar-nav > li.quote-btn .btn:hover, .header-s3 .navbar-nav > li.quote-btn .btn:hover { background: #071827; color: #fff; }
.header-s2 .navbar-nav > li.active > a, .header-s2 .navbar-nav > li > a:hover, .header-s2 .navbar-nav > li > a:focus, .header-s2 .dropdown-menu > .active > a, .header-s2 .dropdown-menu > .active > a:focus, .header-s2 .dropdown-menu > .active > a:hover, .header-s3 .navbar-nav > li.active > a, .header-s3 .navbar-nav > li > a:hover, .header-s3 .navbar-nav > li > a:focus, .header-s3 .dropdown-menu > .active > a, .header-s3 .dropdown-menu > .active > a:focus, .header-s3 .dropdown-menu > .active > a:hover { color: #fff; background: #071827; }
.header-s2 .top-nav li a, .header-s3 .top-nav li a { font-size: 12px; line-height: 40px; text-transform: none; }

.header-s2 { border-top: 3px solid #000000; }
.header-s2.has-fixed .navbar-brand, .header-s2.has-fixed .header-top { display: none; }
.header-s2.has-fixed .navbar { position: fixed; top: -24px; width: 100%; z-index: 9; }
.header-s2.has-fixed .banner { margin-top: 136px; }
.header-s2 .navbar-nav > li > a { padding: 18px 24px; }
.header-s2 .navbar-collapse:after { content: ""; display: block; position: absolute; background: #000000; left: 0; right: 0; height: 56px; width: 100%; z-index: 0; }

.header-s3.has-fixed .navbar-brand, .header-s3.has-fixed .header-top { display: none; }
.header-s3.has-fixed .navbar { position: fixed; top: -24px; width: 100%; z-index: 9; background: transparent; }
.header-s3.has-fixed .banner { margin-top: 122px; }
.header-s3 .navbar-collapse { position: relative; z-index: 5; }
.header-s3 .banner { margin-top: -28px; }
.header-s3 .navbar-nav > li > a { padding: 18px 20px; }

/* ========================================================================== 4.0 Banner/Slider ========================================================================== */
.banner-text { color: #6e7889; position: relative; padding-top: 67.5px; padding-bottom: 67.5px; z-index: 1; font-size: 15px; }
.banner-text.wide-md { max-width: 580px; }
.banner-text.wide-sm { max-width: 420px; }
.banner-text.wide-lg { max-width: 720px; }
.banner-text.pos-center { margin: 0 auto; }
.banner-text.pos-left { float: left; }
.banner-text.pos-right { float: right; }
.banner-text.al-center:not(.pos-center), .banner-text.center:not(.pos-center) { margin: 0 auto; }
.banner-text.light, .banner-text.box-s3, .banner-text.box-s4 { color: #fff; }
.banner-text.dark { color: #2a2e34; }
.banner-text h1, .banner-text h2 { color: inherit; font-size: 2.25em; }
.banner-text h1 strong, .banner-text h2 strong { color: #000000; }
.banner-text [class*="heading-"] { color: inherit; }
.banner-text .with-line:after { background-color: #fff; }
.banner-text.dark .with-line:after { background-color: #6e7889; }
.banner-text .animated { animation-delay: 350ms; animation-duration: 1s; }
.banner-text .banner-cta:not(:first-child) { margin-top: 25px; }
.banner-text .btn { font-weight: 300; letter-spacing: 1px; text-transform: none; }
.banner-text .btn + .btn { margin-left: 15px; }
.banner-text .page-title { color: inherit; font-size: 3em; font-weight: 400; text-transform: none; margin-bottom: 0px; }
.banner-text .page-breadcrumb { margin-top: 10px; font-size: 1em; }
.banner-text .page-breadcrumb a { color: inherit; }
.banner-text .page-breadcrumb span.current, .banner-text .page-breadcrumb a:hover { color: #000000; }

.banner-slider { height: 550px; /* @v120 */ }
.banner-slider .carousel-inner .item { transition-property: opacity; }
.banner-slider .carousel-inner .item, .banner-slider .carousel-inner .active.left, .banner-slider .carousel-inner .active.right { opacity: 0; }
.banner-slider .carousel-inner .active, .banner-slider .carousel-inner .next.left, .banner-slider .carousel-inner .prev.right { opacity: 1; }
.banner-slider .carousel-inner .next, .banner-slider .carousel-inner .prev, .banner-slider .carousel-inner .active.left, .banner-slider .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); }
.banner-slider .banner-content { position: relative; top: 50%; transform: translate(0, -50%); z-index: 5; }
.banner-slider .banner-text { width: 100%; position: relative; font-size: 18px; padding-top: 0; padding-bottom: 0; }
.banner-slider .banner-text:not([class*="wide-"]) { max-width: 600px; }
.banner-slider .banner-boxed { padding: 35px 35px 40px; background: rgba(0, 0, 0, 0.6); }
.banner-slider:hover > .carousel-control { opacity: 1; visibility: visible; }
.banner-slider .fill { width: 100%; height: 100%; background-position: center center; background-size: cover; }
.banner-slider.banner-large { height: 640px; }
.is-transparent .banner-slider.banner-large { height: 720px; }
.banner-slider.banner-large .with-line { margin-bottom: 24px; padding-bottom: 26px; }
.banner-slider.banner-fullscreen { height: 94vh; }
.is-transparent .banner-slider.banner-fullscreen { height: 100vh; }

.banner-intro .container > .content { padding-top: 15px; padding-bottom: 15px; }
.banner-intro .banner-text { font-size: 18px; padding-top: 135px; padding-bottom: 135px; }

.banner-static { background-color: #000; position: relative; text-align: center; width: 100%; padding: 15px 0; min-height: 320px; }
.banner-static .banner-text { color: #fff; padding-top: 0; padding-bottom: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.banner-static.banner-intro { min-height: 550px; }
.banner-static.only-pg-title { min-height: 160px; }
.banner-static.bg-grey, .banner-static.bg-light, .banner-static.box-s2 { background: #efefef; }
.banner-static.bg-grey .banner-text, .banner-static.bg-light .banner-text, .banner-static.box-s2 .banner-text { color: #6e7889; }
.banner-static.bg-grey .light, .banner-static.bg-grey .box-s3, .banner-static.bg-grey .box-s4, .banner-static.bg-light .light, .banner-static.box-s2 .light, .banner-static.bg-light .box-s3, .banner-static.box-s2 .box-s3, .banner-static.bg-light .box-s4, .banner-static.box-s2 .box-s4 { color: #fff; }
.banner-static.bg-grey .dark, .banner-static.bg-light .dark, .banner-static.box-s2 .dark { color: #6e7889; }
.banner-static .imagebg { position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; -ms-border-radius: 0; border-radius: 0; }
.banner-static .has-bg-image { position: static; }

.navbar-fixed-top + .banner-static { padding: 145px 0 15px; }

/* @v120 */
.site-header:not(.is-transparent) .topbar + .navbar + .banner-fullscreen { height: 92vh; }

.banner-text.banner-text-modern { font-size: 24px; font-weight: 300; }
.banner-text.banner-text-modern h1:not(.page-title), .banner-text.banner-text-modern h2:not(.page-title) { font-size: 2.0em; line-height: 1.1; letter-spacing: 0em; }
.banner-text.banner-text-modern .with-line { margin-bottom: 40px; padding-bottom: 42px; }
.banner-text.banner-text-modern:not([class*="wide-"]) { max-width: 880px; }
.banner-slider .banner-text.banner-text-modern:not([class*="wide-"]) { max-width: 880px; }

div[class*="olayer-"] { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #000; }
div[class*="olayer-"].light, div[class*="olayer-"].box-s3, div[class*="olayer-"].box-s4 { background: #fff; }
div[class*="olayer-"].primary { background: #000000; }
div[class*="olayer-"].secondary { background: #071827; }
div[class*="olayer-"].alternet { background: #071827; }

.olayer-01 { opacity: 0.1; }
.olayer-02 { opacity: 0.2; }
.olayer-25 { opacity: 0.25; }
.olayer-03 { opacity: 0.3; }
.olayer-35 { opacity: 0.35; }
.olayer-04 { opacity: 0.4; }
.olayer-45 { opacity: 0.45; }
.olayer-05 { opacity: 0.5; }
.olayer-55 { opacity: 0.55; }
.olayer-06 { opacity: 0.6; }
.olayer-65 { opacity: 0.65; }
.olayer-07 { opacity: 0.7; }
.olayer-75 { opacity: 0.75; }
.olayer-08 { opacity: 0.8; }
.olayer-85 { opacity: 0.85; }
.olayer-09 { opacity: 0.9; }
.olayer-95 { opacity: 0.95; }

/* ========================================================================== 5.0 CTA / Call-Action ========================================================================== */
.call-action { color: #fff; background-color: #000000; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; }
.call-action .cta-block { padding: 45px 0; width: 100%; height: 100%; overflow: hidden; display: table; }
.call-action .cta-block > .cta-sameline { padding: 0; }
.call-action h1, .call-action h2, .call-action h3, .call-action h4 { font-weight: 400; color: inherit; line-height: 1.5; margin: 15px 0; }
.call-action p { margin: 15px 0; }
.call-action h1, .call-action h2 { text-transform: none; }
.call-action a:not(.btn) { color: inherit; text-decoration: underline; }
.call-action a:not(.btn):hover { text-decoration: none; }
.call-action .cta-num { font-size: 1.25em; line-height: 28px; font-weight: 300; }
.call-action .cta-num strong { font-weight: inherit; font-size: 1.7em; display: inline-block; letter-spacing: 1px; padding-left: 5px; }
.call-action .cta-num a:not(.btn) { text-decoration: none; }
.call-action .cta-num a:not(.btn):hover { box-shadow: 0 1px 0 #fff; }
.call-action .btn { min-width: 160px; font-size: 13px; letter-spacing: 1px; text-transform: none; margin-top: 20px; }
.call-action .btn:first-child { margin-top: 0; }
.call-action .btn.btn-light { color: #000000; }
.call-action .btn.btn-light:hover { color: #fff; background-color: #071827; border-color: #071827; }
.call-action .btn.btn-outline:hover { background-color: #fff; }
.call-action.bg-grey { background-color: #f0f0f0; }
.call-action.bg-light, .call-action.box-s2 { background-color: #fbfbfb; border-top: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
.call-action.bg-grey, .call-action.bg-light, .call-action.box-s2 { color: #000000; }
.call-action.bg-grey p, .call-action.bg-light p, .call-action.box-s2 p { color: #6e7889; }
.call-action.bg-primary, .call-action.box-s3 { background-color: #000000; }
.call-action.bg-primary .btn:not(.btn-light), .call-action.box-s3 .btn:not(.btn-light), .call-action:not([class*='bg-']) .btn:not(.btn-light) { color: #fff; background-color: #071827; border-color: #071827; }
.call-action.bg-primary .btn:not(.btn-light):hover, .call-action.box-s3 .btn:not(.btn-light):hover, .call-action.bg-primary .btn:not(.btn-light):focus, .call-action.box-s3 .btn:not(.btn-light):focus, .call-action:not([class*='bg-']) .btn:not(.btn-light):hover, .call-action:not([class*='bg-']) .btn:not(.btn-light):focus { color: #000000; }
.call-action.bg-secondary, .call-action.box-s4 { background-color: #071827; }
.call-action.bg-secondary .btn:not(.btn-light), .call-action.box-s4 .btn:not(.btn-light) { color: #fff; background-color: #000000; border-color: #000000; }
.call-action.bg-secondary .btn:not(.btn-light):hover, .call-action.box-s4 .btn:not(.btn-light):hover, .call-action.bg-secondary .btn:not(.btn-light):focus, .call-action.box-s4 .btn:not(.btn-light):focus { color: #071827; }
.call-action.bg-secondary .btn-light, .call-action.box-s4 .btn-light { color: #071827; }
.call-action.bg-secondary .btn-light:hover, .call-action.box-s4 .btn-light:hover { color: #fff; background-color: #000000; border-color: #000000; }
.call-action.bg-primary .btn:not(.btn-light):hover, .call-action.box-s3 .btn:not(.btn-light):hover, .call-action.bg-primary .btn:not(.btn-light):focus, .call-action.box-s3 .btn:not(.btn-light):focus, .call-action.bg-secondary .btn:not(.btn-light):hover, .call-action.box-s4 .btn:not(.btn-light):hover, .call-action.bg-secondary .btn:not(.btn-light):focus, .call-action.box-s4 .btn:not(.btn-light):focus, .call-action:not([class*='bg-']) .btn:not(.btn-light):hover, .call-action:not([class*='bg-']) .btn:not(.btn-light):focus { background-color: #fff; border-color: #fff; }
.call-action.bg-primary .btn.btn-outline, .call-action.box-s3 .btn.btn-outline, .call-action.bg-secondary .btn.btn-outline, .call-action.box-s4 .btn.btn-outline, .call-action:not([class*='bg-']) .btn.btn-outline { border-color: #fff; color: #fff; background-color: transparent; }
.call-action.has-parallax { background-position: 50% 0; }
.call-action.has-parallax .cta-block { background: rgba(0, 0, 0, 0.0); padding: 135px 0; }
.call-action.has-parallax.bg-primary .cta-block, .call-action.has-parallax.box-s3 .cta-block { background: rgba(24, 99, 171, 0.7); }
.call-action.has-parallax.bg-secondary .cta-block, .call-action.has-parallax.box-s4 .cta-block { background: rgba(237, 75, 65, 0.7); }
.call-action.has-parallax.cta-large .cta-block { padding: 225px 0; }
.call-action.has-parallax.cta-small .cta-block { padding: 90px 0; }
.call-action.has-bg { background-position: 50% 50%; background-repeat: no-repeat; }
.call-action.has-bg:after { display: none; }
.call-action.has-bg .cta-block { background: rgba(0, 0, 0, 0.7); }
.call-action.has-bg.cta-large .cta-block { padding: 225px 0; }
.call-action.has-bg.cta-small .cta-block { padding: 90px 0; }
.call-action.has-bg.bg-primary .cta-block, .call-action.has-bg.box-s3 .cta-block, .call-action.has-parallax.bg-primary .cta-block, .call-action.has-parallax.box-s3 .cta-block { background: rgba(24, 99, 171, 0.7); }
.call-action.has-bg.bg-secondary .cta-block, .call-action.has-bg.box-s4 .cta-block, .call-action.has-parallax.bg-secondary .cta-block, .call-action.has-parallax.box-s4 .cta-block { background: rgba(237, 75, 65, 0.7); }
.call-action.has-bg.bg-light .cta-block, .call-action.has-bg.box-s2 .cta-block, .call-action.has-parallax.bg-light .cta-block, .call-action.has-parallax.box-s2 .cta-block { background: rgba(248, 248, 248, 0.7); }
.call-action.cta-small .cta-block { padding: 30px 0; }
.call-action.cta-large .cta-block { padding: 90px 0; }
.call-action.cta-mini .cta-block { padding: 15px 0; }
.call-action.cta-mini h2, .call-action.cta-mini h3, .call-action.cta-mini h4 { font-size: 1.25em; font-weight: 300; }
.call-action.style-v2 .cta-block { padding: 450px 0 0; }
.call-action.style-v2 .cta-content { padding: 30px 0; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(24, 99, 171, 0.6); }
.call-action.style-v2.bg-secondary .cta-content, .call-action.style-v2.box-s4 .cta-content { background-color: rgba(237, 75, 65, 0.6); }
.call-action.style-v2.bg-dark .cta-content { background-color: rgba(0, 0, 0, 0.6); }
.call-action.style-v2.bg-light .cta-content, .call-action.style-v2.box-s2 .cta-content { background-color: rgba(255, 255, 255, 0.8); }
.call-action .cta-sameline { position: relative; padding-right: 260px; }
.call-action .cta-sameline .content { padding-right: 260px; position: relative; }
.call-action .cta-sameline h1, .call-action .cta-sameline h2, .call-action .cta-sameline h3, .call-action .cta-sameline h4, .call-action .cta-sameline p { margin: 1px 0 3px; }
.call-action .cta-sameline .btn, .call-action .cta-sameline .cta-num { top: 50%; right: 0; margin-top: 0; position: absolute; transform: translate(0, -50%); transform-style: preserve-3d; }

/* ========================================================================== 6.0 Page Content - About, Service, Project etc ========================================================================== */
.timelines { margin-top: 30px; }
.timelines:first-child { margin-top: 0; }

.timeline { padding-left: 120px; position: relative; }
.timeline + .timeline { margin-top: 30px; }
.timeline + .timeline:after { top: -52px; }
.timeline:before, .timeline:after { content: ''; position: absolute; }
.timeline:before { background-color: #000000; -ms-border-radius: 50%; border-radius: 50%; box-shadow: 0 0 0 2px #fff; height: 10px; left: 76px; top: 6px; width: 10px; z-index: 1; }
.timeline:after { background-color: #e4e4e4; bottom: 0; left: 80px; top: 6px; width: 2px; }
.timeline .tl-year { font-size: 1.5em; line-height: 24px; left: 0; margin-bottom: 0; position: absolute; top: 0; font-family: "Roboto", sans-serif; }
.timeline .tl-title { font-size: 1.25em; line-height: 24px; font-family: "Roboto", sans-serif; }

/* ========================================================================== 7.0 Forms Style ========================================================================== */
.form-quote, .form-message, .form-signup, .form-login { margin-top: 30px; }
.form-quote:first-child, .form-message:first-child, .form-signup:first-child, .form-login:first-child { margin-top: 0; }
.form-quote .form-control, .form-message .form-control, .form-signup .form-control, .form-login .form-control { height: 50px; -ms-border-radius: 6px; border-radius: 6px; border: 1px solid #e1e1e1; background-color: #f8f8f8; }
.form-quote .form-control.txtarea, .form-message .form-control.txtarea, .form-signup .form-control.txtarea, .form-login .form-control.txtarea { height: 150px; }
.bg-light .form-quote .form-control, .box-s2 .form-quote .form-control, .bg-light .form-message .form-control, .box-s2 .form-message .form-control, .bg-light .form-signup .form-control, .box-s2 .form-signup .form-control, .bg-light .form-login .form-control, .box-s2 .form-login .form-control { background: #fff; }
.form-quote .form-group, .form-message .form-group, .form-signup .form-group, .form-login .form-group { margin-bottom: 15px; }
.form-quote .form-field > p:first-child, .form-message .form-field > p:first-child, .form-signup .form-field > p:first-child, .form-login .form-field > p:first-child { margin-top: 5px; margin-bottom: 10px; }
.form-quote h3, .form-quote h4, .form-message h3, .form-message h4, .form-signup h3, .form-signup h4, .form-login h3, .form-login h4 { margin-top: 30px; margin-bottom: 10px; }
.form-quote select, .form-message select, .form-signup select, .form-login select { outline: none; width: 100%; height: 50px; background: #f8f8f8; -ms-border-radius: 6px; border-radius: 6px; border: 1px solid #e9e9e9; padding-left: 10px; }
.bg-light .form-quote select, .box-s2 .form-quote select, .bg-light .form-message select, .box-s2 .form-message select, .bg-light .form-signup select, .box-s2 .form-signup select, .bg-light .form-login select, .box-s2 .form-login select { background: #fff; }
.form-quote input[type="checkbox"], .form-quote input[type="radio"], .form-message input[type="checkbox"], .form-message input[type="radio"], .form-signup input[type="checkbox"], .form-signup input[type="radio"], .form-login input[type="checkbox"], .form-login input[type="radio"] { margin-right: 4px; }
.form-quote ul.form-field, .form-message ul.form-field, .form-signup ul.form-field, .form-login ul.form-field { margin-bottom: 5px; }
.form-quote ul.form-field:last-child, .form-message ul.form-field:last-child, .form-signup ul.form-field:last-child, .form-login ul.form-field:last-child { margin-bottom: 0px; }
.form-quote .btn, .form-message .btn, .form-signup .btn, .form-login .btn { text-transform: none; font-weight: 700; letter-spacing: 1px; }

.replyform { margin-top: 30px; }
.replyform:first-child { margin-top: 0; }

.section-quoteform { background: #efefef; position: relative; overflow: hidden; }
.section-quoteform .form-control { background-color: #fff; }

/* ========================================================================== 8.0 Stats ========================================================================== */
.statistics { background-position: center center; background-size: cover; }
.statistics .stat-block { padding: 140px 0; min-height: 400px; background: rgba(0, 0, 0, 0.7); }
.statistics .stat-wrapper { height: 100%; background: #f5f5f5; text-align: center; -ms-border-radius: 6px; border-radius: 6px; }
.statistics .stat-col { border-right: 1px solid #e3e3e3; padding: 40px 0 30px; }
.statistics .stat-col:last-child { border-right: none; }
.statistics .stat-col .stat-top .fa { margin-right: 15px; margin-top: -15px; font-size: 36px; color: #000000; }
.statistics .stat-col .stat-top .counter { font-family: "Poppins", sans-serif; font-weight: 700; font-size: 36px; color: #071827; }

/* ========================================================================== 9.0 Testimonial ========================================================================== */
.quotes { margin-top: 60px; }
.quotes:first-child { margin-top: 0; }
.quotes .quotes-text { padding: 30px 0; font-size: 1em; }
.quotes.quotes-single .quotes-text { font-size: 18px; line-height: 1.875; margin-top: 20px; }
.quotes .profile { position: relative; text-align: center; }
.quotes .profile img { width: 65px; -ms-border-radius: 6px; border-radius: 6px; margin: 0 auto; }
.quotes .profile h5 { font-weight: 700; font-size: 16px; margin-top: 15px; margin-bottom: 5px; }
.quotes .profile h6 { font-weight: 400; font-family: "Roboto", sans-serif; }

.quotes-slider { margin-top: 20px; }
.quotes-slider:first-child { margin-top: 0; }
.quotes-slider:hover .carousel-indicators { opacity: 1; }
.quotes-slider.carousel { padding-bottom: 30px; }
.quotes-slider .carousel-indicators { bottom: 0; margin-top: 0; width: 60%; margin-left: -30%; line-height: 1; opacity: .5; transition: opacity .4s; }
.quotes-slider .carousel-indicators li { display: inline-block; list-style: none; padding-bottom: 0; margin: 0 3px; width: 10px; height: 10px; background-color: #ccc; border: 0px; }
.quotes-slider .carousel-indicators li.active { background-color: #000000; }

.testimonials-list .quotes { border-bottom: 1px solid #eee; padding: 0 0 60px; margin-bottom: 60px; }
.testimonials-list .quotes:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }
.testimonials-list .quotes .quotes-text { padding: 0; }
.testimonials-list .quotes .profile { text-align: left; }

.quotes-v2 { text-align: left; overflow: hidden; }
.quotes-v2 .profile-thumb { float: left; margin: 30px 20px 0 0; }
.quotes-v2 .profile-thumb + .profile { margin-top: 30px; padding-top: 5px; }

.quotes-slider-v2 .quotes-text { margin-bottom: 0; position: relative; border-color: #fff; }
.quotes-slider-v2 .quotes-text:after { border-color: #ffffff transparent transparent; border-style: solid; border-width: 12px 12px 0; bottom: -12px; content: ""; height: 0; left: 25px; position: absolute; width: 0; }

.quotes-flat:not(:first-child) { margin-top: 60px; }
.quotes-flat h4, .quotes-flat h5 { font-size: 1.125em; line-height: 1.75; font-weight: 400; }
.quotes-flat .quotes-text { position: relative; padding: 0; }
.quotes-flat .quotes-text:before { content: "\201C"; display: block; position: absolute; top: 10px; left: -25px; font-family: "serif"; font-size: 220px; line-height: 100px; color: rgba(24, 99, 171, 0.1); z-index: -1; }
.quotes-flat .profile { margin-top: 15px; text-align: left; }
.quotes-flat .profile h4, .quotes-flat .profile h5 { font-weight: 600; }
.quotes-flat .profile > *:first-child { margin-top: 0; padding-top: 0; }

.testimonials.style-v2 { position: relative; }
.testimonials.style-v2:before { content: "\201C"; display: block; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); font-family: "serif"; font-size: 220px; line-height: 100px; color: rgba(24, 99, 171, 0.2); }

h1 + .row-quotes, h2 + .row-quotes { margin-top: 45px; }

.row-quotes > [class*="col-"]:nth-child(odd) { padding-right: 30px; }

.row-quotes > [class*="col-"]:nth-child(even) { padding-left: 30px; }

/* ========================================================================== 10.0 Client Logo ========================================================================== */
.logo-item { background: #fff; -ms-border-radius: 6px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.04); text-align: center; padding: 10px; }
.logo-item img { border: 0 none; border-radius: border-radius(); width: 100%; max-width: 190px; }

.style-v2 .logo-item { background: none; border-color: transparent; }

.logos-lists .row + .row { margin-top: 30px; }
.logos-lists .logo-item img { box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); }
.logos-lists.logos-lists-flat .logo-item { border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.08); border-top: 0; border-left: 0; padding: 10px 0; }
.logos-lists.logos-lists-flat .logo-item img { border-radius: 0; box-shadow: none; border: 0 none; }
.logos-lists.logos-lists-flat .row { margin-right: 0; margin-left: 0; }
.logos-lists.logos-lists-flat .row + .row { margin-top: 0; }
.logos-lists.logos-lists-flat .row:last-child .logo-item { border-bottom-color: transparent; }
.logos-lists.logos-lists-flat .col-sm-3, .logos-lists.logos-lists-flat .col-sm-4, .logos-lists.logos-lists-flat .col-md-3, .logos-lists.logos-lists-flat .col-md-4 { padding: 0; }
.logos-lists.logos-lists-flat .col-sm-3:last-child .logo-item, .logos-lists.logos-lists-flat .col-sm-4:last-child .logo-item, .logos-lists.logos-lists-flat .col-md-3:last-child .logo-item, .logos-lists.logos-lists-flat .col-md-4:last-child .logo-item { border-right-color: transparent; }

.logo-carousel .owl-controls { display: none; }

/* ========================================================================== 11.0 Widgets Style ========================================================================== */
.wgs-box { margin-bottom: 60px; position: relative; overflow: hidden; }
.wgs-box:last-child { margin-bottom: 0; }
.wgs-box:not(.boxed) .boxed { margin-top: 0; background-color: #fff; border: 1px solid #ececec; box-shadow: 0 0 4px rgba(0, 0, 0, 0.02); -ms-border-radius: 6px; border-radius: 6px; padding: 25px; }
.wgs-box .wgs-heading { font-size: 1.5em; font-weight: 500; color: #000000; text-transform: none; }
.wgs-box.boxed { background-color: #fff; border: 1px solid #ececec; box-shadow: 0 0 4px rgba(0, 0, 0, 0.02); -ms-border-radius: 6px; border-radius: 6px; padding: 25px; }
.wgs-box.boxed .wgs-heading { font-size: 1.25em; text-transform: inherit; color: #000000; font-weight: 600; }
.wgs-box h3, .wgs-box h4 { font-size: 1.5em; color: #000000; }
.wgs-box p + p, .wgs-box p + h3, .wgs-box p + h4 { margin-top: 15px; }
.wgs-box ul { list-style: none; margin: 0 0 10px; }
.wgs-box ul:last-child { margin-bottom: 0; }
.wgs-box ul li { padding-bottom: 10px; }
.wgs-box ul li:last-child { padding-bottom: 0; }
.wgs-box ul li ul { margin: 10px 0 0 35px; }
.wgs-box ul li ul li { font-size: 0.875em; padding-left: 0; padding-bottom: 5px; list-style: disc; }
.wgs-box ul li ul li:last-child { padding-bottom: 0; }
.wgs-box ul.contact-list li { padding-bottom: 0; }
.wgs-box ul.tag-list { margin-top: -10px; }
.wgs-box ul.tag-list li { float: left; margin: 10px 10px 0 0; padding: 0; }
.wgs-box ul.tag-list li a { -ms-border-radius: 6px; border-radius: 6px; padding: 10px 20px; font-size: .875em; line-height: 1; color: #071827; border: 1px solid #e9e9e9; display: block; }
.wgs-box ul.tag-list li a:hover { background: #e9e9e9; }
.wgs-box ul.blog-recent li { padding: 15px 0; border-bottom: 1px solid #e9e9e9; overflow: hidden; }
.wgs-box ul.blog-recent li:first-child { padding-top: 0; }
.wgs-box ul.blog-recent li:last-child { padding-bottom: 0px; border-bottom: 0 none; }
.wgs-box ul.blog-recent li img { float: left; max-width: 100px; margin-top: 6px; margin-right: 12px; height: auto; opacity: 1; transition: opacity 350ms; -ms-border-radius: 4px; border-radius: 4px; }
.wgs-box ul.blog-recent li a { display: inline-block; color: #777; }
.wgs-box ul.blog-recent li:hover a { color: #000000; }
.wgs-box ul.blog-recent li:hover img { opacity: 0.5; }
.wgs-box a.btn.btn-full { margin-top: 10px; display: block; }
.wgs-box a.btn .fa { margin-left: 6px; }
.wgs-box.wgs-menus ul li { font-weight: bold; }
.wgs-box.wgs-menus ul li ul li { font-weight: normal; }
.wgs-box.wgs-menus ul.list > li { padding: 12px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.wgs-box.wgs-menus ul.list > li:first-child { padding-top: 0; }
.wgs-box.wgs-menus ul.list > li.list-heading span { text-transform: none; color: #071827; transition: color 0.4s; }
.wgs-box.wgs-menus ul.list > li.list-heading a:hover span, .wgs-box.wgs-menus ul.list > li.list-current a span { color: #000000; }
.wgs-box.wgs-menus ul.list > li.active > a, .wgs-box.wgs-menus ul.list > li.current > a { color: #071827; }
.wgs-box.wgs-menus ul.list-grouped { border: 1px solid rgba(0, 0, 0, 0.08); padding: 0; background-color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.02); overflow: hidden; -ms-border-radius: 6px; border-radius: 6px; }
.wgs-box.wgs-menus ul.list-grouped > li { padding: 0; }
.wgs-box.wgs-menus ul.list-grouped > li a { padding: 12px 25px; display: block; }
.wgs-box.wgs-menus ul.list-grouped > li.list-heading { padding: 0; }
.wgs-box.wgs-menus ul.list-grouped > li.list-heading > a { padding: 0; }
.wgs-box.wgs-menus ul.list-grouped > li.list-heading span { padding: 12px 25px; display: block; background-color: #f8f8f8; }
.wgs-box.wgs-menus ul.list-grouped > li:last-child { border-bottom: 0 none; }
.wgs-box.wgs-menus ul.list-grouped li ul { margin: 0; }
.wgs-box.wgs-menus ul.list-grouped li ul li { padding-bottom: 0; list-style: none; border-top: 1px solid #e9e9e9; }
.wgs-box.wgs-menus ul.list-grouped li ul li.active a, .wgs-box.wgs-menus ul.list-grouped li ul li.current a { color: #071827; }
.wgs-box.wgs-menus ul.list-grouped li ul li a { padding: 9px 25px 8px; display: block; }
.wgs-box.wgs-search .form-group { height: 50px; position: relative; border: 1px solid #e9e9e9; -ms-border-radius: 6px; border-radius: 6px; }
.wgs-box.wgs-search .form-group:last-child { margin-bottom: 0; }
.wgs-box.wgs-search .form-group .form-control { height: 100%; background: #fafafa; font-size: 16px; border: 0px; }
.wgs-box.wgs-search .form-group button.search-btn { position: absolute; right: 0px; height: 100%; top: 0px; background: #eee; width: 50px; color: #000000; border: 0px; border-bottom-right-radius: 6px; border-top-right-radius: 6px; transition: color 0.4s; }
.wgs-box.wgs-search .form-group button.search-btn:hover { color: #071827; }
.wgs-box.wgs-quoteform { background-color: #f8f8f8; padding: 25px; -ms-border-radius: 6px; border-radius: 6px; }
.wgs-box.wgs-quoteform .form-control { background: #fff; }

div[class*="box-s"]:not([class*="pd-x"]) { padding: 25px; }
div[class*="box-s"]:not([class*="round"]) { -ms-border-radius: 6px; border-radius: 6px; }
div[class*="box-s"].mgfix { margin-top: -45px; }
div[class*="box-s"].mgtop { margin-top: 60px; }
div[class*="box-s"].mgtop-md { margin-top: 45px; }
div[class*="box-s"].mgauto { margin-top: 0; }

div[class*="box-flat"] { border: 2px solid rgba(24, 99, 171, 0.1); }
div[class*="box-flat"]:not([class*="pd-x"]) { padding: 25px; }
div[class*="box-flat"]:not([class*="round"]) { -ms-border-radius: 6px; border-radius: 6px; }
div[class*="box-flat"]:not([class*="bg-"]) { background: #fff; }
div[class*="box-flat"] + .box-flat:not([class*="mt-"]) { margin-top: 30px; }
div[class*="box-flat"] hr { border-bottom-color: rgba(24, 99, 171, 0.1); }
div[class*="box-flat"] h3, div[class*="box-flat"] h4 { font-size: 1.375em; font-weight: 400; }
div[class*="box-flat"] h3 + .lead, div[class*="box-flat"] h4 + .lead { font-size: 1.25em; margin-top: -15px; font-weight: 300; font-style: italic; }
div[class*="box-flat"].mgfix { margin-top: -45px; }
div[class*="box-flat"].mgtop { margin-top: 60px; }
div[class*="box-flat"].mgtop-md { margin-top: 45px; }
div[class*="box-flat"].mgauto { margin-top: 0; }
div[class*="box-flat"].box-flat-thin { border-width: 1px; }
div[class*="box-flat"].box-flat-thick { border-width: 5px; }
div[class*="box-flat"].box-flat-thicker { border-width: 8px; }
div[class*="box-flat"].box-flat-alt { border-color: rgba(237, 75, 65, 0.1); }
div[class*="box-flat"].box-flat-alt hr { border-bottom-color: rgba(237, 75, 65, 0.1); }

/* ========================================================================== 12.0 Footer / Copyrights ========================================================================== */
.footer-widget { background: #000000; color: #fff; font-size: 14px; line-height: 1.75; }
.footer-widget a { color: inherit; text-decoration: none; }
.footer-widget a:hover, .footer-widget a:focus { color: #071827; }
.footer-widget .wgs-footer { margin-bottom: 40px; }
.footer-widget .wgs-footer:last-child { margin-bottom: 0; }
.footer-widget .wgs-title { font-size: 16px; font-weight: 700; text-transform: none; margin: 0 0 12px; }
.footer-widget .wgs-title:not([class*="color-"]) { color: #071827; }
.footer-widget .wgs-content ul { list-style: none; margin: 0; }
.footer-widget .wgs-content ul li { padding-bottom: 8px; }
.footer-widget .wgs-content ul li:last-child { padding-bottom: 0; }
.footer-widget .contact-info .fa { float: left; color: #747474; font-size: 24px; margin-top: 5px; }
.footer-widget .contact-info span { margin-left: 40px; display: block; }
.footer-widget .contact-info li:not(:last-child) { padding-bottom: 15px; }
.footer-widget.style-v2 { background: #f9f9f9; border-top: 1px solid rgba(35, 35, 35, 0.06); color: #333333; }
.footer-widget .wgs-menu .menu li { padding-left: 12px; position: relative; }
.footer-widget .wgs-menu .menu li a:before { font-family: 'FontAwesome'; content: "\f105"; position: absolute; left: 0; margin-top: 3px; line-height: 16px; font-size: 16px; color: #071827; display: inline-block; transition: left .3s; }
.footer-widget .wgs-menu .menu li:hover a:before { left: 3px; }

.copyright { background: #071827; color: #fff; font-size: 13px; line-height: 1.4; }
.copyright a { color: inherit; text-decoration: none; }
.copyright a:hover, .copyright a:focus { color: #000000; }
.copyright .sep { color: inherit; padding: 0 5px; }
.copyright.style-v2 { background: #fefefe; border-top: 1px solid rgba(12, 12, 12, 0.06); color: #595959; }
.copyright:not([class*="section-pad"]) { padding: 25px 0; }

/* ========================================================================== 13.0 Blog / News ========================================================================== */
.post .post-meta { width: 100%; }
.post .post-meta .pub-date { color: #999; font-size: 12px; text-transform: none; }
.post .post-meta:not(:first-child) { margin-bottom: 15px; }
.post .post-meta li { display: inline-block; font-size: 13px; margin-right: 40px; }
.post .post-meta li:last-child { margin-right: 0px; }
.post .post-meta li a { display: inline; color: #fff; transition: text-decoration 350ms; }
.post .post-meta li a:hover { text-decoration: underline; }
.post .post-meta li .fa { color: #000000; margin-right: 10px; font-size: 16px; }
.post .post-meta li span { color: #fff; }
.post .post-thumbs { position: relative; margin-bottom: 15px; }
.post .post-thumbs:last-child { margin-bottom: 0; }
.post .post-thumbs img { -ms-border-radius: 6px; border-radius: 6px; opacity: 1; transition: opacity .4s; }
.post .post-thumbs a { display: block; }
.post .post-thumbs a:hover img { opacity: 0.7; }
.post .post-thumbs .post-meta { position: absolute; margin: 0; bottom: 0; left: 0; -ms-border-radius: 0; border-radius: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.post .post-entry h2, .post .post-entry h1 { font-size: 1.125em; line-height: 24px; }
.post .post-entry h2 a, .post .post-entry h1 a { color: #000000; }
.post .post-entry h2 a:hover, .post .post-entry h1 a:hover { color: #071827; }
.post .post-entry a.btn { color: #071827; background: none; border: 0 none; padding: 0; margin-top: -20px; text-transform: inherit; letter-spacing: inherit; font-size: .875em; }
.post .post-entry a.btn:hover { color: #000000; }
.post.post-loop { margin-top: 60px; }
.post.post-single .post-entry h2, .post.post-single .post-entry h1 { font-size: 1.875em; }

.post-col2 .post-loop:nth-child(2n+1) { clear: left; }

.blog-posts { list-style: none; padding: 0; margin: 0; }
.blog-posts:first-child, .blog-posts.mgfix { margin-top: -60px; }
.blog-posts.mgno, .blog-posts.nomg { margin-top: 0; }
.blog-posts.blog-post-alter .post-thumbs { float: left; width: 35%; }
.blog-posts.blog-post-alter .post-entry { width: 65%; margin-left: 38%; }
.blog-posts.blog-post-alter .post-entry h2, .blog-posts.blog-post-alter .post-entry h1 { font-size: 1.2em; margin: 5px 0 15px 0; }
.blog-posts.blog-post-alter .post-entry .post-meta { background: transparent; padding: 0px; margin-bottom: 0; }
.blog-posts.blog-post-alter .post-entry .post-meta li { font-size: 13px; }
.blog-posts.blog-post-alter .post-entry .post-meta li span { color: #000; }

.pagination { margin: 30px 0 0 0; vertical-align: middle; }
.pagination:first-child { margin-top: 0; }
.pagination li a { color: #888; transition: .4s; border-color: #eee; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover, .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus { background-color: #eee; border-color: #eee; color: #000000; }

/* ========================================================================== 14.0 FAQs css ========================================================================== */
.faqs-row:first-child { margin-top: -30px; }

.faqs-row.faqs-s1 + .faqs-row { margin-top: 30px; }

.faqs { clear: both; margin-top: 30px; }
.faqs .faq-heading { font-family: "Roboto", sans-serif; font-size: 1.125em; color: #000000; font-weight: 700; }
.faqs.panel-group:last-child { margin-bottom: 0; }

.faqs-s2 .faqs { border: 1px solid rgba(0, 0, 0, 0.08); padding: 30px; -ms-border-radius: 6px; border-radius: 6px; }
.faqs-s2 .faqs .faq-heading { font-size: 1.125em; font-weight: 400; }

.bg-light .faqs-s2 .faqs, .box-s2 .faqs-s2 .faqs, .bg-grey .faqs-s2 .faqs { background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03); border: 0 none; }

/* ========================================================================== 15.0 Feature Box css ========================================================================== */
.feature-row .col-sm-4 .feature h3, .feature-row .col-sm-4 .feature h4, .feature-row .col-md-4 .feature h3, .feature-row .col-md-4 .feature h4 { font-size: 1.155em; }
.feature-row:first-child, .feature-row.mgfix { margin-top: -60px; }
.feature-row.mgno, .feature-row.nomg { margin-top: 0; }
.feature-row.row-overup { position: relative; z-index: 21; margin-top: -120px; }

.feature { margin-top: 60px; overflow: hidden; position: relative; transform-style: preserve-3d; background: transparent; }
.feature .fbox-photo, .feature .fbox-content { margin-top: 20px; }
.feature .fbox-photo:first-child, .feature .fbox-content:first-child { margin-top: 0; }
.feature .fbox-over { position: absolute; bottom: 0; width: 100%; z-index: 2; color: #fff; padding: 25px; transition: all .4s; -ms-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; background: rgba(0, 0, 0, 0.75); }
.feature .fbox-over .title, .feature .fbox-over .fbox-content { margin: 0; -webkit-font-smoothing: antialiased; }
.feature .fbox-over .title + .fbox-content { margin-top: 10px; font-size: 0.875em; }
.feature .fbox-over h3, .feature .fbox-over h4, .feature .fbox-over h5 { color: inherit; }
.feature .fbox-over h3:not([class*="color-"]), .feature .fbox-over h4:not([class*="color-"]), .feature .fbox-over h5:not([class*="color-"]) { color: inherit; }
.feature .fbox-over .btn { background-color: transparent; border-color: #fff; padding: 7px 18px; color: #fff; text-transform: none; }
.feature .fbox-over .btn:hover { background-color: #fff; color: #000000; }
.feature .fbox-over .btn:last-child { margin-bottom: 2px; }
.feature .fbox-photo { -ms-border-radius: 6px; border-radius: 6px; position: relative; overflow: hidden; transform-style: preserve-3d; }
.feature .fbox-photo img { margin: 0; width: 100%; height: auto; border-radius: 0; }
.feature .fbox-photo.imagebg img { display: none; }
.feature .fbox-photo::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0; z-index: 0; transition: opacity 0.5s; }
.feature > a { display: block; }
.feature a:focus > .fbox-photo::after, .feature a:hover > .fbox-photo::after { opacity: 0.5; }
.feature a.more-link { color: #000000; font-size: 12px; text-transform: none; font-weight: 700; text-decoration: no-repeat; }
.feature a.more-link:hover { box-shadow: 0 1px 0 #000000; }
.feature a.btn-link { color: #071827; }
.feature h3, .feature h4 { font-size: 1.125em; font-family: "Poppins", sans-serif; }
.feature h3 a, .feature h4 a { color: #000000; display: block; }
.feature h3 a:hover, .feature h4 a:hover { color: #353a42; }
.feature h3 + .sub-lead, .feature h3 + .lead, .feature h4 + .sub-lead, .feature h4 + .lead { margin-top: -12px; }
.feature h3:not([class*="color-"]), .feature h4:not([class*="color-"]) { color: #000000; }
.feature h3:not([class*="font-w-"]), .feature h4:not([class*="font-w-"]) { font-weight: 600; }
.feature .sub-lead, .feature .lead { font-size: 0.875em; color: #6e7889; font-weight: normal; opacity: .6; }
.feature.bg-secondary .fbox-over, .feature.box-s4 .fbox-over { background: rgba(237, 75, 65, 0.85); }
.feature.bg-secondary .fbox-over .btn:hover, .feature.box-s4 .fbox-over .btn:hover { color: #071827; }
.feature.bg-dark .fbox-over { background: rgba(0, 0, 0, 0.7); }
.feature.bg-dark .fbox-over .btn:hover { color: #6e7889; }

.feature-s1 .feature, .feature-s2 .feature { -ms-border-radius: 6px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.08); padding: 20px; text-align: center; transition: border-color .4s; background-color: #fff; transition: background .4s, color 0.4s, opacity .3s, border-color .4s; }
.feature-s1 .feature .icon-box, .feature-s2 .feature .icon-box { margin-bottom: 30px; font-size: 24px; width: 60px; height: 60px; line-height: 58px; -ms-border-radius: 50%; border-radius: 50%; }
.feature-s1 .feature .icon-box:last-child, .feature-s2 .feature .icon-box:last-child { margin-bottom: 0; }
.feature-s1 [class*="col-"] > a, .feature-s2 [class*="col-"] > a { display: block; color: inherit; }
.feature-s1 [class*="md-3"] .feature, .feature-s1 [class*="sm-3"] .feature, .feature-s2 [class*="md-3"] .feature, .feature-s2 [class*="sm-3"] .feature { padding: 30px 15px; }
.feature-s1 .feature h3, .feature-s1 .feature h4, .feature-s1 .feature h3 a, .feature-s1 .feature h4 a { color: #000000; transition: color .5s; }
.feature-s1 .feature .icon-box { border-color: #000000; color: #000000; }
.feature-s1 .feature:hover { border-color: #000000; }
.feature-s1 .feature:hover .icon-box { color: #fff; background-color: #000000; }
.feature-s1.hover-fill .feature h3, .feature-s1.hover-fill .feature h4, .feature-s1.hover-fill .feature h3 a, .feature-s1.hover-fill .feature h4 a { color: #000000; }
.feature-s1.hover-fill .feature:hover { background-color: #000000; color: #fff; }
.feature-s1.hover-fill .feature:hover .icon-box { background-color: #fff; color: #000000; }
.feature-s1.hover-fill .feature:hover h3, .feature-s1.hover-fill .feature:hover h4, .feature-s1.hover-fill .feature:hover h3 a, .feature-s1.hover-fill .feature:hover h4 a { color: #fff; }
.feature-s2 .feature h3, .feature-s2 .feature h4, .feature-s2 .feature h3 a, .feature-s2 .feature h4 a { color: #071827; transition: color .5s; }
.feature-s2 .feature .icon-box { border-color: #071827; color: #071827; }
.feature-s2 .feature:hover { border-color: #071827; }
.feature-s2 .feature:hover .icon-box { color: #fff; background-color: #071827; }
.feature-s2.hover-fill .feature h3, .feature-s2.hover-fill .feature h4, .feature-s2.hover-fill .feature h3 a, .feature-s2.hover-fill .feature h4 a { color: #071827; }
.feature-s2.hover-fill .feature:hover { background-color: #071827; color: #fff; }
.feature-s2.hover-fill .feature:hover .icon-box { background-color: #fff; color: #000000; }
.feature-s2.hover-fill .feature:hover h3, .feature-s2.hover-fill .feature:hover h4, .feature-s2.hover-fill .feature:hover h3 a, .feature-s2.hover-fill .feature:hover h4 a { color: #fff; }
.feature-s4.boxed-filled, .feature-s5.boxed-filled { margin-left: 0; margin-right: 0; }
.container-fluid .feature-s4.boxed-filled, .container-fluid .feature-s5.boxed-filled { padding-top: 2px; }
.feature-s4.boxed-filled [class*='col-'], .feature-s5.boxed-filled [class*='col-'] { padding: 0 1px; }
.feature-s4.boxed-filled .feature, .feature-s4.boxed-filled .fbox-photo, .feature-s5.boxed-filled .feature, .feature-s5.boxed-filled .fbox-photo { -ms-border-radius: 0px; border-radius: 0px; }
.feature-s4 .feature, .feature-s5 .feature { -ms-border-radius: 6px; border-radius: 6px; overflow: hidden; }
.feature-s4 .feature .fbox-over, .feature-s5 .feature .fbox-over { -ms-border-radius: 0px; border-radius: 0px; }
.feature-s4 .feature .fbox-photo img, .feature-s5 .feature .fbox-photo img { transition: all 1.2s; }
.feature-s4 .feature .fbox-photo:after, .feature-s5 .feature .fbox-photo:after { display: none; }
.feature-s4 .feature:hover .fbox-photo img, .feature-s4 .feature a:focus .fbox-photo img, .feature-s5 .feature:hover .fbox-photo img, .feature-s5 .feature a:focus .fbox-photo img { transform: scale(1.15); }
.feature-s4.off-text .feature .fbox-over, .feature-s5.off-text .feature .fbox-over { transform: translate(0, 100%); bottom: 70px; }
.feature-s4.off-text .feature .fbox-over .fbox-content, .feature-s5.off-text .feature .fbox-over .fbox-content { opacity: 0; transition: opacity .4s; }
.feature-s4.off-text .feature .fbox-photo img, .feature-s5.off-text .feature .fbox-photo img { transform: scale(1.01); }
.feature-s4.off-text .feature:hover .fbox-over, .feature-s4.off-text .feature > a:focus .fbox-over, .feature-s5.off-text .feature:hover .fbox-over, .feature-s5.off-text .feature > a:focus .fbox-over { transform: translate(0, 0); bottom: 0; }
.feature-s4.off-text .feature:hover .fbox-over .fbox-content, .feature-s4.off-text .feature > a:focus .fbox-over .fbox-content, .feature-s5.off-text .feature:hover .fbox-over .fbox-content, .feature-s5.off-text .feature > a:focus .fbox-over .fbox-content { opacity: 1; transition-delay: .1s; }
.feature-s5 .feature { -ms-border-radius: 6px; border-radius: 6px; overflow: hidden; }
.feature-s5 .feature .fbox-over { background: none; }
.feature-s5 .feature .fbox-photo:after { display: block; opacity: 1; content: ""; position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 0; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 75%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 75%); }
.feature-s5 .feature:hover .fbox-photo:after, .feature-s5 .feature:focus .fbox-photo:after { opacity: 1; }
.feature-s5 .feature.bg-dark .fbox-over .btn:hover { color: #6e7889; }
.feature-s5 .feature.bg-primary .fbox-photo:after, .feature-s5 .feature.box-s3 .fbox-photo:after { background: -webkit-linear-gradient(top, rgba(24, 99, 171, 0) 0%, rgba(24, 99, 171, 0.7) 75%); background: linear-gradient(to bottom, rgba(24, 99, 171, 0) 0%, rgba(24, 99, 171, 0.7) 75%); }
.feature-s5 .feature.bg-secondary .fbox-photo:after, .feature-s5 .feature.box-s4 .fbox-photo:after { background: -webkit-linear-gradient(top, rgba(237, 75, 65, 0) 0%, rgba(237, 75, 65, 0.7) 75%); background: linear-gradient(to bottom, rgba(237, 75, 65, 0) 0%, rgba(237, 75, 65, 0.7) 75%); }

.feature-album h3, .feature-album h4 { text-transform: inherit; }

.feature-imagebox { margin: 30px 0; background-color: #fff; color: #6e7889; -ms-border-radius: 6px; border-radius: 6px; padding: 25px 25px 30px; position: relative; }
.feature-imagebox:first-child { margin-top: 0; }
.feature-imagebox:last-child { margin-bottom: 0; }
.feature-imagebox .block { position: relative; z-index: 1; }
.feature-imagebox .imagebg { position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; -ms-border-radius: inherit; border-radius: inherit; }
.feature-imagebox .imagebg.bgloaded { opacity: 0.4; }
.feature-imagebox h3, .feature-imagebox h4 { color: #000000; text-transform: none; }
.feature-imagebox a > .fa { margin-left: 8px; }
.feature-imagebox a.btn + .btn { margin-left: 10px; }
.feature-imagebox.light, .feature-imagebox.box-s3, .feature-imagebox.box-s4 { background-color: #fff; color: #000000; }
.feature-imagebox.dark { background-color: #252525; color: #fff; }
.feature-imagebox.dark *:not(.btn) { color: #fff; }
.feature-imagebox.border { border: 1px solid #ececec; }
.feature-imagebox.border.dark { border: 1px solid #000; }

.feature-project h3, .feature-project h4, .feature-product h3, .feature-product h4 { font-weight: 600; text-transform: inherit; color: #000000; }
.feature-project h3 a, .feature-project h4 a, .feature-product h3 a, .feature-product h4 a { color: #000000; display: block; }
.feature-project h3 a:hover, .feature-project h4 a:hover, .feature-product h3 a:hover, .feature-product h4 a:hover { color: #071827; }

.feature-intro .row + .row { margin-top: 60px; }
.feature-intro a.btn-link { font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: none; display: inline-block; vertical-align: middle; color: #000000; }
.feature-intro h4, .feature-intro h5 { font-weight: 600; font-family: "Roboto", sans-serif; }

.feature-modern { margin-top: 60px; }
.feature-modern [class*="col-"] { padding: 0; }
.feature-modern .title { font-size: 1.5em; text-transform: none; }
.feature-modern .title:not([class*="font-w-"]) { font-weight: 700; }
.feature-modern .fbox-over { background: transparent; bottom: 50%; transform: translate(0, 50%); transition: padding 0.6s cubic-bezier(0.21, 1, 0.33, 1); }
.feature-modern .fbox-photo { -ms-border-radius: 0px; border-radius: 0px; }
.feature-modern .fbox-photo img { transform: scale(1) translateZ(0); transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1); }
.feature-modern .fbox-photo:after { opacity: 0.65; transform: scale(1.01); }
.feature-modern .more-nolink { color: #071827; text-transform: none; letter-spacing: 0.08em; font-size: 12px; display: block; margin-top: 15px; }
.feature-modern .more-nolink:first-child { margin-top: 0; }
.feature-modern .feature { margin: 0; }
.feature-modern .feature > a { position: relative; }
.feature-modern .feature > a:before { position: absolute; content: ""; width: 0; height: 5px; bottom: 0; left: 0; background: #071827; transition: 0.6s cubic-bezier(0.21, 1, 0.33, 1); z-index: 2; }
.feature-modern .feature:hover > a:before, .feature-modern .feature:focus > a:before { width: 100%; }
.feature-modern .feature:hover > a .fbox-photo img, .feature-modern .feature:focus > a .fbox-photo img { transform: scale(1.1) translateZ(0); }
.feature-modern .feature:hover .fbox-over, .feature-modern .feature:focus .fbox-over { padding-top: 60px; }

/* ========================================================================== 16.0 Team Member ========================================================================== */
.heading-section + .team-member-row { margin-top: -60px; }

.team-member-row:first-child, .team-member-row.mgfix { margin-top: -60px; }
.team-member-row.mgno, .team-member-row.nomg { margin-top: 0; }
.team-member-row.mgtop { margin-top: -30px; }

.team-more-btn { text-align: center; }
.team-more-btn:not(:first-child) { margin-top: 60px; }

.teams.teams-alt { background: rgba(0, 0, 0, 0.06); }

.team-member { position: relative; overflow: hidden; margin-top: 60px; }
.team-member .team-photo { position: relative; }
.team-member .team-photo img { margin: 0; width: 100%; height: auto; }
.team-member .team-photo::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0; z-index: 0; -ms-border-radius: 6px; border-radius: 6px; transition: opacity 0.5s; }
.team-member a:hover > .team-photo::after { opacity: 0.5; }
.team-member .team-info { margin-top: 20px; }
.team-member .team-info:first-child { margin-top: 0; }
.team-member .team-info h4, .team-member .team-info .name { color: #000000; }
.team-member .team-info h4 + .sub-title, .team-member .team-info .name + .sub-title { margin-top: -12px; }
.team-member .team-info .sub-title { color: #aaa; margin: 0; }
.team-member .team-info .sub-title + p { margin-top: 10px; }
.team-member .social { margin-top: 10px; opacity: 1; }

.team-profile { margin-top: 60px; overflow: hidden; }
.team-profile:first-child { margin-top: 0; }
.team-profile + .team-profile { padding-top: 15px; }
.team-profile .team-member { margin-top: 0; }
.team-profile .team-member .name { color: #000000; }
.team-profile .team-info { margin-top: 0; padding-left: 30px; }
.team-profile .team-info hr, .team-profile .team-info .hr { margin: 30px 0; }

/* ========================================================================== 17.0 Gallery Style ========================================================================== */
.gallery { display: block; margin-top: -60px; }
.gallery:before, .gallery:after { content: ""; display: table; clear: both; height: 0; }
.gallery:first-child, .gallery.mgfix { margin-top: 0; }
.gallery:not(.with-caption):not(.gallery-filled):not(.mgfix):not(.gallery-folio) { margin-top: -60px; }
.gallery:not(.with-caption):not(.gallery-filled):not(.mgfix):not(.gallery-folio) .photos-list { margin-top: 10px; }
.gallery:not(.with-caption):not(.gallery-filled):not(.mgfix):not(.gallery-folio) .photos-list li { padding-top: 60px; }
.gallery .photos-list { list-style: none; margin-left: -15px; margin-right: -15px; padding: 0; }
.gallery .photos-list li { padding-left: 15px; padding-right: 15px; padding-top: 60px; position: relative; }
.gallery .photos-list.col-x2 li, .gallery .photos-list.col-x3 li, .gallery .photos-list.col-x4 li, .gallery .photos-list.col-x5 li { float: left; width: 50%; }
.gallery .photos-list.col-x3 li { width: 33.333333%; }
.gallery .photos-list.col-x4 li { width: 25%; }
.gallery .photos-list.col-x5 li { width: 20%; }
.gallery .photo { position: relative; -ms-border-radius: 6px; border-radius: 6px; overflow: hidden; display: block; }
.gallery .photo img { width: 100%; height: auto; transition: all 1s; -ms-border-radius: inherit; border-radius: inherit; }
.gallery .photo::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0; z-index: 0; -ms-border-radius: inherit; border-radius: inherit; transition: opacity 0.5s; }
.gallery .photo:hover .photo-item-link, .gallery .photo:focus .photo-item-link { opacity: 1; }
.gallery .photo:hover .photo-item-link .link-block, .gallery .photo:focus .photo-item-link .link-block { transform: translateY(-50%); }
.gallery .photo-caption { margin-top: 20px; font-size: 0.875em; color: #999; line-height: 1; }
.gallery .photo-caption h3, .gallery .photo-caption h4, .gallery .photo-caption h5 { font-size: 1.2em; font-weight: 600; color: #000000; }
.gallery .photo-caption h3 + *, .gallery .photo-caption h4 + *, .gallery .photo-caption h5 + * { margin-top: -10px; font-size: 1em; color: #aaa; font-weight: normal; }
.gallery .photo-caption:first-child { margin-top: 0; }
.gallery .photo-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; opacity: 0; -ms-border-radius: inherit; border-radius: inherit; transition: opacity 0.5s; }
.gallery .photo-link .links { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(40%); transition: all 0.2s; z-index: 1; }
.gallery .photo-link::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0.5; z-index: -1; -ms-border-radius: inherit; border-radius: inherit; }
.gallery .photo-link:hover { opacity: 1; }
.gallery .photo-link:hover .links { transform: translateY(-50%); }
.gallery .photo-link a.btn { background: transparent; border: 1px solid #fff; color: #fff; font-size: 11px; line-height: 20px; font-weight: 700; text-transform: none; padding: 5px 12px; margin: 5px 7px; -ms-border-radius: 6px; border-radius: 6px; }
.gallery .photo-link a.btn:hover { border-color: #000000; background: #000000; color: #fff; }
.gallery .photo-link a:not(.btn) { overflow: hidden; text-indent: -999em; color: #fff; display: inline-block; width: 52px; height: 52px; line-height: 48px; font-size: 1em; -ms-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; margin: 0 10px; z-index: 8; }
.gallery .photo-link a:not(.btn):hover { opacity: 0.6; }
.gallery.gallery-filled { margin-top: 30px; overflow: hidden; }
.gallery.gallery-filled:first-child { margin-top: 0; }
.gallery.gallery-filled .photos-list { margin-left: 0; margin-right: 0; }
.gallery.gallery-filled .photos-list li { padding-left: 0; padding-right: 0; padding-top: 0; }
.gallery.gallery-filled .photo { -ms-border-radius: 0; border-radius: 0; }
.gallery.gallery-filled .photo > img { transform: scale(1.01); }
.gallery.gallery-filled .photo-caption { text-align: center; }
.gallery.with-caption.gallery-filled { margin-bottom: -60px; }
.gallery.with-caption.gallery-filled .photo-caption { padding-bottom: 60px; }
.gallery.with-caption.gallery-filled:last-child { margin-bottom: 0; }
.gallery.gallery-folio:not(.mgfix) { margin-top: -30px; }
.gallery.gallery-folio .photos-list li { padding-top: 30px; }
.gallery.hover-zoom .photo img { transform: scale(1.01); }
.gallery.hover-zoom a:hover > .photo:after { opacity: 0.2; }
.gallery.hover-zoom a:hover > .photo img { transform: scale(1.15); }
.gallery.hover-zoom.gallery-filter .photo:hover > img { transform: scale(1.15); }
.gallery.hover-zoom.gallery-filter .photo:hover .photo-item-link:after { opacity: .4; }
.gallery.hover-fade a:hover > .photo:after { opacity: 0.65; }
.gallery.hover-zoom .photo:hover .photo-item-caption, .gallery.hover-zoom .photo:focus .photo-item-caption, .gallery.hover-fade .photo:hover .photo-item-caption, .gallery.hover-fade .photo:focus .photo-item-caption { opacity: 0; }

.photo-item-caption { position: absolute; left: 0; top: 0; bottom: 0; color: #fff; padding: 20px; width: 100%; transition: opacity .3s; -ms-border-radius: inherit; border-radius: inherit; }
.photo-item-caption:after { content: ""; left: 0; bottom: 0; position: absolute; width: 100%; height: 80px; z-index: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); -ms-border-radius: inherit; border-radius: inherit; }
.photo-item-caption a { color: inherit; }
.photo-item-caption h3, .photo-item-caption h4, .photo-item-caption h5, .photo-item-caption p { font-size: 1.1em; font-weight: 400; color: inherit; margin: 0; }
.photo-item-caption p { font-size: 11px; opacity: .8; font-weight: 300; }
.photo-item-caption .item-cat, .photo-item-caption .item-title { position: absolute; left: 20px; z-index: 3; }
.photo-item-caption .item-cat { top: 20px; letter-spacing: .04em; background: rgba(0, 0, 0, 0.3); padding: 3px 7px; }
.photo-item-caption .item-title { bottom: 20px; }
.photo-item-caption.dark { color: #0D0D0D; }
.photo-item-caption.dark:after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%); }
.photo-item-caption.dark .item-cat { background: rgba(255, 255, 255, 0.3); }
.photo-item-caption.caption-modern .item-title { font-size: 1.5em; text-transform: none; }
.photo-item-caption.caption-modern .item-title:not([class*="font-w-"]) { font-weight: 700; }
.photo-item-caption.caption-modern:after { height: 120px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%); }

.photo-item-link { opacity: 0; transition: .4s; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; }
.photo-item-link .link-block { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(40%); transition: all 0.3s; transform-style: preserve-3d; z-index: 2; }
.photo-item-link:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0.7; z-index: 1; transition: all 0.3s; -ms-border-radius: inherit; border-radius: inherit; }
.photo-item-link a.btn { background: transparent; border: 1px solid #fff; color: #fff; font-size: 11px; line-height: 20px; font-weight: 700; text-transform: none; padding: 5px 12px; margin: 3px 5px; -ms-border-radius: 6px; border-radius: 6px; }
.photo-item-link a.btn:hover, .photo-item-link a.btn:focus { border-color: #000000; background: #000000; color: #fff; outline: none; }
.photo-item-link a:not(.btn) { overflow: hidden; color: #fff; display: inline-block; width: 44px; height: 44px; line-height: 42px; font-size: .875em; -ms-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; margin: 0 5px; z-index: 8; }
.photo-item-link a:not(.btn):hover { background-color: #fff; color: #000000; }

.gallery-lists { width: 100%; margin: 60px 0 45px; text-align: center; position: relative; z-index: 1; }
.gallery-lists:first-child { margin-top: 0; }
.gallery-lists:last-child { margin-bottom: 0; }
.gallery-lists ul { list-style: none; margin: 0; padding: 0; }
.gallery-lists li { background: #ececec; color: #000000; display: inline-block; font-size: 12px; font-weight: bold; line-height: 24px; padding: 10px 20px; text-transform: none; text-align: center; cursor: pointer; margin-right: -2px; position: relative; transition: all 0.3s; }
.gallery-lists li.active, .gallery-lists li:hover { background: #000000; color: #fff; }
.gallery-lists li:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.gallery-lists li:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.gallery-lists.alignl { text-align: left; }
.gallery-lists.alignr { text-align: center; }
.gallery-lists.style-v2 { margin-top: 45px; margin-bottom: 20px; }
.gallery-lists.style-v2 li { padding: 4px 10px; font-weight: 400; font-size: 1em; text-transform: inherit; background: none; }
.gallery-lists.style-v2 li.active, .gallery-lists.style-v2 li:hover { color: #000000; }
.gallery-lists.style-v2 li:not(:last-child):after { content: "/"; display: inline-block; padding-left: 15px; font-weight: 300; font-size: .75em; color: #dedede; }
.gallery-lists.style-v2 li:first-child { padding-left: 0; }
.gallery-lists.style-v2 li:last-child { padding-right: 0; }

.gallery-project .photo-caption h3, .gallery-project .photo-caption h4, .gallery-project .photo-caption h5 { color: #000000; text-transform: none; }

.gallery-showcase { text-align: center; }
.gallery-showcase h3, .gallery-showcase h4 { font-size: 1em; text-transform: none; color: #6e7889; font-weight: 400; margin-top: 15px; font-family: "Roboto", sans-serif; }
.gallery-showcase h3 .label, .gallery-showcase h4 .label { display: inline-block; margin-top: -3px; vertical-align: middle; margin-left: 5px; }
.gallery-showcase .photos-list li { margin-top: 15px; }
.gallery-showcase .photos-list li .photo { overflow: hidden; -ms-border-radius: 6px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.04); box-shadow: 0 10px 45px rgba(0, 0, 0, 0.1); }
.gallery-showcase .photos-list li .photo::after { background-color: #000000; }

.mfp-title { font-size: 13px; color: #fff; }
.mfp-title small { font-size: 11px; opacity: 0.9; }

/* ========================================================================== 18.0 Products Style ========================================================================== */
.product-intro:not(:first-child) { margin-top: 40px; }

/* ========================================================================== 19.0 Responsive Style ========================================================================== */
@media screen and (min-width: 1800px) { .error-page { min-height: 950px; padding-top: 300px; }
  .banner-static { min-height: 420px; }
  .banner-slider.banner-large { height: 780px; }
  .is-transparent .banner-slider.banner-large { height: 860px; } }
@media only screen and (min-width: 1200px) { .is-transparent .banner-slider { height: 625px; }
  .is-transparent .banner-slider .banner-content { padding-top: 80px; }
  .pad-r { padding-right: 60px; }
  .pad-l { padding-left: 60px; }
  .row-vm .col-md-6.pad-r { padding-right: 45px; }
  .row-vm .col-md-6.pad-l { padding-left: 45px; } }
/* v110 */
@media only screen and (max-width: 1280px) { .owl-nav .owl-next { right: 0; }
  .owl-nav .owl-prev { left: 0; }
  .has-carousel.feature-row .owl-nav .owl-next, .has-carousel.gallery-list .owl-nav .owl-next, .gallery-filled .has-carousel .owl-nav .owl-next { background-image: url(../image/arrow-next-w.png); }
  .has-carousel.feature-row .owl-nav .owl-prev, .has-carousel.gallery-list .owl-nav .owl-prev, .gallery-filled .has-carousel .owl-nav .owl-prev { background-image: url(../image/arrow-prev-w.png); } }
@media only screen and (max-width: 1199px) { body { font-size: 15px; }
  .owl-nav .owl-next { right: 0; }
  .owl-nav .owl-prev { left: 0; }
  .navbar-nav > li > a { font-size: 12px; padding-left: 8px; padding-right: 8px; }
  .header-s2 .navbar-nav > li > a { padding-right: 18px; padding-left: 18px; }
  .header-s3 .navbar-nav > li > a { padding-right: 16px; padding-left: 16px; }
  .navbar-nav > li.quote-btn { margin-left: 6px; }
  .navbar-nav > li.quote-btn .btn { padding: 12px 14px; font-size: 12px; }
  .navbar-nav .dropdown-menu { font-size: 13px; }
  .banner-text { font-size: 14px; }
  .banner-text.wide-md { max-width: 460px; }
  .banner-text.wide-lg { max-width: 580px; }
  .banner-slider .banner-text:not([class*="wide-"]) { max-width: 460px; }
  .banner-slider .banner-text.banner-text-modern:not([class*="wide-"]) { max-width: 680px; }
  .banner-intro .banner-text { padding-top: 67.5px; padding-bottom: 67.5px; }
  .banner-slider .banner-text, .banner-intro .banner-text { font-size: 15px; }
  .img-wrapper { max-width: 410px; }
  .footer-widget { font-size: 12px; line-height: 22px; }
  .header-s1.is-transparent .navbar-nav > li > a:not(.btn):before { left: 8px; } }
@media only screen and (min-width: 992px) { .row-column > .col-md-4:nth-child(1n+4), .row-column > .col-md-3:nth-child(1n+5) { margin-top: 60px; }
  .row-column-md > .col-md-4:nth-child(1n+4), .row-column-md > .col-md-3:nth-child(1n+5) { margin-top: 45px; }
  .row-column-sm > .col-md-4:nth-child(1n+4), .row-column-sm > .col-md-3:nth-child(1n+5) { margin-top: 30px; } }
@media only screen and (max-width: 1199px) and (min-width: 992px) { .col-md-3 .feature h3, .col-md-3 .feature h4 { font-size: .875em; }
  .feature-s4 .col-md-3 .feature .fbox-over { padding: 12px; }
  .feature-s4 .col-md-3 .feature .fbox-over p { margin-bottom: 12px; }
  .feature-s4 .col-md-3 .feature .fbox-over .title + .fbox-content { font-size: 11px; line-height: 14px; }
  .feature-s4.off-text .feature .fbox-over, .feature-s5.off-text .feature .fbox-over { bottom: 42px; }
  .pad-r { padding-right: 45px; }
  .pad-l { padding-left: 45px; }
  .row-vm .col-md-6.pad-r { padding-right: 30px; }
  .row-vm .col-md-6.pad-l { padding-left: 30px; }
  .is-transparent .banner-slider .banner-content { padding-top: 100px; }
  .call-action .cta-sameline h3, .call-action .cta-sameline h4 { font-size: 1.25em; } }
@media only screen and (max-width: 991px) { body { font-size: 14px; -webkit-text-size-adjust: 100%; }
  .container { max-width: 720px; }
  .section-pad { padding-top: 67.5px; padding-bottom: 67.5px; }
  .res-m-bttm { margin-bottom: 60px; }
  .res-m-bttm-sm, .form-m-bttm { margin-bottom: 30px; }
  .res-m-bttm-xs { margin-bottom: 10px; }
  .res-m-bttm-lg { margin-bottom: 45px; }
  .al-center-md, .center-md { text-align: center; }
  .al-right-md { text-align: right; }
  .al-left-md { text-align: left; }
  .gaps { height: 20px; }
  .gaps.size-lg { height: 30px; }
  .gaps.size-md { height: 15px; }
  .gaps.size-section { height: 67.5px; }
  .npr { padding-left: 0; }
  .npl { padding-right: 0; }
  .image-on-left .imagebg, .image-on-right .imagebg { width: 40%; }
  .image-on-right .imagebg { left: 60%; }
  .row-vm { display: block; }
  .row-column > [class*='col-md-']:not([class*="col-sm-"]):not([class*="col-xs-"]):not(:first-child) { margin-top: 60px; }
  .row-column > [class*='col-xs-6']:not([class*="col-sm-"]):nth-child(1n+3) { margin-top: 60px; }
  .row-column > .col-md-2.col-sm-4:nth-child(1n+4), .row-column > .col-md-2.col-sm-3:nth-child(1n+5) { margin-top: 60px; }
  .row-column-md > [class*='col-md-']:not([class*="col-sm-"]):not([class*="col-xs-"]):not(:first-child) { margin-top: 45px; }
  .row-column-md > [class*='col-xs-6']:not([class*="col-sm-"]):nth-child(1n+3) { margin-top: 45px; }
  .row-column-md > .col-md-2.col-sm-4:nth-child(1n+4), .row-column-md > .col-md-2.col-sm-3:nth-child(1n+5) { margin-top: 45px; }
  .row-column-sm > [class*='col-md-']:not([class*="col-sm-"]):not([class*="col-xs-"]):not(:first-child) { margin-top: 30px; }
  .row-column-sm > [class*='col-xs-6']:not([class*="col-sm-"]):nth-child(1n+3) { margin-top: 30px; }
  .row-column-sm > .col-md-2.col-sm-4:nth-child(1n+4), .row-column-sm > .col-md-2.col-sm-3:nth-child(1n+5) { margin-top: 30px; }
  .post.post-loop, .feature, .team-profile, .team-member { margin-top: 30px; }
  .feature .fbox-content h3, .feature .fbox-content h4 { margin-bottom: 10px; }
  .feature-row:first-child, .feature-row.mgfix, .blog-posts:first-child, .blog-posts.mgfix, .team-member-row:first-child, .team-member-row.mgfix { margin-top: -30px; }
  .feature-row.row-overup { margin-top: -80px; }
  .team-member-row.mgtop { margin-top: -20px; }
  .team-member-row + a.btn-center { margin-top: 30px; }
  .team-member .team-info { margin-top: 10px; }
  .sidebar-right { margin-top: 60px; }
  .first[class*="col-"].odd { clear: inherit; }
  .site-by, .site-copy { width: 100%; padding-left: 0; padding-right: 0; font-size: 12px; }
  .site-by:not(.center), .site-copy:not(.center) { text-align: left; }
  .site-by { margin-top: 10px; }
  .call-action.has-parallax.cta-large .cta-block { padding: 80px 0; }
  .form-group .form-field + .form-field { margin-top: 15px; }
  .form-group .form-field + ul.form-field { margin-top: 5px; }
  .top-contact span { font-size: 1em; }
  .topbar .top-contact span { font-size: 1em; }
  .header-top { margin-top: 15px; }
  .header-top > * { margin-left: 20px; }
  .header-top > *:first-child { margin-left: 0; }
  .header-top .social.social-s2 li a, .header-top .top-contact .fa { height: 30px; width: 30px; line-height: 28px; font-size: 13px; }
  .header-top .top-contact .fa { font-size: 14px; }
  .header-top .quote-btn .btn { padding: 7px 16px; }
  .site-header .navbar-brand { margin-top: 10px; }
  .site-header .navbar-brand img { max-height: 40px; }
  .header-s2 .navbar-collapse, .header-s3 .navbar-collapse { margin-top: 10px; }
  .header-s2 .navbar, .header-s3 .navbar { padding-top: 0; }
  .banner-text { padding-top: 45px; padding-bottom: 45px; }
  .banner-text .page-title { font-size: 2em; }
  .banner-static { min-height: 220px; }
  .banner-static.banner-intro { min-height: 420px; }
  .banner-slider { height: 420px; }
  .banner-slider .banner-boxed { padding: 25px 25px 30px; }
  .banner-slider .banner-content { padding-top: 15px; }
  .banner-slider .carousel-control { display: none; opacity: 0; }
  .banner-slider.banner-large { height: 480px; }
  .is-transparent .banner-slider.banner-large { height: 540px; }
  .statistics .stat-block { padding: 90px 0; }
  .statistics .stat-wrapper { padding: 20px 0 10px; }
  .statistics .stat-col { border-right: 0px; padding: 20px 0; }
  .post-single .message { margin-top: 0; }
  .post-single .message .message-group > .gaps { height: 10px; }
  .content .list-style li:before { top: 1px; }
  .footer-widget { font-size: 14px; line-height: 24px; }
  .footer-widget .footer-col:nth-child(3) { clear: both; }
  .footer-widget .footer-col .col-md-6:last-child { padding-left: 0; }
  .footer-widget .wgs-content .menu + .menu { margin-top: 10px; }
  .footer-col .col-md-6:last-child { padding-left: 0; }
  .quotes { margin-top: 30px; }
  .quotes:first-child { margin-top: 0; }
  .row-quotes > [class*="col-"] { width: 100%; }
  .row-quotes > [class*="col-"] + [class*="col-"] { margin-top: 60px; }
  .row-quotes > [class*="col-"]:nth-child(odd) { padding-right: 15px; }
  .row-quotes > [class*="col-"]:nth-child(even) { padding-left: 15px; }
  .gallery .photo-caption { font-size: 1em; }
  .gallery:not(.gallery-filled) { margin-top: 30px; }
  .gallery:not(.gallery-filled):first-child, .gallery:not(.gallery-filled).fix-mg { margin-top: 0; }
  .gallery:not(.gallery-filled) .photos-list { margin-left: -5px; margin-right: -5px; }
  .gallery:not(.gallery-filled) .photos-list li { padding-left: 5px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; }
  .gallery:not(.gallery-filled).gallery-folio { margin-top: -15px; }
  .gallery:not(.gallery-filled).gallery-folio .photos-list li { padding-top: 10px; }
  .gallery.with-caption:not(.gallery-filled):not(.gallery-folio) { margin-top: -30px; }
  .gallery:not(.with-caption):not(.gallery-filled) { margin-top: 0; }
  .gallery:not(.with-caption):not(.gallery-filled) .photos-list { margin-top: 30px; }
  .gallery:not(.with-caption):not(.gallery-filled) .photos-list li { padding-top: 0; }
  .contact-list li span { line-height: inherit; }
  .content-section { margin-top: 30px; }
  hr, .hr { margin-top: 30px; margin-bottom: 30px; }
  hr:last-child, .hr:last-child { margin-bottom: 0; }
  hr:first-child, .hr:first-child { margin-top: 0; }
  .logos-lists .row { margin-left: -10px; margin-right: -10px; }
  .logos-lists .row + .row { margin-top: 20px; }
  .logos-lists .col-sm-3, .logos-lists .col-md-3 { width: 25%; padding-left: 10px; padding-right: 10px; float: left; }
  .faqs-s1 .faqs.accordion { margin-top: 10px; }
  .faqs-s1 .faqs.accordion .panel:last-child { margin-bottom: -10px; }
  .faqs-s1 .faqs.accordion .panel:last-child .panel-body { padding-bottom: 10px; }
  .feature-row .even[class*='col-sm-6'], .team-member-row .even[class*='col-sm-6'] { clear: left; }
  .content img.alignright, .content img.alignleft { max-width: 350px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .feature-intro .res-m-bttm.col-sm-6 { margin-bottom: 0; }
  .feature-row .col-sm-6 .feature h3, .feature-row .col-sm-6 .feature h4 { font-size: 1.125em; }
  .row-column > [class*='col-sm-6']:nth-child(1n+3) { margin-top: 60px; }
  .row-column > [class*='col-sm-12']:not(:first-child) { margin-top: 60px; }
  .row-column-md > [class*='col-sm-6']:nth-child(1n+3) { margin-top: 45px; }
  .row-column-md > [class*='col-sm-12']:not(:first-child) { margin-top: 45px; }
  .row-column-sm > [class*='col-sm-6']:nth-child(1n+3) { margin-top: 30px; }
  .row-column-sm > [class*='col-sm-12']:not(:first-child) { margin-top: 30px; }
  [class*="row-column"] > .col-md-2.col-sm-4:nth-child(4), [class*="row-column"] > .col-md-2.col-sm-3:nth-child(5) { clear: left; }
  .navbar-nav > li > a { font-size: 11px; padding: 15px 5px; }
  .header-s2 .navbar-nav > li > a { padding: 16px 8px; }
  .header-s3 .navbar-nav > li > a { padding: 16px 10px; }
  .navbar-nav > li.quote-btn { margin-left: 5px; }
  .navbar-nav > li.quote-btn .btn { padding: 8px 10px; font-size: 11px; }
  .header-s1 .navbar-nav > li > a { padding-top: 20px; padding-bottom: 20px; }
  .header-s1 .navbar-nav > li.quote-btn { margin-top: 10px; }
  .header-s1.is-transparent .navbar-nav > li > a:not(.btn):before { left: 6px; bottom: 18px; }
  .header-s2 .top-nav li a, .header-s3 .top-nav li a { line-height: 30px; font-size: 12px; padding: 5px; }
  .header-s2 .navbar-nav > li.quote-btn .btn, .header-s3 .navbar-nav > li.quote-btn .btn { padding: 14px 12px; font-size: 12px; }
  .header-s3 .banner { margin-top: -26px; }
  .call-action .cta-sameline { padding-right: 180px; }
  .call-action .cta-num { font-size: 1em; }
  .call-action .cta-num strong { font-size: 1.375em; }
  .is-transparent .banner-slider .banner-content { padding-top: 90px; } }
@media only screen and (max-width: 767px) { .container { padding-left: 30px; padding-right: 30px; max-width: 100%; }
  .owl-nav .owl-prev, .owl-nav .owl-next { right: 0; }
  .owl-nav .owl-prev { left: 0; }
  .image-on-left .imagebg, .image-on-right .imagebg { width: 0%; }
  .row-vm { display: block; }
  div[class*="row-column"].mgtop-md, div[class*="row-column"].mgtop { margin-top: 30px; }
  div[class*="row-column"] > [class*='col-'] { width: 100%; }
  div[class*="row-column"] > [class*='col-'].col-xs-6 { width: 50%; }
  div[class*="row-column"] > [class*='col-'].col-xs-6:nth-child(2n+1) { clear: left; }
  .row-column > [class*='col-']:not(.col-xs-6):not(:first-child) { margin-top: 60px; }
  .row-column-md > [class*='col-']:not(.col-xs-6):not(:first-child) { margin-top: 45px; }
  .row-column-sm > [class*='col-']:not(.col-xs-6):not(:first-child) { margin-top: 30px; }
  .row-column > .col-xs-6:nth-child(1n+3) { margin-top: 60px; }
  .row-column-md > .col-xs-6:nth-child(1n+3) { margin-top: 45px; }
  .row-column-sm > .col-xs-6:nth-child(1n+3) { margin-top: 30px; }
  .al-center-sm, .center-sm { text-align: center; }
  .al-right-sm { text-align: right; }
  .al-left-sm { text-align: left; }
  .top-nav li:first-child { margin-left: 0; }
  .top-nav li a { padding: 6px 10px; }
  .topbar .top-nav li a { line-height: 24px; padding: 6px 5px; }
  .top-contact { line-height: 24px; }
  .top-contact li { margin-left: 12px; display: inline-block; float: none; }
  .top-contact li:first-child { margin-left: 0; }
  .topbar .top-contact span { line-height: 24px; }
  .topbar .top-contact .fa { line-height: 22px; }
  .topbar .top-aside { max-width: 100%; margin: 0; width: 100%; float: left; text-align: center; }
  .topbar .top-aside > * { width: 100%; }
  .topbar .top-aside:not(.hidden-xs) + .top-aside { margin-top: 5px; }
  .header-top .top-contact .fa { font-size: 16px; }
  .navbar-toggle { float: left; margin-top: 6px; margin-bottom: 6px; padding: 10px 12px; background-color: #000000; }
  .navbar-toggle .icon-bar { background-color: #fff; }
  .navbar-header { background: #000000; clear: both; width: 100%; padding: 0 15px; }
  .navbar-nav { margin: 0; float: none; padding-bottom: 20px; text-align: left; }
  .navbar-nav li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .navbar-nav li a { padding: 12px 15px; font-size: 14px; font-weight: 600; color: #fff; }
  .navbar-nav li a.btn { min-width: 180px; width: auto; display: inline-block; margin: 6px auto 0; }
  .header-s1 .navbar-nav li a, .header-s2 .navbar-nav li a, .header-s3 .navbar-nav li a { padding-top: 12px; padding-bottom: 12px; }
  .navbar-nav li.quote-btn { float: none; margin: 20px 0 0; display: block; text-align: center; }
  .navbar-nav li.quote-btn .btn { margin: 0 auto; }
  .navbar-nav li.quote-btn:last-child { border-bottom: 0 none; }
  .navbar-nav li .dropdown-menu { position: static; background: none; width: 100%; display: none; opacity: 1 !important; visibility: visible !important; box-shadow: none; text-align: left; float: none; }
  .navbar-nav li .dropdown-menu li { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0 none; }
  .navbar-nav li .dropdown-menu li a { font-size: 13px; color: #fff; font-weight: 400; position: relative; }
  .navbar-nav li .dropdown-menu li a:hover, .navbar-nav li .dropdown-menu li a:focus { background: rgba(0, 0, 0, 0.05); color: #fff; }
  .navbar-nav li.nav-opened { background: rgba(0, 0, 0, 0.08); }
  .navbar-nav li.nav-opened li { border-top-color: rgba(0, 0, 0, 0.07); }
  .navbar-nav li.nav-opened .nav-opened, .navbar-nav li.nav-opened .nav-opened.has-children > a { background: rgba(0, 0, 0, 0.08); }
  .navbar-nav > li.active a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #fff; background: rgba(0, 0, 0, 0.08); }
  .navbar-nav > li.has-children > a::after { margin-left: 8px; transform: rotate(-90deg); }
  .navbar-nav > li.has-children.nav-opened > a::after { transform: rotate(0deg); }
  .navbar-nav ul li.has-children > a::after { top: 22px; margin-right: 10px; }
  .navbar-nav ul li.has-children.nav-opened > a::after { transform: rotate(90deg); }
  .navbar-nav ul li.has-children li a::before { color: #fff; content: "\f105"; display: inline-block; opacity: .5; width: 12px; text-align: center; margin-right: 5px; font-size: 14px; line-height: inherit; font-family: "FontAwesome"; }
  .navbar-nav.is-expanded li ul { display: block; }
  .navbar-nav > li:hover > ul { margin-top: 0; }
  .navbar-nav > li > ul > li { border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .navbar-nav .megamenu .megamenu-container { padding: 0; }
  .navbar-nav .megamenu ul li a { padding: 5px 12px 6px; }
  .navbar-nav .megamenu .megamenu-header { padding: 5px 15px 6px; }
  .navbar-nav .megamenu .dropdown-menu, .navbar-nav .megamenu-short .dropdown-menu { width: 100%; }
  .navbar-nav .pos-fixed { position: static; display: none; }
  .navbar-nav .pos-fixed:first-child + div { float: none; }
  .site-header .navbar-header { float: left; margin: 10px 0 0; }
  .site-header .navbar-header .quote-btn { display: block; float: right; margin: 6px 0; }
  .site-header .navbar-collapse { float: none; text-align: center; }
  .site-header .navbar-collapse li.quote-btn .btn { -ms-border-radius: 4px; border-radius: 4px; }
  .site-header .navbar-collapse li.quote-btn .btn:hover { background-color: #071827; }
  .header-s1 .navbar .container { padding-left: 0; padding-right: 0; }
  .header-s1 .navbar-brand { position: absolute; left: 15px; width: 200px; }
  .header-s1 .navbar-toggle { float: right; margin: 12px 15px 12px 0; }
  .header-s1 .navbar-header { background: none; padding: 0; margin-top: 0; }
  .header-s1 .navbar-header .quote-btn { display: none; }
  .header-s1 .navbar-collapse { margin: 0; background-color: #000000; color: #fff; width: 100%; }
  .header-s1.is-transparent .topbar, .header-s1.is-transparent .navbar { position: static; }
  .header-s1.is-transparent .topbar { color: #5c5c5c; background: #fff; border-color: rgba(0, 0, 0, 0); }
  .header-s1.is-transparent .topbar a:hover:not(.btn) { color: #5c5c5c; }
  .header-s1.is-transparent .topbar + .navbar { margin-top: 0; }
  .header-s1.is-transparent:before { display: none; }
  .header-s1.is-transparent .navbar-brand .logo-light { display: none; }
  .header-s1.is-transparent .navbar-brand .logo-dark { display: block; }
  .header-s1.is-transparent .navbar-nav > li > a:not(.btn):before { display: none; }
  .header-s1.is-transparent .navbar-collapse, .header-s1.is-transparent .top-contact .fa { color: #5c5c5c; }
  .header-s3 .navbar-brand, .header-s2 .navbar-brand { width: 100%; text-align: center; }
  .header-s3 .navbar-brand img, .header-s2 .navbar-brand img { margin: 0 auto; }
  .header-s3 .header-top, .header-s2 .header-top { text-align: center; margin: 10px 0 0; width: 100%; }
  .header-s3 .header-top > *, .header-s2 .header-top > * { float: none; margin: 0 10px; display: inline-block; }
  .header-s3 .header-top .top-nav, .header-s2 .header-top .top-nav { display: block; margin-bottom: 10px; }
  .header-s3 .header-top .top-nav li a, .header-s2 .header-top .top-nav li a { line-height: 24px; font-size: 11px; }
  .header-s3 .header-top .quote-btn, .header-s2 .header-top .quote-btn { display: none; }
  .header-s3 .navbar-toggle, .header-s2 .navbar-toggle { margin-left: -12px; border-color: transparent; }
  .header-s2 .navbar-brand { margin-left: 15px !important; width: auto; max-width: 155px; }
  .header-s2 .header-top { margin: 13px 15px 0 0 !important; float: right; width: 60%; text-align: right; }
  .header-s2 .header-top .top-contact { line-height: 32px; }
  .header-s2 .header-top .top-contact span { font-weight: 600; }
  .header-s2 .header-top .top-nav { display: none; }
  .header-s3 .banner { margin-top: 0; }
  .section-pad { padding-top: 45px; padding-bottom: 45px; }
  .section-pad-lg { padding-top: 67.5px; padding-bottom: 67.5px; }
  .res-s-bttm { margin-bottom: 30px; }
  .res-s-bttm-lg { margin-bottom: 45px; }
  .res-s-bttm-sm { margin-bottom: 15px; }
  .res-s-bttm-xs { margin-bottom: 10px; }
  .gaps.size-lg { height: 45px; }
  .gaps.size-section { height: 60px; }
  .section-pad-lg .gaps.size-section { height: 67.5px; }
  .space-top, .space-bottom, .space-top-sm, .space-bottom-sm, .space-top-md, .space-bottom-md { margin-top: 30px; }
  .tab-custom .tab-content { padding: 25px 15px 30px; }
  .tab-custom .nav-tabs li > a { font-size: 13px; line-height: 18px; }
  .tab-custom.tab-simple .nav-tabs li { margin-right: -2px; }
  .tab-custom.tab-simple .nav-tabs li > a { padding: 12px 10px; font-size: 12px; }
  .accordion .panel-title { font-size: 14px; font-weight: 700; }
  .content .npl + .pad-0 { margin-top: 25px; }
  .pad-xs-0 { padding: 0px; }
  .banner-text { font-size: 12px; }
  .banner-text.wide-md { max-width: 320px; }
  .banner-text.wide-lg { max-width: 420px; }
  .banner-text .btn { padding: 10px 16px; font-size: 12px; letter-spacing: 0; }
  .banner-text .btn + .btn { margin-left: 10px; }
  .banner-static { min-height: 180px; }
  .banner-static.banner-intro { min-height: 320px; }
  .banner-slider { height: 320px; }
  .banner-slider .banner-boxed { padding: 20px 20px 25px; }
  .banner-slider.banner-large { height: 380px; }
  .is-transparent .banner-slider.banner-large { height: 380px; }
  .banner-slider.banner-large .with-line { margin-bottom: 15px; padding-bottom: 18px; }
  .banner-intro .container > .content { padding-top: 0; padding-bottom: 0; }
  .banner-intro .banner-text { padding-top: 30px; padding-bottom: 30px; }
  .banner-slider .banner-text, .banner-intro .banner-text { font-size: 12px; }
  .banner-slider .banner-text h1, .banner-slider .banner-text h2, .banner-intro .banner-text h1, .banner-intro .banner-text h2 { font-size: 1.875em; }
  .call-action .cta-sameline { padding-right: 0; text-align: center; }
  .call-action .cta-sameline h2:first-child, .call-action .cta-sameline h3:first-child { margin-top: -10px; }
  .call-action .cta-sameline .btn { transition: none; position: static; margin-top: 20px; transform: translate(0, 0); }
  .call-action.cta-mini .cta-sameline h2:first-child, .call-action.cta-mini .cta-sameline h3:first-child { margin-top: 0; }
  .call-action.call-action .cta-num strong { font-size: 1.3em; }
  .call-action.cta-large.has-bg .cta-block { padding-top: 135px; padding-bottom: 135px; }
  .call-action.call-small .cta-block { padding-top: 45px; padding-bottom: 45px; }
  .call-action .cta-sameline .btn, .call-action .cta-sameline .cta-num { position: static; margin-top: 20px; }
  .statistics .stat-block { padding-top: 45px; padding-bottom: 45px; }
  .gallery-lists li { font-size: 11px; padding: 6px 20px; width: auto; margin: 1px 0; -ms-border-radius: 6px; border-radius: 6px; }
  .gallery.with-caption.gallery-filled .photos-list.col-x4 li { width: 50%; }
  .feature-imagebox + .feature-imagebox { margin-top: 40px; }
  .project-info h4.section-heading, .project-info h3.section-heading, .project-gallery h4.section-heading, .project-gallery h3.section-heading { margin-top: 35px; }
  .team-profile .team-photo img { max-width: 320px; }
  .team-profile .team-info { padding-left: 15px; margin-top: 25px; text-align: left; }
  .icon-box + h4, .icon-box + h3 { margin-top: 15px; }
  .copyright { text-align: center; }
  .copyright .social { float: none; margin-top: 15px; }
  .site-onepage .site-header .navbar-collapse { position: absolute; top: 100%; z-index: 999; } }
@media only screen and (min-width: 600px) and (max-width: 767px) { .topbar .top-aside { width: 50%; max-width: 50%; }
  .topbar .top-aside.hidden-xs + .top-aside { width: 100%; max-width: 100%; margin-top: 0; text-align: center; }
  .topbar .top-aside:not(.hidden-xs) + .top-aside { margin-top: 0; }
  .topbar .top-aside.top-left { text-align: left; }
  .topbar .top-aside.top-right { text-align: right; } }
@media only screen and (max-width: 599px) { .feature-s1 .feature, .feature-s2 .feature { padding: 20px; min-height: 330px; }
  .feature-row .feature h3, .feature-row .feature h4 { font-size: 1.125em; }
  .content img.alignright, .content img.alignleft { float: none; display: block; max-width: 100%; margin: 0 0 15px; }
  .quotes-flat .quotes-text:before { top: 5px; left: -10px; font-size: 150px; line-height: 80px; }
  .gallery-lists.style-v2 li { padding: 5px 4px; }
  .gallery-lists.style-v2 li:not(:last-child):after { padding-right: 9px; }
  .gallery-folio.with-caption .photos-list[class*="col-x"] > li { width: 100%; } }
@media only screen and (max-width: 480px) { body { min-width: 320px; }
  .header-s2 .header-top { width: auto; }
  .header-s2 .header-top .social { display: none; }
  .heading-section { font-size: 1.5em; }
  .heading-section.heading-sm { font-size: 1.125em; }
  .heading-lead { font-size: 1.75em; }
  .heading-lead.heading-sm { font-size: 1.375em; }
  .banner-text { font-size: 12px; padding-top: 30px; padding-bottom: 30px; }
  .banner-text h1, .banner-text h2 { font-size: 1.5em; }
  .banner-text .btn { padding: 8px 12px; font-size: 11px; }
  .banner-text .banner-cta:not(:first-child) { margin-top: 18px; }
  .banner-text.wide-sm, .banner-text.wide-md, .banner-text.wide-lg { max-width: 100%; width: 90%; }
  .banner-slider { height: 280px; }
  .banner-slider .banner-boxed { padding: 16px 15px 20px; }
  .banner-slider.banner-large { height: 320px; }
  .is-transparent .banner-slider.banner-large { height: 320px; }
  .banner-static.banner-intro { min-height: 280px; }
  .banner-intro .banner-text { padding-top: 15px; padding-bottom: 15px; }
  .banner-slider .banner-text, .banner-intro .banner-text { font-size: 11px; }
  .banner-slider .banner-text h1, .banner-slider .banner-text h2, .banner-intro .banner-text h1, .banner-intro .banner-text h2 { font-size: 1.75em; }
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { height: 45px; width: 45px; font-size: 24px; }
  .call-action .cta-block { padding: 67.5px 0; }
  .contact-group { margin-bottom: 40px; }
  .contact-group:last-child { margin-bottom: 0; }
  .team-member-row [class*="col-"], .feature-row [class*="col-"] { width: 100%; }
  .feature-row.row-overup { margin-top: 5px; }
  .feature-s1 .feature, .feature-s2 .feature { min-height: auto; }
  .team-member { text-align: center; }
  .team-member .team-photo { max-width: 300px; margin-left: auto; margin-right: auto; }
  .gallery .photos-list.col-x2 li, .gallery .photos-list.col-x4 li, .gallery .photos-list.col-x5 li { width: 50%; }
  .gallery.with-caption .photos-list.col-x3 li { width: 100%; }
  .logos-lists .row:first-child { margin-top: -10px; }
  .logos-lists .row + .row { margin-top: 0; }
  .logos-lists .col-sm-3, .logos-lists .col-md-3 { width: 50%; margin: 10px 0; }
  .logos-lists.logos-lists-flat .row:last-child .col-sm-3:nth-child(1) .logo-item, .logos-lists.logos-lists-flat .row:last-child .col-sm-3:nth-child(2) .logo-item, .logos-lists.logos-lists-flat .row:last-child .col-md-3:nth-child(1) .logo-item, .logos-lists.logos-lists-flat .row:last-child .col-md-3:nth-child(2) .logo-item { border-bottom-color: rgba(0, 0, 0, 0.08); }
  .logos-lists.logos-lists-flat .col-sm-3, .logos-lists.logos-lists-flat .col-md-3 { margin: 0; }
  .logos-lists.logos-lists-flat .col-sm-3:nth-child(2n+2) .logo-item, .logos-lists.logos-lists-flat .col-md-3:nth-child(2n+2) .logo-item { border-right-color: transparent; }
  .error-page { min-height: 500px; padding-top: 150px; padding-bottom: 250px; }
  .error-page h1 { font-size: 100px; }
  .error-page p { font-size: 16px; line-height: 26px; }
  img.alignright, img.alignleft, img.aligncenter { width: 100%; } }
@media only screen and (max-width: 375px) { .btn + .btn { margin-top: 5px; }
  h1, .h1, .heading-lg, .heading-lg-lead { font-size: 1.875em; }
  h2, .h2 { font-size: 1.5em; }
  .header-s2 .header-top { max-width: 135px; }
  .header-s2 .header-top .top-contact { display: block; margin: 3px 0; line-height: 24px; }
  .header-s2 .header-top .top-contact .fa { width: 22px; height: 22px; line-height: 20px; font-size: 12px; margin: 0 4px 0 0; }
  .banner-static { min-height: 140px; }
  .banner-boxed > p { display: none; }
  .gallery.with-caption .photos-list.col-x2 li, .gallery.with-caption .photos-list.col-x4 li, .gallery.with-caption .photos-list.col-x5 li, .gallery.with-caption .photos-list.col-x2 li, .gallery.with-caption .photos-list.col-x4 li, .gallery.with-caption .photos-list.col-x5 li { width: 100%; }
  .gallery.with-caption.gallery-filled .photos-list.col-x4 li { width: 100%; } }
@media only screen and (max-width: 1280px) { /* parallax disable on ipad/iphone */
  .has-parallax { background-position: 50% 50% !important; background-attachment: scroll !important; } }
/* ========================================================================== 20.0 - Version Wise Css ========================================================================== */
/* Pricing @v110 */
.pricing-row [class*="col-"] { margin-top: 35px; }

.pricing-filled-row { margin-right: 0; margin-left: 0; }
.pricing-filled-row [class*="col-"] { padding-left: 0; padding-right: 0; margin-top: 35px; }
.pricing-filled-row [class*="col-"] .pricing-boxed { margin-left: -1px; margin-right: -1px; }

.pricing-boxed { position: relative; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.09); -ms-border-radius: 6px; border-radius: 6px; transition: .5s; transform-style: preserve-3d; }
.pricing-boxed:not(.al-left):not(.al-right) { text-align: center; }
.pricing-boxed:hover { transform: translateY(-8px); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); }
.pricing-boxed:not([class*="bg-"]) { background-color: #fcfcfc; }

.pricing-title { padding: 20px 20px 18px; background-color: rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); -ms-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
.pricing-title h3 { margin: 0; font-size: 1.25em; letter-spacing: 1px; font-weight: 600; text-transform: none; color: #353a42; }
.light .pricing-title h3, .box-s3 .pricing-title h3, .box-s4 .pricing-title h3 { color: #fff; }
.pricing-mini .pricing-title h3 { font-size: 1em; }
.pricing-bitcoin .pricing-title h3 { color: #000000; }
.pricing-title span { display: block; color: #999; font-weight: 300; font-size: .875em; margin-top: 0px; text-transform: none; }
.light .pricing-title span, .box-s3 .pricing-title span, .box-s4 .pricing-title span { color: #fff; opacity: .5; }

.pricing-price { font-family: "Poppins", sans-serif; position: relative; padding: 25px 20px 15px; color: #6e7889; font-weight: 300; font-size: 5em; line-height: 1; }
.light .pricing-price, .box-s3 .pricing-price, .box-s4 .pricing-price { color: #fff; }
.pricing-mini .pricing-price { font-size: 2.5em; line-height: .9; }
.pricing-bitcoin .pricing-price { font-size: 4em; color: #000000; }
.pricing-bitcoin .pricing-price.color-secondary, .pricing-bitcoin .pricing-price.color-secondary .price-for { color: #071827; }
.pricing-price:after { position: absolute; width: 120px; border-top: 1px solid rgba(0, 0, 0, 0.05); top: auto; bottom: 0; left: 50%; margin-left: -60px; content: ""; }
.light .pricing-price:after, .box-s3 .pricing-price:after, .box-s4 .pricing-price:after { border-color: rgba(255, 255, 255, 0.3); }
.al-left .pricing-price:after { left: 0; margin-left: 20px; }
.al-right .pricing-price:after { left: auto; right: 0; margin-right: 20px; margin-left: auto; }
.pricing-price span { display: inline-block; vertical-align: top; margin: 5px 4px 0 0; font-size: 24px; font-weight: 300; color: #6e7889; }
.light .pricing-price span, .box-s3 .pricing-price span, .box-s4 .pricing-price span { color: #fff; opacity: .65; }
.pricing-mini .pricing-price span { margin: 3px 2px 0 0; font-size: 18px; }
.pricing-price span.price-for { vertical-align: baseline; font-size: 14px; font-weight: 400; color: #999; margin: 0 0 0 3px; }
.light .pricing-price span.price-for, .box-s3 .pricing-price span.price-for, .box-s4 .pricing-price span.price-for { color: #fff; opacity: .65; }
.pricing-mini .pricing-price span.price-for { font-size: 12px; }
.pricing-bitcoin .pricing-price span.price-for { color: #000000; }
.pricing-price del, .pricing-price ins { display: block; font-size: 24px; line-height: .75; opacity: .4; margin-bottom: 10px; color: #6e7889; }
.light .pricing-price del, .box-s3 .pricing-price del, .box-s4 .pricing-price del, .light .pricing-price ins, .box-s3 .pricing-price ins, .box-s4 .pricing-price ins { color: #fff; }
.pricing-price del span, .pricing-price ins span { font-size: 14px; margin: 0 2px 0 0; }
.pricing-price ins { opacity: .6; text-decoration: none; margin-top: 20px; }
.pricing-price del { text-decoration: line-through; }

.pricing-feature { padding: 15px 20px; }
.pricing-feature ul { margin: 0; padding: 0; list-style: none; }
.pricing-feature li { padding: 5px 0; font-size: .9em; }

.pricing-cta { padding: 5px 20px 25px; }
.pricing-cta .btn { min-width: 140px; }

.pricing-boxed.pricing-best { background: #fff; box-shadow: 0 3px 18px rgba(0, 0, 0, 0.1); z-index: 5; margin-top: -34px; }
.pricing-boxed.pricing-best .pricing-title { background-color: #fff; padding: 25px 0 20px; }
.pricing-boxed.pricing-best .pricing-title h3 { font-size: 1.375em; color: #000000; }
.pricing-boxed.pricing-best .pricing-price { color: #000000; }
.pricing-boxed.pricing-best.pricing-mini .pricing-title h3 { font-size: 1.25em; }

.pricing-boxed.pricing-best-alt { background: #000000; color: #fff; box-shadow: 0 3px 18px rgba(0, 0, 0, 0.1); z-index: 5; margin-top: -34px; }
.pricing-boxed.pricing-best-alt .pricing-title { background-color: rgba(255, 255, 255, 0.05); padding: 25px 0 20px; }
.pricing-boxed.pricing-best-alt .pricing-title h3 { font-size: 1.375em; color: #fff; }
.pricing-boxed.pricing-best-alt .pricing-title span { color: #fff; opacity: .65; }
.pricing-boxed.pricing-best-alt .pricing-price { color: #fff; }
.pricing-boxed.pricing-best-alt .pricing-price span, .pricing-boxed.pricing-best-alt .pricing-price span.price-for { color: #fff; opacity: .65; }
.pricing-boxed.pricing-best-alt .pricing-price:after { border-color: rgba(255, 255, 255, 0.3); }
.pricing-boxed.pricing-best-alt.pricing-mini .pricing-title h3 { font-size: 1.25em; }
.pricing-boxed.pricing-best-alt .btn.btn-alt:hover { background: #fff; border-color: #fff; color: #000000; }
.pricing-boxed.pricing-best-alt.bg-primary, .pricing-boxed.pricing-best-alt.box-s3 { background: #071827; }

@media only screen and (max-width: 991px) { .pricing-price { font-size: 3.5em; }
  .pricing-price span { font-size: 20px; margin-top: 3px; }
  .pricing-price span.price-for { font-size: 12px; }
  .pricing-price del { font-size: 20px; } }
@media only screen and (max-width: 767px) { .pricing-boxed.pricing-best, .pricing-boxed.pricing-best-alt { margin-top: 0; } }
.has-carousel { display: none; }
.has-carousel.owl-loaded { display: block; }
.has-carousel [class*="col-"] { width: 100%; padding-left: 0; padding-right: 0; }
.has-carousel.feature-row .owl-nav .owl-prev, .has-carousel.feature-row .owl-nav .owl-next { margin-top: 30px; }

.logo-carousel .owl-dots { display: none !important; }

.no-pd, .pd-no { padding: 0 !important; }

.no-pt, .pt-no { padding-top: 0 !important; }

.no-pb, .pb-no { padding-bottom: 0 !important; }

.no-mg, .mg-no { margin: 0 !important; }

.no-mt, .mt-no { margin-top: 0 !important; }

.no-mb, .mb-no { margin-bottom: 0 !important; }

.no-bg, .bg-no { background: none !important; }

.no-round, .round-no, .noround, .square, .no-circle { border-radius: 0 !important; }

.no-shadow, .shadow-no { text-shadow: none !important; box-shadow: none !important; }

/* @v120 */
.full-h, .full-h10, .full-h0 { min-height: 100vh; }
.full-h9 { min-height: 90vh; }
.full-h8 { min-height: 80vh; }
.full-h7 { min-height: 70vh; }
.full-h6 { min-height: 60vh; }
.full-h5 { min-height: 50vh; }

.lsp-01 { letter-spacing: 0.01em; }
.lsp-02 { letter-spacing: 0.02em; }
.lsp-03 { letter-spacing: 0.03em; }
.lsp-04 { letter-spacing: 0.04em; }
.lsp-05 { letter-spacing: 0.05em; }
.lsp-10 { letter-spacing: 0.1em; }
.lsp-15 { letter-spacing: 0.15em; }
.lsp-20 { letter-spacing: 0.20em; }
.lsp-25 { letter-spacing: 0.25em; }

.font-w-300 { font-weight: 300; }
.font-w-700 { font-weight: 700; }
.font-w-500 { font-weight: 500; }
.font-w-400 { font-weight: 400; }

.heading-modern { font-size: 3em; font-style: normal; text-transform: none; letter-spacing: 0.1em; }
.heading-modern:not([class*="font-w-"]) { font-weight: 700; }

h3.heading-section, h3.heading-lead { margin-bottom: 15px; }
h3.heading-section + .lead, h3.heading-lead + .lead { margin-top: -5px; }

.icon-box + h4, .icon-box + h5 { margin-top: 20px; }

@keyframes scrolling { 0% { transform: translate(0, 0); opacity: 0; }
  40% { opacity: 1; }
  80% { transform: translate(0, 20px); opacity: 0; }
  100% { opacity: 0; } }
.scrolling-down { border: 2px solid #fff; border-radius: 50px; box-sizing: border-box; height: 50px; left: 50%; margin-left: -15px; position: absolute; bottom: 35px; width: 30px; z-index: 5; }
.scrolling-down:before { animation: 2s ease 0s normal none infinite running scrolling; background-color: #fff; border-radius: 100%; box-sizing: border-box; content: ""; height: 6px; left: 50%; margin-left: -3px; position: absolute; top: 10px; width: 6px; }

.has-carousel .owl-item li { width: 100% !important; }
.has-carousel[data-dots="1"] { margin-bottom: 45px; }

.site-onepage .navbar-nav > li.active > a:not(.btn) { color: #071827; }

.site-onepage .navbar-nav > li > a:not(.btn):before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background-color: #071827; opacity: 0; transition: all .4s; }

.site-onepage .navbar-nav > li.active > a:before, .site-onepage .navbar-nav > li.active > a:hover:before { opacity: 1; width: 100%; }

@media only screen and (max-width: 991px) { .photo-item-caption.caption-modern .item-title { font-size: 1.15em; }
  .heading-modern { font-size: 2.15em; letter-spacing: 0.05em; } }
@media only screen and (max-width: 767px) { .feature-modern [class*="col-"] { width: 100%; }
  .feature-modern .feature h3, .feature-modern .feature h4 { font-size: 1.65em; }
  .no-pd-sm, .pd-no-sm { padding: 0 !important; }
  .no-pt-sm, .pt-no-sm { padding-top: 0 !important; }
  .no-pb-sm, .pb-no-sm { padding-bottom: 0 !important; }
  .no-mg-sm, .mg-no-sm { margin: 0 !important; }
  .no-mt-sm, .mt-no-sm { margin-top: 0 !important; }
  .no-mb-sm, .mb-no-sm { margin-bottom: 0 !important; }
  .banner .scrolling-down, .site-onepage .navbar-nav > li > a:not(.btn)::before { display: none; } }
/* ========================================================================== 21.0 - Extra / Additional / Custom CSS / Your Additional ========================================================================== */
.demo-sample-icon .icon-box { margin-right: 10px; }

.demo-sample-icon hr { margin-top: 25px; margin-bottom: 25px; }

/* ==========================================================================
   SITE OVERRIDES
   ========================================================================== */
:root {
        --lc-navy: #071827;
        --lc-navy-2: #071827;
        --lc-gold: #f3b42f;
        --lc-gold-light: #f3b42f;
        --lc-cream: #f3b42f;
        --lc-ink: #071827;
      }
      html {
        scroll-behavior: smooth;
      }
      .er-anchor {
        scroll-margin-top: 90px;
      }
      .lc-wordmark {
        display: flex;
        align-items: center;
        min-height: 60px;
        color: #fff;
        line-height: 1;
      }
      .lc-mark {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 55px;
        height: 55px;
        margin-right: 13px;
        border: 1px solid var(--lc-gold);
        border-radius: 50%;
        font-family: Poppins, sans-serif;
        font-size: 22px;
        font-weight: 400;
        letter-spacing: -0.08em;
      }
      .lc-mark:after {
        position: absolute;
        inset: 5px;
        border: 1px solid rgba(201, 168, 103, 0.42);
        border-radius: 50%;
        content: "";
      }
      .lc-name {
        display: flex;
        flex-direction: column;
      }
      .lc-name strong {
        font-family: Poppins, sans-serif;
        font-size: 25px;
        font-weight: 400;
        letter-spacing: 0.11em;
      }
      .lc-name small {
        margin-top: 5px;
        color: var(--lc-gold-light);
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 0.22em;
      }
      .has-fixed .lc-wordmark {
        color: var(--lc-navy);
      }
      .has-fixed .lc-name small {
        color: #806f4c;
      }
      .lc-hero .fill {
        position: relative;
      }
      .lc-hero .fill:before {
        position: absolute;
        inset: 0;
        content: "";
        background: linear-gradient(
          90deg,
          rgba(7, 16, 26, 0.94),
          rgba(7, 16, 26, 0.7) 55%,
          rgba(7, 16, 26, 0.45)
        );
      }
      .lc-hero .btn-outline {
        color: #fff !important;
        background: transparent !important;
        border-color: rgba(255, 255, 255, 0.78) !important;
      }
      .lc-hero .btn-outline:hover {
        color: var(--lc-navy) !important;
        background: var(--lc-gold) !important;
        border-color: var(--lc-gold) !important;
      }
      .lc-eyebrow {
        margin-bottom: 12px;
        color: var(--lc-gold-light);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
      }
      .lc-hero-facts {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px 24px;
        margin-top: 28px;
        padding: 0;
        list-style: none;
        color: #fff;
        font-size: 14px;
      }
      .lc-hero-facts li:before {
        margin-right: 8px;
        color: var(--lc-gold);
        content: "\2713";
      }
      .lc-section-intro {
        max-width: 970px;
        margin: 0 auto 42px;
        text-align: center;
      }
      .lc-section-intro h2 {
        margin-bottom: 16px;
      }
      .lc-section-intro .lead {
        color: #4e5962;
      }
      .lc-btn-gold,
      .btn.lc-btn-gold {
        color: var(--lc-navy) !important;
        background: var(--lc-gold) !important;
        border-color: var(--lc-gold) !important;
      }
      .lc-btn-gold:hover,
      .btn.lc-btn-gold:hover {
        color: #fff !important;
        background: var(--lc-navy-2) !important;
        border-color: var(--lc-navy-2) !important;
      }
      .lc-card-link {
        display: block;
        color: inherit;
      }
      .lc-panel {
        padding: 35px;
        background: var(--lc-navy);
        color: #fff;
        border-top: 4px solid var(--lc-gold);
      }
      .lc-panel h3 {
        color: #fff;
      }
      .lc-panel ul {
        margin: 20px 0 0;
        padding: 0;
        list-style: none;
      }
      .lc-panel li {
        padding: 12px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
      }
      .lc-panel .fa {
        margin-right: 10px;
        color: var(--lc-gold);
      }
      .lc-note {
        padding: 19px 22px;
        background: #f3f0e9;
        border-left: 4px solid var(--lc-gold);
        color: var(--lc-ink);
      }
      .lc-split-list {
        columns: 2;
        column-gap: 30px;
      }
      .lc-split-list li {
        break-inside: avoid;
        margin-bottom: 9px;
      }
      .lc-proof-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-top: 38px;
        border: 1px solid rgba(255, 255, 255, 0.2);
      }
      .lc-proof-item {
        padding: 28px 20px;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        text-align: center;
      }
      .lc-proof-item:last-child {
        border-right: 0;
      }
      .lc-proof-item strong {
        display: block;
        margin-bottom: 8px;
        color: var(--lc-gold-light);
        font-family: Poppins, sans-serif;
        font-size: 25px;
        font-weight: 400;
      }
      .lc-proof-item span {
        color: #fff;
        font-size: 13px;
      }
      .lc-services {
        display: block;
        width: 100%;
        padding: 90px 0;
        background: var(--lc-cream);
      }
      .lc-services * {
        box-sizing: border-box;
      }
      .lc-services-grid {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
      }
      .lc-service-column {
        display: flex;
        width: 33.333%;
        padding: 15px;
      }
      .lc-service-card {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
        background: #fff;
        border: 1px solid #d8d5cf;
        border-radius: 4px;
        box-shadow: 0 5px 18px rgba(11, 22, 35, 0.08);
        transition:
          transform 0.25s ease,
          box-shadow 0.25s ease;
      }
      .lc-service-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 11px 30px rgba(11, 22, 35, 0.15);
      }
      .lc-service-image {
        position: relative;
        height: 210px;
        overflow: hidden;
        background: var(--lc-navy);
      }
      .lc-service-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.65);
        transition: transform 0.35s ease;
      }
      .lc-service-card:hover img {
        transform: scale(1.04);
      }
      .lc-service-image:after {
        position: absolute;
        inset: 0;
        content: "";
        background: linear-gradient(
          to top,
          rgba(7, 16, 26, 0.78),
          rgba(7, 16, 26, 0.08)
        );
      }
      .lc-service-number {
        position: absolute;
        top: 16px;
        left: 16px;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        color: var(--lc-navy);
        background: var(--lc-gold);
        border: 3px solid rgba(255, 255, 255, 0.8);
        border-radius: 50%;
        font-weight: 700;
      }
      .lc-service-content {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 25px;
      }
      .lc-service-content h3 {
        margin: 0 0 13px;
        color: var(--lc-navy);
        font-size: 22px;
        font-weight: 400;
      }
      .lc-service-content p {
        margin: 0 0 18px;
        color: #49545d;
        line-height: 1.7;
      }
      .lc-service-link {
        margin-top: auto;
        color: #f3b42f;
        font-weight: 700;
      }
      .lc-deep-services {
        padding: 90px 0;
      }
      .lc-detail-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
      .lc-detail-card {
        position: relative;
        min-height: 250px;
        padding: 29px 27px 27px;
        overflow: hidden;
        background: #fff;
        border: 1px solid #d8d5cf;
        border-top: 4px solid var(--lc-gold);
        box-shadow: 0 5px 18px rgba(11, 22, 35, 0.06);
      }
      .lc-detail-card .fa {
        margin-bottom: 22px;
        color: #f3b42f;
        font-size: 27px;
      }
      .lc-detail-card h3 {
        margin: 0 0 12px;
        color: var(--lc-navy);
        font-size: 21px;
        font-weight: 400;
        line-height: 1.35;
      }
      .lc-detail-card p {
        margin: 0;
        color: #4c5760;
        line-height: 1.72;
      }
      .lc-detail-card .lc-service-index {
        position: absolute;
        top: 25px;
        right: 25px;
        color: #a48a56;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.16em;
      }
      .lc-deep-dark {
        background: var(--lc-navy);
      }
      .lc-deep-dark .lc-section-intro h2,
      .lc-deep-dark .lc-section-intro .lead {
        color: #fff;
      }
      .lc-deep-dark .lc-section-intro p:not(.lead) {
        color: #cad0d5;
      }
      .lc-deep-dark .lc-detail-card {
        background: #102131;
        border-color: #2c3e4d;
        border-top-color: var(--lc-gold);
        box-shadow: none;
      }
      .lc-deep-dark .lc-detail-card h3 {
        color: #fff;
      }
      .lc-deep-dark .lc-detail-card p {
        color: #d7dde1;
      }
      .lc-deep-dark .lc-detail-card .fa,
      .lc-deep-dark .lc-service-index {
        color: var(--lc-gold-light);
      }
      .lc-sector-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1px;
        margin-top: 42px;
        overflow: hidden;
        background: #d4cfc5;
        border: 1px solid #d4cfc5;
      }
      .lc-sector-card {
        min-height: 230px;
        padding: 30px 25px;
        background: #fff;
      }
      .lc-sector-card .fa {
        margin-bottom: 20px;
        color: #f3b42f;
        font-size: 25px;
      }
      .lc-sector-card h3 {
        margin: 0 0 10px;
        color: var(--lc-navy);
        font-size: 20px;
        font-weight: 400;
      }
      .lc-sector-card p {
        margin: 0;
        color: #4c5760;
        line-height: 1.65;
      }
      .lc-highlight {
        display: flex;
        align-items: stretch;
        margin-top: 55px;
        overflow: hidden;
        background: var(--lc-navy);
        border-radius: 4px;
        box-shadow: 0 7px 22px rgba(0, 0, 0, 0.14);
      }
      .lc-highlight-content {
        width: 62%;
        padding: 43px 46px;
      }
      .lc-highlight-content h3,
      .lc-highlight-content p {
        color: #fff;
      }
      .lc-highlight-points {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -8px 25px;
        padding: 0;
        list-style: none;
      }
      .lc-highlight-points li {
        width: 50%;
        padding: 6px 8px;
        color: #fff;
      }
      .lc-highlight-points li:before {
        margin-right: 8px;
        color: var(--lc-gold);
        font-weight: 700;
        content: "\2713";
      }
      .lc-highlight-image {
        width: 38%;
        min-height: 340px;
        background-position: center;
        background-size: cover;
        filter: saturate(0.6);
      }
      .lc-process {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-top: 42px;
        border-top: 1px solid #d8d5cf;
        border-left: 1px solid #d8d5cf;
      }
      .lc-process article {
        min-height: 245px;
        padding: 30px 25px;
        border-right: 1px solid #d8d5cf;
        border-bottom: 1px solid #d8d5cf;
      }
      .lc-process span {
        color: #f3b42f;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.16em;
      }
      .lc-process h3 {
        margin: 30px 0 12px;
        color: var(--lc-navy);
        font-size: 23px;
      }
      .lc-evidence {
        max-width: 880px;
        margin: 0 auto;
        text-align: center;
      }
      .lc-evidence .fa-shield-halved {
        margin-bottom: 22px;
        color: var(--lc-gold);
        font-size: 38px;
      }
      .lc-evidence p {
        color: #fff;
        font-size: 20px;
        line-height: 1.75;
      }
      .lc-evidence strong {
        color: var(--lc-gold-light);
      }
      .lc-form-wrap {
        padding: 30px;
        background: #fff;
        border: 1px solid #d8d5cf;
        box-shadow: 0 5px 18px rgba(11, 22, 35, 0.08);
      }
      .lc-field {
        margin-bottom: 16px;
      }
      .lc-field label {
        display: block;
        margin-bottom: 6px;
        color: var(--lc-navy);
        font-weight: 700;
      }
      .lc-field input,
      .lc-field select,
      .lc-field textarea {
        width: 100%;
        padding: 12px 13px;
        border: 1px solid #c8c8c8;
        background: #fff;
        color: #222;
      }
      .lc-field textarea {
        min-height: 130px;
        resize: vertical;
      }
      .lc-check {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        font-size: 13px;
      }
      .lc-check input {
        margin-top: 4px;
      }
      .lc-form-status {
        display: none;
        margin-top: 15px;
        padding: 12px;
        background: #f3f0e9;
        border-left: 4px solid var(--lc-gold);
      }
      .lc-gallery {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .lc-gallery li {
        position: relative;
        overflow: hidden;
        background: var(--lc-navy);
      }
      .lc-gallery img {
        display: block;
        width: 100%;
        height: 250px;
        object-fit: cover;
        filter: saturate(0.55);
        transition:
          transform 0.35s ease,
          opacity 0.35s ease;
      }
      .lc-gallery li:hover img {
        transform: scale(1.04);
        opacity: 0.82;
      }
      .lc-area-chips {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-top: 30px;
        padding: 0;
      }
      .lc-area-chips li {
        padding: 9px 14px;
        background: #fff;
        border: 1px solid #cfcac0;
        color: var(--lc-navy);
        font-weight: 600;
        list-style: none;
      }
      .lc-boundaries {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
      }
      .lc-boundary-card {
        padding: 30px;
        border-top: 4px solid var(--lc-gold);
        background: #fff;
      }
      .lc-boundary-card.dark {
        background: var(--lc-navy);
        color: #fff;
      }
      .lc-boundary-card.dark h3 {
        color: #fff;
      }
      .lc-boundary-card ul {
        margin: 18px 0 0;
        padding-left: 20px;
      }
      .lc-boundary-card li {
        margin-bottom: 8px;
      }
      .lc-faq-list {
        max-width: 980px;
        margin: 38px auto 0;
      }
      .lc-faq-list details {
        margin-bottom: 12px;
        background: #f4f4f4;
        border-radius: 4px;
      }
      .lc-faq-list summary {
        position: relative;
        padding: 19px 60px 19px 25px;
        color: var(--lc-navy);
        cursor: pointer;
        font-size: 19px;
        font-weight: 600;
        list-style: none;
      }
      .lc-faq-list summary::-webkit-details-marker {
        display: none;
      }
      .lc-faq-list summary:after {
        position: absolute;
        top: 50%;
        right: 24px;
        color: #f3b42f;
        font-size: 26px;
        content: "+";
        transform: translateY(-50%);
      }
      .lc-faq-list details[open] summary:after {
        content: "\2212";
      }
      .lc-faq-answer {
        padding: 22px 25px;
        background: #fff;
        border-top: 1px solid #e3e3e3;
        font-size: 16px;
        line-height: 1.8;
      }
      .lc-faq-answer p {
        margin: 0;
      }
      .lc-contact-card {
        padding: 35px;
        background: var(--lc-cream);
        border-left: 5px solid var(--lc-gold);
      }
      .lc-contact-row {
        display: flex;
        align-items: center;
        padding: 15px 0;
        border-bottom: 1px solid #d8d5cf;
      }
      .lc-contact-row:last-child {
        border-bottom: 0;
      }
      .lc-contact-row .fa {
        width: 35px;
        color: #f3b42f;
        font-size: 20px;
      }
      .lc-contact-row strong {
        display: block;
      }
      .lc-stat-row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        text-align: center;
      }
      .lc-stat-row div {
        padding: 28px 15px;
        border-right: 1px solid #ccc;
      }
      .lc-stat-row div:last-child {
        border: 0;
      }
      .lc-stat-row strong {
        display: block;
        color: #f3b42f;
        font-family: Poppins, sans-serif;
        font-size: 24px;
        font-weight: 400;
      }
      .lc-stat-row span {
        font-size: 13px;
      }
      .lc-disclaimer {
        font-size: 12px;
        color: #aab2b9;
      }
      .lc-mobile-call {
        display: none;
      }
      .site-header .quote-btn .btn,
      .btn {
        background-color: var(--lc-navy);
        border-color: var(--lc-navy);
      }
      .site-header .quote-btn .btn:hover,
      .btn:hover {
        background-color: var(--lc-gold);
        border-color: var(--lc-gold);
        color: var(--lc-navy);
      }
      .navbar-nav .dropdown-menu {
        background: var(--lc-navy);
      }
      .navbar-nav .dropdown-menu li > a:hover {
        background: var(--lc-gold);
        color: var(--lc-navy);
      }
      .call-action {
        background-color: var(--lc-navy);
      }
      .footer-widget {
        background: var(--lc-navy);
      }
      .footer-widget .wgs-title {
        color: var(--lc-gold);
      }
      .footer-widget .wgs-menu .menu li a:before {
        color: var(--lc-gold);
      }
      .footer-widget a:hover {
        color: var(--lc-gold);
      }
      .copyright {
        background: #07101a;
      }
      .bg-light {
        background-color: var(--lc-cream) !important;
      }
      .lc-mobile-nav-open {
        display: block !important;
      }
      @media (max-width: 991px) {
        .lc-service-column {
          width: 50%;
        }
        .lc-highlight {
          display: block;
        }
        .lc-highlight-content,
        .lc-highlight-image {
          width: 100%;
        }
        .lc-highlight-image {
          min-height: 300px;
        }
        .lc-proof-grid,
        .lc-stat-row {
          grid-template-columns: repeat(2, 1fr);
        }
        .lc-proof-item:nth-child(2) {
          border-right: 0;
        }
        .lc-proof-item:nth-child(-n + 2) {
          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }
        .lc-process {
          grid-template-columns: repeat(2, 1fr);
        }
        .lc-gallery {
          grid-template-columns: repeat(2, 1fr);
        }
        .lc-detail-grid,
        .lc-sector-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 767px) {
        .lc-wordmark {
          min-height: 45px;
          color: var(--lc-navy);
        }
        .lc-mark {
          width: 42px;
          height: 42px;
          font-size: 17px;
        }
        .lc-name strong {
          font-size: 18px;
        }
        .lc-name small {
          font-size: 7px;
          color: #806f4c;
        }
        .lc-hero-facts {
          display: none;
        }
        .lc-services {
          padding: 55px 0;
        }
        .lc-service-column {
          width: 100%;
        }
        .lc-service-image {
          height: 220px;
        }
        .lc-highlight-content {
          padding: 32px 25px;
        }
        .lc-highlight-points li {
          width: 100%;
        }
        .lc-split-list {
          columns: 1;
        }
        .lc-process,
        .lc-gallery,
        .lc-stat-row,
        .lc-proof-grid,
        .lc-boundaries,
        .lc-detail-grid,
        .lc-sector-grid {
          grid-template-columns: 1fr;
        }
        .lc-deep-services {
          padding: 55px 0;
        }
        .lc-proof-item {
          border-right: 0 !important;
          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }
        .lc-gallery img {
          height: 225px;
        }
        .lc-stat-row div {
          border-right: 0;
          border-bottom: 1px solid #ccc;
        }
        .lc-mobile-call {
          position: fixed;
          right: 14px;
          bottom: 14px;
          z-index: 999;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 58px;
          height: 58px;
          color: var(--lc-navy);
          background: var(--lc-gold);
          border-radius: 50%;
          box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3);
          font-size: 22px;
        }
        .topbar .top-right {
          max-width: 100%;
        }
        .top-contact .lc-top-email {
          display: none;
        }
      }

/* --------------------------------------------------------------------------
   Former inline styles
   These rules replace every style="..." declaration previously in index.html.
   -------------------------------------------------------------------------- */
.lc-hero .fill.lc-home-hero-bg {
  background-image: url("https://images.unsplash.com/photo-1589474548464-d8c750b0ac3c?auto=format&fit=crop&w=2000&q=85");
}

.section.lc-bg-white {
  background: #fff;
}

.feature .fbox-over .lc-feature-overlay-title {
  color: #fff;
  font-size: 21px;
  text-align: center;
}

.call-action.has-parallax.lc-experience-callout-bg {
  background-image: url("https://images.unsplash.com/photo-1683023880227-00f0e586bc79?auto=format&fit=crop&w=1800&q=85");
}

.call-action.has-parallax .cta-block.lc-overlay-88 {
  background: rgba(7, 16, 26, 0.88);
}

.call-action .lc-text-white,
.lc-text-white {
  color: #fff;
}

.section.lc-text-black,
.section .lc-text-black {
  color: #000;
}

.call-action a.lc-callout-phone {
  margin-left: 18px;
  color: #fff;
  font-weight: 700;
}

.lc-highlight-image.lc-highlight-business-bg {
  background-image: url("https://images.unsplash.com/photo-1683023880227-00f0e586bc79?auto=format&fit=crop&w=1000&q=85");
}

p.lc-eyebrow.lc-eyebrow-dark {
  color: #f3b42f;
}

.lc-cta-center {
  margin-top: 38px;
  text-align: center;
}

.lc-note.lc-mt-30 {
  margin-top: 30px;
}

.call-action.has-parallax.lc-discretion-callout-bg {
  background-image: url("https://images.unsplash.com/photo-1589474548464-d8c750b0ac3c?auto=format&fit=crop&w=1800&q=85");
}

.call-action.has-parallax .cta-block.lc-overlay-90 {
  background: rgba(7, 16, 26, 0.9);
}

.lc-text-center {
  text-align: center;
}

.btn.lc-btn-block-spaced {
  width: 100%;
  margin-top: 18px;
}

.row.lc-mt-42 {
  margin-top: 42px;
}

#faqs.lc-faq-bg {
  background: #e1ded7;
}

.lead.lc-contact-lead {
  max-width: 900px;
  margin: 0 auto 45px;
  text-align: center;
}

/* ==========================================================================
   EMPEROR ROOFING - PREMIUM COMPONENT SYSTEM
   Final overrides for service grids, detail cards and sector cards.
   Keep this block at the END of style.css so it overrides earlier rules.
   ========================================================================== */

:root {
  --lc-cream: #f7f5ef;
  --lc-gold-dark: #f3b42f;
  --lc-border: #e2e6e9;
  --lc-muted: #56616c;
  --lc-soft-gold: rgba(243, 180, 47, 0.12);
  --lc-card-shadow: 0 10px 28px rgba(7, 24, 39, 0.07);
  --lc-card-shadow-hover: 0 18px 42px rgba(7, 24, 39, 0.12);
}

.lc-deep-services {
  padding: 78px 0;
}

.lc-section-intro {
  max-width: 980px;
  margin: 0 auto 34px;
  text-align: center;
}

.lc-section-intro h2 {
  margin-bottom: 14px;
}

.lc-section-intro .lead {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  color: #4e5962;
}

.lc-section-intro p:not(.lead) {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.er-service-grid,
.lc-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  max-width: 1240px;
  margin: 34px auto 0;
  align-items: stretch;
}

.er-service-card,
.lc-detail-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 27px 27px 24px;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid var(--lc-border);
  border-top: 3px solid var(--lc-gold);
  border-radius: 6px;
  box-shadow: var(--lc-card-shadow);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.er-service-card:hover,
.lc-detail-card:hover {
  transform: translateY(-4px);
  border-color: #d5dadd;
  box-shadow: var(--lc-card-shadow-hover);
}

.lc-service-index {
  display: none !important;
}

.er-service-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-bottom: 17px;
  background: var(--lc-soft-gold);
  border: 1px solid rgba(243, 180, 47, 0.28);
  border-radius: 8px;
}

.er-service-icon em,
.lc-detail-card > .fa {
  color: var(--lc-gold-dark);
  font-size: 22px;
}

.lc-detail-card > .fa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0 0 17px;
  background: var(--lc-soft-gold);
  border: 1px solid rgba(243, 180, 47, 0.28);
  border-radius: 8px;
}

.er-service-label,
.er-service-card .lc-eyebrow {
  display: block;
  margin: 0 0 8px;
  color: var(--lc-gold-dark);
  font-size: 11px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.er-service-card h3,
.lc-detail-card h3 {
  margin: 0 0 11px;
  color: var(--lc-navy);
  font-size: 21px;
  font-weight: 400;
  line-height: 1.34;
}

.er-service-card p,
.lc-detail-card p {
  margin: 0 0 16px;
  color: var(--lc-muted);
  font-size: 15.5px;
  line-height: 1.68;
}

.er-service-card p:last-child,
.lc-detail-card p:last-child {
  margin-bottom: 0;
}

.er-service-points,
.lc-detail-card .er-service-points {
  margin: 2px 0 20px;
  padding: 0;
  list-style: none;
}

.er-service-points li,
.lc-detail-card .er-service-points li {
  position: relative;
  margin: 0 0 8px;
  padding-left: 24px;
  color: #263440;
  font-size: 14.5px;
  line-height: 1.55;
}

.er-service-points li:last-child,
.lc-detail-card .er-service-points li:last-child {
  margin-bottom: 0;
}

.er-service-points li .fa,
.lc-detail-card .er-service-points li .fa {
  position: absolute;
  top: 4px;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: var(--lc-gold-dark);
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 13px;
}

.er-service-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  align-self: flex-start;
  margin-top: auto;
  padding-top: 3px;
  color: var(--lc-gold-dark);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
}

.er-service-link:hover {
  color: var(--lc-navy);
  text-decoration: none;
}

.er-service-link .fa {
  margin: 0;
  font-size: 11px;
}

.lc-deep-dark {
  background: var(--lc-navy);
}

.lc-deep-dark .er-service-card,
.lc-deep-dark .lc-detail-card {
  background: #0d2232;
  border-color: rgba(255, 255, 255, 0.11);
  border-top-color: var(--lc-gold);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
}

.lc-deep-dark .er-service-card:hover,
.lc-deep-dark .lc-detail-card:hover {
  border-color: rgba(243, 180, 47, 0.34);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

.lc-deep-dark .er-service-card h3,
.lc-deep-dark .lc-detail-card h3 {
  color: #fff;
}

.lc-deep-dark .er-service-card p,
.lc-deep-dark .lc-detail-card p {
  color: #d4dbe0;
}

.lc-deep-dark .er-service-icon,
.lc-deep-dark .lc-detail-card > .fa {
  background: rgba(243, 180, 47, 0.10);
  border-color: rgba(243, 180, 47, 0.25);
  color: var(--lc-gold);
}

.lc-deep-dark .er-service-icon em,
.lc-deep-dark .lc-detail-card > .fa,
.lc-deep-dark .er-service-label,
.lc-deep-dark .er-service-card .lc-eyebrow {
  color: var(--lc-gold);
}

.lc-deep-dark .er-service-points li,
.lc-deep-dark .lc-detail-card .er-service-points li {
  color: #eef2f4;
}

.lc-deep-dark .er-service-points li .fa,
.lc-deep-dark .lc-detail-card .er-service-points li .fa {
  color: var(--lc-gold);
}

.lc-deep-dark .er-service-link {
  color: var(--lc-gold);
}

.lc-deep-dark .er-service-link:hover {
  color: #fff;
}

.lc-sector-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  max-width: 1240px;
  margin: 36px auto 0;
  overflow: visible;
  background: transparent;
  border: 0;
}

.lc-sector-card {
  position: relative;
  min-height: 0;
  padding: 26px 24px 24px;
  background: #fff;
  border: 1px solid var(--lc-border);
  border-top: 3px solid var(--lc-gold);
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(7, 24, 39, 0.055);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.lc-sector-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(7, 24, 39, 0.10);
}

.lc-sector-card > .fa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin: 0 0 17px;
  color: var(--lc-gold-dark);
  background: var(--lc-soft-gold);
  border: 1px solid rgba(243, 180, 47, 0.25);
  border-radius: 8px;
  font-size: 20px;
}

.lc-sector-card h3 {
  margin: 0 0 9px;
  color: var(--lc-navy);
  font-size: 19px;
  font-weight: 400;
  line-height: 1.35;
}

.lc-sector-card p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 14.5px;
  line-height: 1.65;
}

.lc-note {
  border-left-color: var(--lc-gold);
  background: #f7f5ef;
}

.bg-light {
  background-color: #f7f8f9 !important;
}

.lc-cta-center {
  margin-top: 34px;
  text-align: center;
}

@media (max-width: 1100px) {
  .er-service-grid,
  .lc-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 920px;
  }

  .lc-sector-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 920px;
  }
}

@media (max-width: 767px) {
  .lc-deep-services {
    padding: 55px 0;
  }

  .er-service-grid,
  .lc-detail-grid,
  .lc-sector-grid {
    grid-template-columns: 1fr;
    gap: 18px;
    max-width: 560px;
  }

  .er-service-card,
  .lc-detail-card {
    padding: 24px 22px 22px;
  }

  .er-service-card h3,
  .lc-detail-card h3 {
    font-size: 20px;
  }

  .lc-sector-card {
    padding: 23px 21px 21px;
  }
}

/* ==========================================================================
   EMPEROR ROOFING - OUR WORK GALLERY
   ========================================================================== */

.er-work-section{
position:relative;
padding:85px 0 90px;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}

.er-work-section:before{
position:absolute;
inset:0;
content:"";
background:rgba(7,24,39,0.94);
}

.er-work-section .container{
position:relative;
z-index:2;
}

.er-work-intro{
max-width:940px;
margin:0 auto 38px;
text-align:center;
}

.er-work-eyebrow{
margin:0 0 9px;
color:#f3b42f;
font-size:12px;
font-weight:700;
letter-spacing:.2em;
text-transform:uppercase;
}

.er-work-intro h2{
margin:0 0 14px;
color:#ffffff;
}

.er-work-intro .lead{
max-width:850px;
margin:0 auto;
color:#d6dde2;
}

.er-work-proof{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px 22px;
margin:25px auto 38px;
padding:15px 20px;
max-width:900px;
border-top:1px solid rgba(243,180,47,.25);
border-bottom:1px solid rgba(243,180,47,.25);
}

.er-work-proof span{
color:#ffffff;
font-size:13px;
}

.er-work-proof .fa{
margin-right:7px;
color:#f3b42f;
}

.er-work-gallery{
column-count:4;
column-gap:16px;
}

.er-work-item{
position:relative;
display:inline-block;
width:100%;
margin:0 0 16px;
overflow:hidden;
break-inside:avoid;
background:#071827;
border:1px solid rgba(255,255,255,.12);
box-shadow:0 8px 24px rgba(0,0,0,.22);
}

.er-work-item a{
display:block;
position:relative;
overflow:hidden;
}

.er-work-item img{
display:block;
width:100%;
height:auto;
transition:
transform .4s ease,
filter .4s ease;
}

.er-work-item a:after{
position:absolute;
inset:0;
content:"";
background:linear-gradient(
to top,
rgba(7,24,39,.65) 0%,
rgba(7,24,39,.05) 48%,
rgba(7,24,39,0) 100%
);
opacity:.55;
transition:opacity .3s ease;
}

.er-work-item:hover img{
transform:scale(1.035);
}

.er-work-item:hover a:after{
opacity:.85;
}

.er-work-view{
position:absolute;
right:14px;
bottom:14px;
z-index:3;
display:flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
color:#071827;
background:#f3b42f;
border-radius:50%;
opacity:0;
transform:translateY(6px);
transition:
opacity .25s ease,
transform .25s ease;
}

.er-work-item:hover .er-work-view{
opacity:1;
transform:translateY(0);
}

.er-work-footer{
max-width:900px;
margin:38px auto 0;
padding-top:28px;
border-top:1px solid rgba(243,180,47,.25);
text-align:center;
}

.er-work-footer h3{
margin:0 0 8px;
color:#ffffff;
}

.er-work-footer p{
max-width:760px;
margin:0 auto 22px;
color:#cbd3d9;
}

.er-work-footer .btn{
margin:4px;
}

.er-work-footer .btn-outline{
color:#ffffff !important;
background:transparent !important;
border-color:rgba(255,255,255,.7) !important;
}

.er-work-footer .btn-outline:hover{
color:#071827 !important;
background:#f3b42f !important;
border-color:#f3b42f !important;
}

@media (max-width:1199px){
.er-work-gallery{
column-count:3;
}
}

@media (max-width:767px){
.er-work-section{
padding:60px 0;
}

.er-work-gallery{
column-count:2;
column-gap:10px;
}

.er-work-item{
margin-bottom:10px;
}

.er-work-proof{
gap:7px 14px;
}
}

@media (max-width:480px){
.er-work-gallery{
column-count:1;
}
}




/* ==========================================================================\n   Lead-generation homepage conversion layer - 2026-09-14\n   ========================================================================== */
:root{--lg-navy:#071827;--lg-navy2:#0d2639;--lg-gold:#f3b42f;--lg-gold2:#d79a17;--lg-ink:#15212b;--lg-muted:#60707b;--lg-cream:#f6f4ef;}
html{scroll-behavior:smooth;}
body.lg-leadgen-site{padding-bottom:0;background:#fff;}
.lg-header{background:#fff;box-shadow:0 6px 24px rgba(7,24,39,.08);}
.lg-header .navbar{padding:10px 0;background:#fff;}
.lg-header .navbar-brand img{max-height:62px;}
.lg-topbar{padding:7px 0;background:var(--lg-navy)!important;border:0;color:#fff;}
.lg-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:30px;}
.lg-topbar-proof{color:#dbe3e8;font-size:12px;font-weight:600;letter-spacing:.02em;}
.lg-topbar-proof .fa{margin-right:7px;color:var(--lg-gold);}
.lg-topbar-contacts{display:flex;align-items:center;gap:18px;}
.lg-topbar-contacts a{color:#fff!important;font-size:14px;font-weight:700;line-height:1.2;}
.lg-topbar-contacts a span{margin-right:5px;color:var(--lg-gold);}
.lg-navbar .navbar-nav>li>a{font-weight:600;color:#1b2730;}
.lg-navbar .navbar-nav>li>a:hover{color:#9b6700;}
.lg-navbar .quote-btn .btn{padding:9px 20px!important;color:var(--lg-navy)!important;background:var(--lg-gold)!important;border:0!important;font-weight:800!important;}
.lg-navbar .quote-btn .btn:hover{color:#fff!important;background:var(--lg-navy)!important;}
.lg-hero{position:relative;min-height:760px;overflow:hidden;background:var(--lg-navy);}
.lg-hero-bg{position:absolute;inset:0;background-image:url('../image/roofers-newcastle.webp');background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.01);}
.lg-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,24,39,.98) 0%,rgba(7,24,39,.93) 43%,rgba(7,24,39,.80) 68%,rgba(7,24,39,.62) 100%);}
.lg-hero-container{position:relative;z-index:2;padding-top:54px;padding-bottom:54px;}
.lg-hero-row{display:flex;align-items:center;}
.lg-hero-copy{padding-right:54px;color:#fff;}
.lg-kicker,.lg-section-kicker{margin:0 0 11px;color:var(--lg-gold);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;}
.lg-kicker .fa{margin-right:6px;}
.lg-hero h1{margin:0 0 4px;color:#fff;font-size:58px;font-weight:700;line-height:1.06;letter-spacing:-.025em;}
.lg-hero h2{max-width:760px;margin:12px 0 17px;color:#fff;font-size:31px;font-weight:400;line-height:1.24;}
.lg-hero-lead{max-width:730px;margin-bottom:24px;color:#e0e7eb;font-size:18px;line-height:1.65;}
.lg-hero-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;max-width:720px;margin:0 0 28px;padding:0;}
.lg-hero-benefits li{list-style:none;color:#fff;font-size:15px;font-weight:600;}
.lg-hero-benefits .fa{margin-right:8px;color:var(--lg-gold);}
.lg-direct-call{max-width:720px;padding:18px 20px;background:rgba(1,10,18,.56);border:1px solid rgba(243,180,47,.32);border-left:4px solid var(--lg-gold);}
.lg-direct-label{margin:0 0 12px;color:#fff;font-size:14px;font-weight:700;}
.lg-call-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.lg-person-call{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;color:#fff!important;background:#0c2a40;border:1px solid rgba(255,255,255,.14);border-radius:4px;transition:.2s ease;}
.lg-person-call:hover{background:var(--lg-gold);color:var(--lg-navy)!important;border-color:var(--lg-gold);}
.lg-person-name{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;}
.lg-person-number{font-size:17px;font-weight:800;white-space:nowrap;}
.lg-person-number .fa{margin-right:6px;color:var(--lg-gold);}
.lg-person-call:hover .fa{color:var(--lg-navy);}
.lg-microproof{margin:17px 0 0;color:#cbd5db;font-size:12px;line-height:1.6;}
.lg-microproof .fa{color:var(--lg-gold);}
.lg-hero-form{padding-left:14px;}
.lg-form-card{overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;}
.lg-form-heading{display:none;}
.lg-form-badge{display:inline-block;margin-bottom:8px;padding:5px 10px;color:var(--lg-navy);background:var(--lg-gold);border-radius:2px;font-size:11px;font-weight:900;letter-spacing:.16em;}
.lg-form-heading h2{margin:0 0 8px;color:var(--lg-navy);font-size:27px;font-weight:700;}
.lg-form-heading p{margin:0;color:#5b6872;font-size:14px;line-height:1.55;}
.lg-jotform-wrap{min-height:430px;padding:0;background:transparent;}
.lg-jotform-wrap iframe{display:block;width:100%!important;max-width:100%!important;margin:0 auto!important;}
.lg-form-reassurance{display:none;}
.lg-form-reassurance .fa{margin-right:5px;color:#9b6700;}
.lg-trust-strip{background:#fff;border-bottom:1px solid #dedede;box-shadow:0 8px 28px rgba(7,24,39,.06);}
.lg-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.lg-trust-grid>div{position:relative;padding:20px 20px 20px 57px;border-right:1px solid #e4e4e4;}
.lg-trust-grid>div:last-child{border-right:0;}
.lg-trust-grid .fa{position:absolute;left:21px;top:25px;color:#b77b00;font-size:23px;}
.lg-trust-grid strong{display:block;margin-bottom:1px;color:var(--lg-navy);font-size:17px;}
.lg-trust-grid span{display:block;color:#6c777f;font-size:12px;}
.lg-work-preview{padding:58px 0 63px;background:var(--lg-cream);}
.lg-work-preview-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px;}
.lg-work-preview-head h2{margin:0;color:var(--lg-navy);font-size:32px;font-weight:600;}
.lg-dark-outline{color:var(--lg-navy)!important;border-color:var(--lg-navy)!important;}
.lg-dark-outline:hover{color:#fff!important;background:var(--lg-navy)!important;}
.lg-work-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.lg-work-shot{position:relative;display:block;height:235px;overflow:hidden;background:var(--lg-navy);border-radius:3px;box-shadow:0 8px 22px rgba(7,24,39,.12);}
.lg-work-shot img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .35s ease;}
.lg-work-shot:after{position:absolute;inset:45% 0 0;content:"";background:linear-gradient(to top,rgba(7,24,39,.85),transparent);}
.lg-work-shot span{position:absolute;left:18px;bottom:15px;z-index:2;color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em;}
.lg-work-shot:hover img{transform:scale(1.045);}
.lg-work-preview-cta{margin-top:20px;padding:16px 18px;text-align:center;color:#dbe3e8;background:var(--lg-navy);border-left:4px solid var(--lg-gold);}
.lg-work-preview-cta strong{color:#fff;}
.lg-work-preview-cta a{color:var(--lg-gold);font-weight:800;}
.lg-why{background:#fff;}
.lg-why-row{display:flex;align-items:center;}
.lg-why-copy{padding-right:45px;}
.lg-why-copy h2{color:var(--lg-navy);font-size:35px;line-height:1.25;}
.lg-why-copy .lead{color:#44525c;}
.lg-why-callout{display:flex;gap:15px;align-items:flex-start;margin:27px 0 24px;padding:19px 20px;background:#f4f1e9;border-left:4px solid var(--lg-gold);}
.lg-why-callout>.fa{margin-top:4px;color:#a66f00;font-size:25px;}
.lg-why-callout strong,.lg-why-callout span{display:block;}
.lg-why-callout strong{margin-bottom:3px;color:var(--lg-navy);}
.lg-why-callout span{color:#53616a;font-size:14px;line-height:1.6;}
.lg-why-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px 16px;}
.lg-inline-call{color:var(--lg-navy);font-weight:800;}
.lg-inline-call .fa{margin-right:5px;color:#b77b00;}
.lg-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.lg-benefit-card{min-height:170px;padding:23px 21px;background:#f8f8f6;border:1px solid #e0e2e2;border-top:3px solid var(--lg-gold);}
.lg-benefit-card>.fa{margin-bottom:14px;color:#a66f00;font-size:24px;}
.lg-benefit-card h3{margin:0 0 7px;color:var(--lg-navy);font-size:17px;font-weight:700;}
.lg-benefit-card p{margin:0;color:#5c6870;font-size:13px;line-height:1.62;}
.lg-steps{padding:65px 0;background:var(--lg-navy);}
.lg-steps-head{text-align:center;}
.lg-steps-head h2{margin:0 0 32px;color:#fff;font-size:33px;}
.lg-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.lg-step{position:relative;padding:30px 27px;background:#0d2a40;border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--lg-gold);}
.lg-step>span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:17px;color:var(--lg-navy);background:var(--lg-gold);border-radius:50%;font-weight:900;}
.lg-step h3{margin:0 0 8px;color:#fff;font-size:20px;}
.lg-step p{margin:0;color:#c9d2d8;font-size:14px;line-height:1.65;}
.lg-steps-cta{margin-top:28px;text-align:center;}
.lg-mobile-actions{display:none;}

/* Make legacy homepage CTAs feed the hero conversion point without losing existing SEO content. */
.lg-leadgen-site .section-pad{scroll-margin-top:100px;}
.lg-leadgen-site #quote-form{scroll-margin-top:90px;}
.lg-leadgen-site .er-work-footer .btn-outline{border-color:#fff!important;color:#fff!important;}
.lg-leadgen-site .er-work-footer .btn-outline:hover{border-color:var(--lg-gold)!important;background:var(--lg-gold)!important;color:var(--lg-navy)!important;}
.lg-leadgen-site .lc-contact-card a[href^="tel:"]{font-weight:800;color:#9b6700;}

@media (max-width:1199px){
  .lg-hero{min-height:720px;}
  .lg-hero h1{font-size:50px;}
  .lg-hero h2{font-size:28px;}
  .lg-hero-copy{padding-right:28px;}
  .lg-person-number{font-size:15px;}
  .lg-work-shot{height:205px;}
}
@media (max-width:991px){
  .lg-topbar-proof{display:none;}
  .lg-topbar-inner{justify-content:center;}
  .lg-hero{min-height:0;}
  .lg-hero-overlay{background:rgba(7,24,39,.91);}
  .lg-hero-row,.lg-why-row{display:block;}
  .lg-hero-copy{padding-right:15px;padding-bottom:35px;text-align:center;}
  .lg-hero h1{font-size:50px;}
  .lg-hero-lead{margin-left:auto;margin-right:auto;}
  .lg-hero-benefits{max-width:650px;margin-left:auto;margin-right:auto;text-align:left;}
  .lg-direct-call{margin-left:auto;margin-right:auto;text-align:left;}
  .lg-hero-form{padding-left:15px;}
  .lg-form-card{max-width:650px;margin:0 auto;}
  .lg-trust-grid{grid-template-columns:1fr 1fr;}
  .lg-trust-grid>div:nth-child(2){border-right:0;}
  .lg-trust-grid>div:nth-child(-n+2){border-bottom:1px solid #e4e4e4;}
  .lg-work-preview-grid{grid-template-columns:1fr 1fr;}
  .lg-work-shot{height:260px;}
  .lg-why-copy{padding-right:15px;margin-bottom:35px;}
}
@media (max-width:767px){
  body.lg-leadgen-site{padding-bottom:70px;}
  .lg-header .navbar-brand img{max-height:48px;}
  .lg-topbar{padding:6px 0;}
  .lg-topbar-contacts{width:100%;justify-content:space-between;gap:8px;}
  .lg-topbar-contacts a{font-size:12px;}
  .lg-topbar-contacts a span{display:block;margin:0 0 2px;color:var(--lg-gold);font-size:10px;text-transform:uppercase;letter-spacing:.08em;}
  .lg-navbar .navbar-nav>li>a{text-align:center;}
  .lg-hero-container{padding-top:34px;padding-bottom:36px;}
  .lg-hero-copy{padding-bottom:25px;}
  .lg-kicker{font-size:10px;}
  .lg-hero h1{font-size:38px;}
  .lg-hero h2{font-size:24px;}
  .lg-hero-lead{font-size:16px;}
  .lg-hero-benefits{grid-template-columns:1fr;gap:8px;margin-bottom:20px;}
  .lg-call-buttons{grid-template-columns:1fr;}
  .lg-person-call{padding:12px 14px;}
  .lg-form-heading{padding:20px 18px 13px;}
  .lg-form-heading h2{font-size:23px;}
  .lg-jotform-wrap{min-height:390px;padding:0;}
  .lg-form-reassurance{display:none;}
  .lg-form-reassurance span{display:block;margin:4px 0;}
  .lg-trust-grid{grid-template-columns:1fr 1fr;}
  .lg-trust-grid>div{padding:16px 12px 16px 44px;}
  .lg-trust-grid .fa{left:14px;top:22px;font-size:20px;}
  .lg-trust-grid strong{font-size:14px;}
  .lg-trust-grid span{font-size:10px;line-height:1.35;}
  .lg-work-preview{padding:42px 0 47px;}
  .lg-work-preview-head{display:block;text-align:center;}
  .lg-work-preview-head h2{font-size:27px;}
  .lg-work-preview-head .btn{margin-top:16px;}
  .lg-work-preview-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .lg-work-shot{height:175px;}
  .lg-work-shot span{left:10px;bottom:10px;font-size:11px;}
  .lg-why-copy h2{font-size:29px;}
  .lg-benefit-grid{grid-template-columns:1fr;}
  .lg-benefit-card{min-height:0;}
  .lg-step-grid{grid-template-columns:1fr;}
  .lg-steps{padding:50px 0;}
  .lg-steps-head h2{font-size:28px;}
  .lg-mobile-actions{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:grid;grid-template-columns:1fr .8fr 1fr;min-height:64px;background:#071827;border-top:3px solid var(--lg-gold);box-shadow:0 -8px 24px rgba(0,0,0,.2);}
  .lg-mobile-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 5px;color:#fff!important;text-align:center;border-right:1px solid rgba(255,255,255,.12);}
  .lg-mobile-actions a:last-child{border-right:0;}
  .lg-mobile-actions span{color:#cdd6dc;font-size:9px;text-transform:uppercase;letter-spacing:.06em;}
  .lg-mobile-actions strong{margin-top:2px;font-size:12px;line-height:1.1;}
  .lg-mobile-actions .lg-mobile-quote{color:var(--lg-navy)!important;background:var(--lg-gold);}
  .lg-mobile-actions .lg-mobile-quote .fa{font-size:18px;margin-bottom:2px;}
  .lc-mobile-call{display:none!important;}
}
@media (max-width:430px){
  .lg-hero h1{font-size:34px;}
  .lg-hero h2{font-size:22px;}
  .lg-work-shot{height:145px;}
  .lg-person-number{font-size:14px;}
}


/* ==========================================================================
   EMPEROR ROOFING - APPROVED DESIGN AND FULL-SITE NAVIGATION
   The mini-site stylesheet above is retained, including its masonry gallery,
   original service cards, About section, enquiry hero and footer treatments.
   These components accompany the revised markup. Check legacy pages before migrating.
   ========================================================================== */
.eh-document,.eh-home{overflow-x:clip}
.eh-home{--lc-cream:#f6f4ef}
.eh-home :focus-visible{outline:2px solid #b47b00;outline-offset:5px}
.eh-home main:focus{outline:none}
.eh-skip{visibility:hidden;transform:translateY(-200%);position:fixed;left:16px;top:12px;z-index:5000;background:#f3b42f;color:#071827;padding:12px 20px;font-weight:700}
.eh-skip:focus{visibility:visible;transform:none;top:12px}
.eh-header{position:sticky;top:0;z-index:1800;background:#fff;box-shadow:0 6px 24px rgba(7,24,39,.08)}
.eh-nav-bar{background:#fff}
.eh-nav-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}
.eh-nav-inner::before,.eh-nav-inner::after{display:none}
.eh-brand{display:block;flex:0 0 215px;line-height:1}
.eh-brand img{display:block;width:215px;height:auto;max-height:62px;object-fit:contain;border-radius:0}
.eh-mainnav{min-width:0;margin-left:auto}
.eh-menu{display:flex;align-items:center;gap:21px;margin:0;padding:0;list-style:none}
.eh-menu>li{list-style:none;margin:0;padding:0}
.eh-menu>li>a:not(.btn),.eh-nav-group>summary{display:block;padding:28px 0;position:relative;color:#1b2730;font-family:"Roboto",sans-serif;font-size:16px;line-height:24px;font-weight:600;white-space:nowrap;cursor:pointer;text-decoration:none;list-style:none;transition:color .2s}
.eh-nav-group>summary::-webkit-details-marker{display:none}
.eh-nav-group>summary::marker{content:"";font-size:0}
.eh-nav-group>summary::before,.eh-nav-group>summary::after{content:none!important;display:none!important}
.eh-menu>li>a:not(.btn):hover,.eh-nav-group>summary:hover,.eh-nav-group[open]>summary{color:#9b6700}
.eh-menu>li>a[aria-current="page"]{color:#071827}
.eh-nav-group[open]>summary{box-shadow:inset 0 -3px #f3b42f}
.eh-menu .eh-nav-cta .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px!important;color:#071827!important;background:#f3b42f!important;border:0!important;border-radius:3px;font-size:12px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.eh-menu .eh-nav-cta .btn:hover{color:#fff!important;background:#071827!important}
.eh-menu-toggle{display:none}
.eh-panel{position:absolute;left:15px;right:15px;top:100%;z-index:1810;padding:24px 30px 28px;border-top:3px solid #f3b42f;background:#fff;box-shadow:0 18px 32px rgba(7,24,39,.15);max-height:calc(100dvh - 145px);overflow-y:auto;overscroll-behavior:contain}
.eh-panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 16px;margin-bottom:19px;border-bottom:1px solid #e6e6e3}
.eh-panel-top>span{color:#60707b;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.eh-panel-top>a{color:#9b6700;font-size:13px;font-weight:700;text-decoration:none}
.eh-panel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.eh-panel-column{min-width:0}
.eh-group-heading{margin:0 0 12px;color:#071827;font-size:13px;font-weight:700;line-height:1.4}
.eh-panel-column ul{margin:0;padding:0;list-style:none}
.eh-panel-column li{margin:0;list-style:none}
.eh-panel-column a{display:block;padding:7px 0;color:#52616c;font-size:13px;line-height:1.4;font-weight:400}
.eh-panel-column a:hover{color:#9b6700}
.eh-home section[id],.eh-home #quote-form,.eh-coverage{scroll-margin-top:150px}
.eh-home .lg-hero-row>*{min-width:0}
.eh-home .lg-person-call{padding-left:12px;padding-right:12px}
.eh-home .lg-person-name{font-size:12px}
.eh-home .lg-person-number{font-size:16px}
.eh-home .lg-person-number .fa{margin-right:4px}
.eh-home #services .feature-service-row{display:flex;flex-wrap:wrap;margin-top:0}
.eh-home #services .feature-service-row::before,.eh-home #services .feature-service-row::after{content:none}
.eh-home #services .feature-service-row>[class*="col-"]{display:flex}
.eh-home #services .feature.boxed{display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;border-radius:0}
.eh-home #services .feature.boxed>a{display:block}
.eh-home #services .feature.boxed>div:last-child{display:flex;flex-direction:column;flex:1}
.eh-home #services .fbox-photo{margin:0}
.eh-home #services .fbox-photo img{display:block;border-radius:0}
.eh-home #services .feature h3{font-size:19px;line-height:1.35}
.eh-home #services .feature h3 a{color:#071827}
.eh-home #services .feature h3 a:hover{color:#9b6700}
.eh-card-link{margin-top:auto!important;margin-bottom:0;padding-top:6px;font-size:12px;font-weight:700;letter-spacing:.07em}
.eh-card-link a{color:#9b6700}
.eh-card-link .fa{margin-left:5px;font-size:10px}
.eh-about-link{margin-top:24px}
.eh-detail-links{margin-top:20px;padding-top:15px;border-top:1px solid #e1e3e1}
.eh-detail-links a{display:block;margin-top:7px;color:#916100;font-size:12px;line-height:1.5;font-weight:700}
.eh-detail-links a:first-child{margin-top:0}
.eh-detail-links .fa{font-size:10px;margin-left:4px}
.lc-deep-dark .eh-detail-links{border-color:rgba(255,255,255,.16)}
.lc-deep-dark .eh-detail-links a{color:#f3b42f}
.eh-home .er-work-item:focus-within .er-work-view{opacity:1;transform:none}
/* The gallery stays column-based, with original aspect ratios. No uniform crops. */
.eh-home .er-work-gallery{display:block;column-count:4;column-gap:16px}
.eh-home .er-work-item{break-inside:avoid;page-break-inside:avoid}
.eh-home .er-work-item img{height:auto;object-fit:initial}
/* Original contact card: the supplied screenshot uses a warm neutral, not gold. */
.eh-home #contact-locations .lc-contact-card{background:#f6f4ef}
.eh-home #contact-locations .lc-contact-row>div{min-width:0}
.eh-home #contact-locations .lc-contact-row .fa{flex:0 0 35px}
.eh-home #contact-locations iframe{max-width:100%}
.eh-coverage{border-top:1px solid #e1e4e6;margin-top:55px;padding-top:48px}
.eh-region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px;margin-top:36px}
.eh-region-card{min-width:0;padding:25px 23px;background:#f8f8f6;border:1px solid #e0e2e2;border-top:3px solid #f3b42f}
.eh-region-label{margin:0 0 8px;color:#936400;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.eh-region-card h3{font-size:19px;color:#071827;margin:0 0 17px;line-height:1.4}
.eh-region-links{margin:0;padding:0;list-style:none}
.eh-region-links li{margin:0;list-style:none}
.eh-region-links a{display:block;padding:7px 0;border-top:1px solid #e2e4e2;color:#44535e;font-size:13px;line-height:1.5}
.eh-region-links li:first-child a{border-top:0}
.eh-region-links a:hover{color:#9b6700}
.eh-more-areas{margin-top:15px;border-top:1px solid #daddd9;padding-top:15px}
.eh-more-areas summary{display:block;position:relative;padding-right:18px;list-style:none;cursor:pointer;font-size:12px;font-weight:700;color:#956400;line-height:1.6}
.eh-more-areas summary::-webkit-details-marker{display:none}
.eh-more-areas summary::after{content:"+";position:absolute;right:0;top:0;font-size:17px;font-weight:400}
.eh-more-areas[open] summary::after{content:"\2212"}
.eh-more-areas .eh-region-links{margin-top:12px}
.eh-coverage-bottom{margin:28px auto 0;max-width:960px;text-align:center;font-size:14px;color:#5e6972;line-height:1.8}
.eh-coverage-bottom a{color:#906100;font-weight:600}
/* A new information section, built from the original full homepage copy. */
.eh-advice{background:#f6f4ef}
.eh-advice-row{display:flex;align-items:flex-start}
.eh-advice-copy{padding-right:42px}
.eh-advice h2{color:#071827}
.eh-advice .lead{font-size:18px;color:#44525c;line-height:1.75}
.eh-advice-copy>p:not(.lead):not(.lg-section-kicker){color:#53616a;font-size:15px;line-height:1.85}
.eh-text-link{color:#936400;font-size:13px;font-weight:700}
.eh-text-link .fa{font-size:11px;margin-left:6px}
.eh-enquiry-checklist{padding:32px 29px;background:#fff;border:1px solid #e0e2e2;border-top:3px solid #f3b42f}
.eh-enquiry-checklist h3{font-size:23px;line-height:1.45;color:#071827}
.eh-enquiry-checklist ul{margin:20px 0 24px}
.eh-enquiry-checklist li{position:relative;padding:9px 0 9px 23px;color:#53616a;font-size:14px;line-height:1.7;border-bottom:1px solid #e8e9e5}
.eh-enquiry-checklist li:last-child{border-bottom:0}
.eh-enquiry-checklist li .fa{position:absolute;left:0;top:15px;font-size:12px;color:#a16c00}
.eh-reading{margin-top:45px;padding-top:30px;border-top:1px solid #dadfdd}
.eh-reading-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}
.eh-reading-heading h3{margin:0;color:#071827;font-size:23px}
.eh-guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.eh-guide-links>a{display:block;padding:23px 24px;background:#fff;border:1px solid #e0e2e2;border-top:3px solid #f3b42f}
.eh-guide-links>a:hover{border-color:#c5b68a}
.eh-guide-links span{display:block;margin-bottom:9px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#976700;font-weight:700}
.eh-guide-links strong{display:block;color:#071827;font-family:"Poppins",sans-serif;font-size:16px;font-weight:400;line-height:1.55;margin-bottom:9px}
.eh-guide-links small{display:block;color:#60707b;font-size:13px;line-height:1.7}
/* Keep the familiar 5 / 3 / 4-column footer; add a quiet service directory below. */
.eh-home .footer-widget .widget-row{margin-left:0;margin-right:0}
.eh-home .footer-widget .footer-col:nth-child(3){clear:none}
.eh-footer-gap{margin-top:29px}
.eh-footer-region-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 18px}
.eh-footer-region-heading{margin:0 0 11px;color:#f3b42f;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.eh-footer-area-note{color:#aeb8c1;font-size:13px;line-height:1.7;margin-top:25px}
.eh-footer-all{color:#f3b42f!important;font-size:13px}
.eh-footer-email .fa{color:#f3b42f;width:22px}
.eh-footer-email a{overflow-wrap:anywhere}
.eh-footer-services{clear:both;margin-top:45px;padding-top:32px;border-top:1px solid rgba(255,255,255,.13)}
.eh-footer-directory-heading{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#f3b42f;margin-bottom:25px;font-weight:600}
.eh-footer-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.eh-footer-service-column .eh-group-heading{font-size:12px;color:#fff;margin-bottom:13px;font-weight:600}
.eh-footer-service-column ul{padding:0;margin:0;list-style:none}
.eh-footer-service-column li{list-style:none;padding-bottom:7px!important}
.eh-footer-service-column a{color:#bec8cf;font-size:12px;line-height:1.7}
.eh-footer-settings{margin-top:13px!important;font-size:12px!important;color:#aeb8c1}
.eh-home .copyright{padding-top:23px;padding-bottom:23px}
.eh-home .lg-mobile-actions{padding-bottom:env(safe-area-inset-bottom,0px)}
/* Accessible gallery viewer; the homepage gallery itself is unchanged. */
.eh-lightbox{position:fixed;inset:0;width:min(1100px,96vw);max-width:96vw;max-height:95dvh;padding:52px 20px 20px;border:0;background:#071827;color:#fff;overflow:auto}
.eh-lightbox::backdrop{background:rgba(0,0,0,.88)}
.eh-lightbox figure{margin:0;text-align:center}
.eh-lightbox img{display:block;margin:0 auto;max-width:100%;max-height:72dvh;width:auto;height:auto;border-radius:0}
.eh-lightbox figcaption{font-size:13px;color:#d6dde2;margin-top:15px;line-height:1.5}
.eh-lightbox-close{position:absolute;right:16px;top:10px;color:#fff;border:0;background:transparent;font-size:13px;padding:8px 12px}
.eh-lightbox-close span{font-size:24px;margin-left:10px;vertical-align:middle}
.eh-lightbox-controls{display:flex;justify-content:center;gap:12px;margin-top:15px}
.eh-lightbox-controls button{border:1px solid #70808c;color:#fff;background:transparent;font-size:12px;padding:8px 18px}
.eh-lightbox-controls button:hover{border-color:#f3b42f;color:#f3b42f}

@media(max-width:1199px){
 .eh-nav-inner{min-height:78px;flex-wrap:wrap;gap:0}
 .eh-brand{flex-basis:215px;padding:12px 0}
 .eh-menu-toggle{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #dfe2e4;border-radius:2px;padding:10px 13px;background:#fff;color:#071827;font-size:13px;font-weight:600}
 .eh-menu-icon{display:flex;flex-direction:column;gap:4px;width:19px}
 .eh-menu-icon i{height:1.5px;width:19px;background:currentColor;transition:transform .15s}
 .eh-menu-toggle[aria-expanded="true"] i:first-child{transform:translateY(5.5px) rotate(45deg)}
 .eh-menu-toggle[aria-expanded="true"] i:nth-child(2){opacity:0}
 .eh-menu-toggle[aria-expanded="true"] i:last-child{transform:translateY(-5.5px) rotate(-45deg)}
 .eh-mainnav{width:100%;margin:0}
 .eh-js .eh-mainnav{display:none}
 .eh-js .eh-mainnav.is-open{display:block;max-height:calc(100dvh - 128px);overflow-y:auto;padding:4px 0 22px;overscroll-behavior:contain}
 .eh-menu{display:block;padding-top:8px;border-top:1px solid #e5e7e6}
 .eh-menu>li>a:not(.btn),.eh-nav-group>summary{padding:12px 3px;border-bottom:1px solid #eee;font-size:15px;line-height:24px;white-space:normal}
 .eh-nav-group[open]>summary{box-shadow:none;color:#936400}
 .eh-panel{position:static;max-height:none;overflow:visible;margin:0 0 12px;padding:20px;border-top:2px solid #f3b42f;box-shadow:none;background:#f8f8f6}
 .eh-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .eh-panel-top{align-items:flex-start;flex-direction:column;gap:8px}
 .eh-panel-column a{padding:8px 0;font-size:13px}
 .eh-menu .eh-nav-cta{margin-top:14px}
 .eh-menu .eh-nav-cta .btn{width:100%}
 .eh-home .er-work-gallery{column-count:3}
 .eh-home .lg-person-call{flex-direction:column;align-items:flex-start;gap:6px}
 .eh-home .lg-person-number{font-size:15px}
 .eh-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991px){
 .eh-home .lg-hero-row .col-sm-12,.eh-home .lg-why-row .col-sm-12{width:100%;float:none}
 .eh-home .lg-hero h1{max-width:none}
 .eh-home #services .feature-service-row>[class*="col-"]{width:50%}
 .eh-home #contact-locations .row-vm{display:block}
 .eh-home #contact-locations .row-vm>.col-md-6{width:100%;float:none}
 .eh-home #contact-locations .row-vm>.col-md-6:last-child{margin-top:32px}
 .eh-advice-row{display:block}
 .eh-advice-row>[class*="col-"]{width:100%;float:none}
 .eh-advice-copy{padding-right:15px;margin-bottom:30px}
 .eh-home .footer-widget .footer-col.col-md-4{width:100%;clear:both!important;margin-top:38px}
 .eh-footer-region-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .eh-footer-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
 .eh-home .copyright .site-copy{text-align:left!important}
 .eh-home .copyright .site-copy+.site-copy{margin-top:16px}
 .eh-guide-links{gap:12px}
 .eh-guide-links>a{padding:20px 18px}
}
@media(max-width:767px){
 .eh-nav-inner{min-height:72px;gap:0}
 .eh-brand{flex-basis:185px;padding:14px 0}
 .eh-brand img{width:185px;max-height:48px}
 .eh-menu-toggle{padding:9px 11px}
 .eh-home section[id],.eh-home #quote-form,.eh-coverage{scroll-margin-top:132px}
 .eh-home .lg-hero-form{padding-left:15px;padding-right:15px}
 .eh-home .lg-person-call{flex-direction:row;align-items:center}
 .eh-home .lg-person-name{font-size:13px}
 .eh-home .lg-person-number{font-size:16px}
 .eh-home #services .feature-service-row>[class*="col-"]{width:100%}
 .eh-home .er-work-gallery{column-count:2;column-gap:10px}
 .eh-home .lg-why-copy{margin-bottom:35px}
 .eh-home #contact-locations .lc-contact-card{padding:23px 22px}
 .eh-home #contact-locations .lc-contact-row{font-size:14px}
 .eh-home #contact-locations .lc-contact-row .fa{flex-basis:28px;font-size:17px}
 .eh-home #contact-locations iframe{height:360px!important;min-height:360px!important}
 .eh-home .lc-section-intro .lead{font-size:18px}
 .eh-region-grid{gap:13px;margin-top:28px}
 .eh-region-card{padding:21px 18px}
 .eh-region-card h3{font-size:18px}
 .eh-region-links a{font-size:13px;padding:9px 0}
 .eh-enquiry-checklist{padding:27px 23px}
 .eh-reading-heading{display:block}
 .eh-reading-heading h3{margin-bottom:10px}
 .eh-guide-links{grid-template-columns:1fr}
 .eh-guide-links>a{padding:23px}
 .eh-home .footer-widget .footer-col{width:100%;float:none}
 .eh-home .footer-widget .footer-col+.footer-col{margin-top:32px}
 .eh-footer-region-grid{grid-template-columns:1fr 1fr;gap:25px}
 .eh-footer-services{margin-top:32px;padding-top:27px}
 .eh-footer-services-grid{gap:26px 18px}
 .eh-footer-service-column .eh-group-heading{font-size:12px}
 .eh-footer-service-column a{font-size:12px}
 .eh-home .footer-widget .wgs-content .menu li{padding-bottom:10px}
 .eh-lightbox{padding-left:12px;padding-right:12px}
}
@media(max-width:480px){
 .eh-home .er-work-gallery{column-count:1}
 .eh-panel{padding:17px 15px}
 .eh-panel-grid{grid-template-columns:1fr;gap:20px}
 .eh-panel-column{border-bottom:1px solid #e0e2df;padding-bottom:16px}
 .eh-panel-column:last-child{border-bottom:0;padding-bottom:0}
 .eh-region-grid{grid-template-columns:1fr}
 .eh-footer-services-grid{grid-template-columns:1fr}
 .eh-home .lg-topbar-contacts a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .eh-home *,.eh-home *::before,.eh-home *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* ==========================================================================
   Page presentation - extracted from the approved HTML. No inline CSS required.
   ========================================================================== */

html.eh-document .eh-reviews-background {
  background-image: linear-gradient(rgba(7,24,39,0.93), rgba(7,24,39,0.97)), url("../image/review-background-3.webp");
  background-position: center center;
  background-size: cover;
  border-top: 4px solid #f3b42f;
  border-bottom: 1px solid rgba(243,180,47,0.35);
}

html.eh-document .eh-gallery-background {
  background-image: url("../image/roofing-newcastle.webp");
}

html.eh-document .eh-company-panel {
  background: #071827;
  border-top: 3px solid #f3b42f;
  padding: 25px 28px;
  margin-top: 25px;
}

html.eh-document .eh-roof-advice-panel {
  background: #071827;
  border-top: 3px solid #f3b42f;
  padding: 34px 38px;
  margin-top: 10px;
}

html.eh-document .eh-map-panel {
  background: #071827;
  border-top: 4px solid #f3b42f;
  padding: 8px;
  box-shadow: 0 12px 32px rgba(7,24,39,0.14);
}

html.eh-document .eh-primary-service-card {
  background: #ffffff;
  border: 1px solid #d8dde1;
  margin-bottom: 30px;
}

html.eh-document .eh-featured-review {
  background: rgba(13,34,50,0.96);
  border: 1px solid rgba(243,180,47,0.65);
  border-top: 4px solid #f3b42f;
  padding: 36px 42px;
  max-width: 960px;
  margin: 0 auto 45px auto;
  box-shadow: 0 18px 45px rgba(0,0,0,0.24);
}

html.eh-document .eh-footer-company {
  border-left: 3px solid #f3b42f;
  padding: 2px 0 2px 17px;
  margin-top: 20px;
}

html.eh-document .eh-roof-advice-strip {
  border-top: 1px solid rgba(243,180,47,0.25);
  margin-top: 26px;
  padding-top: 18px;
  text-align: center;
}

html.eh-document .eh-review-author-block {
  border-top: 1px solid rgba(243,180,47,0.25);
  padding-top: 19px;
  text-align: center;
}

html.eh-document .eh-footer-contacts {
  border-top: 1px solid rgba(255,255,255,0.14);
  margin: 22px 0 20px 0;
  padding-top: 20px;
}

html.eh-document .eh-footer-border {
  border-top: 4px solid #f3b42f;
}

html.eh-document .eh-map-frame {
  border: 0;
  display: block;
  width: 100%;
  min-height: 450px;
}

html.eh-document .eh-primary-service-title {
  color: #071827;
  margin-top: 0;
}

html.eh-document .eh-primary-service-description {
  color: #5e6972;
}

html.eh-document .eh-call-note {
  color: #9eaab4;
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 0;
}

html.eh-document .eh-review-projects {
  color: #9eaab4;
  font-size: 13px;
  margin: 0;
}

html.eh-document .eh-roof-advice-secondary {
  color: #9eaab4;
  margin-bottom: 0;
}

html.eh-document .eh-map-description {
  color: #cbd3d9;
  margin: 0;
}

html.eh-document .eh-roof-advice-strip-text {
  color: #d7dde2;
  font-size: 13px;
  margin: 0;
}

html.eh-document .eh-roof-advice-intro {
  color: #d7dde2;
  margin-bottom: 10px;
}

html.eh-document .eh-company-body {
  color: #d8dde2;
  line-height: 1.8;
}

html.eh-document .eh-review-follow-up {
  color: #d8dde2;
  text-align: center;
  font-size: 16px;
  line-height: 1.75;
  max-width: 850px;
  margin: 0 auto 22px auto;
}

html.eh-document .eh-gold-icon {
  color: #f3b42f;
}

html.eh-document .eh-review-quote-icon {
  color: #f3b42f;
  font-size: 30px;
}

html.eh-document .eh-credit-brand {
  color: #f3b42f;
  font-weight: 600;
}

html.eh-document .eh-review-author {
  color: #f3b42f;
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 5px 0;
}

html.eh-document .eh-company-link {
  color: #f3b42f;
  font-weight: 600;
  text-decoration: none;
}

html.eh-document .eh-footer-company-kicker {
  color: #f3b42f;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 11px;
  font-weight: 700;
  margin: 0 0 7px 0;
}

html.eh-document .eh-company-kicker {
  color: #f3b42f;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

html.eh-document .eh-map-kicker {
  color: #f3b42f;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
  font-weight: 700;
  margin: 0 0 7px 0;
}

html.eh-document .eh-roof-advice-kicker {
  color: #f3b42f;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
}

html.eh-document .eh-primary-service-kicker {
  color: #f3b42f;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  margin-bottom: 8px;
}

html.eh-document .eh-reviews-kicker {
  color: #f3b42f;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}

html.eh-document .eh-footer-contact-icon {
  color: #f3b42f;
  width: 22px;
}

html.eh-document .eh-white-text {
  color: #ffffff;
}

html.eh-document .eh-direct-phone-link {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
}

html.eh-document .eh-roof-advice-title {
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 10px;
}

html.eh-document .eh-reviews-title {
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 14px;
}

html.eh-document .eh-company-title {
  color: #ffffff;
  margin: 0 0 16px 0;
}

html.eh-document .eh-compact-white-title {
  color: #ffffff;
  margin: 0 0 8px 0;
}

html.eh-document .eh-review-quote {
  color: #ffffff;
  text-align: center;
  line-height: 1.75;
  margin: 0 auto 18px auto;
}

html.eh-document .eh-review-source-note {
  display: inline-block;
  color: #bfc8cf;
  font-size: 12px;
  margin: 0;
  padding: 8px 15px;
  border: 1px solid rgba(243,180,47,0.25);
}

html.eh-document .eh-external-link-icon {
  font-size: 11px;
  margin-left: 4px;
}

html.eh-document .eh-copyright-note {
  font-size: 12px;
  color: #aab2b9;
  margin-bottom: 0;
}

html.eh-document .eh-footer-company-details {
  font-size: 13px;
  line-height: 1.7;
  margin: 0;
  color: #b9c2c9;
}

html.eh-document .eh-footer-description {
  font-size: 15px;
  line-height: 1.8;
}

html.eh-document .eh-footer-contact-line {
  margin-bottom: 10px;
}

html.eh-document .eh-footer-logo-wrap {
  margin-bottom: 25px;
}

html.eh-document .eh-copyright-title {
  margin-bottom: 4px;
}

html.eh-document .eh-contact-card-space {
  margin-top: 25px;
}

html.eh-document .eh-contact-row-space {
  margin-top: 38px;
}

html.eh-document .eh-footer-company-name {
  margin: 0 0 4px 0;
}

html.eh-document .eh-first-phone-line {
  margin: 0 0 7px;
}

html.eh-document .eh-company-detail-line {
  margin: 0 0 9px 0;
}

html.eh-document .eh-no-margin {
  margin: 0;
}

html.eh-document .eh-company-link-row {
  margin: 15px 0 0 0;
}

html.eh-document .eh-reviews-widget {
  max-width: 1100px;
  margin: 0 auto;
  border-top: 3px solid #f3b42f;
  padding: 25px 25px 15px 25px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.22);
}

html.eh-document .eh-footer-logo {
  max-width: 250px;
  height: auto;
}

html.eh-document .eh-reviews-spacing {
  padding-top: 65px;
  padding-bottom: 60px;
}

html.eh-document .eh-map-caption {
  padding: 25px 24px 22px 24px;
  text-align: center;
}

html.eh-document .eh-primary-service-body {
  padding: 25px 25px 28px 25px;
}

html.eh-document .eh-align-center {
  text-align: center;
}

html.eh-document .eh-services-title {
  text-align: center;
  color: #000000;
  margin-top: 0;
}

html.eh-document .eh-services-lead {
  text-align: center;
  color: #000000;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

html.eh-document .eh-services-kicker {
  text-align: center;
  color: #f3b42f;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}

html.eh-document .eh-review-icon-wrap {
  text-align: center;
  margin-bottom: 20px;
}

html.eh-document .eh-more-reviews-intro {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 25px auto;
}

html.eh-document .eh-reviews-intro {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 32px auto;
}

html.eh-document .eh-coverage-intro {
  text-align: center;
  max-width: 930px;
  margin: 0 auto;
}

html.eh-document .eh-service-section-intro {
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
}

html.eh-document .eh-direct-call-column {
  text-align: center;
  padding-top: 18px;
}

html.eh-document .eh-review-sources {
  text-align: center;
  padding-top: 20px;
}

html.eh-document .eh-credit-alignment {
  text-align: right;
}

html.eh-document .eh-fluid-image {
  width: 100%;
  height: auto;
}


/* ========================================================================== 
   Homepage FAQs, informational cookie notice and footer sitemap
   ========================================================================== */
html.eh-document .eh-faq-section {
  background: #f6f4ef;
  border-top: 1px solid #e4e4df;
}
.eh-faq-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.42fr);
  align-items: start;
  gap: 58px;
}
.eh-faq-intro,
.eh-faq-list {
  min-width: 0;
}
.eh-faq-intro .lg-section-kicker {
  color: #9b6700;
}
.eh-faq-intro h2 {
  margin: 0 0 22px;
  color: #071827;
  font-size: 32px;
  line-height: 1.3;
}
.eh-faq-intro .lead {
  color: #44525c;
  font-size: 19px;
  line-height: 1.65;
}
.eh-faq-intro > p:not(.lg-section-kicker):not(.lead) {
  color: #5e6972;
}
.eh-faq-intro > .btn {
  margin-top: 8px;
}
.eh-faq-contacts {
  display: grid;
  gap: 8px;
  margin-top: 23px;
}
.eh-faq-contacts a {
  width: fit-content;
  color: #071827;
  font-size: 15px;
  font-weight: 700;
}
.eh-faq-contacts a span {
  display: inline-block;
  min-width: 58px;
  color: #9b6700;
}
.eh-faq-contacts a:hover,
.eh-faq-contacts a:focus-visible {
  color: #9b6700;
  text-decoration: underline;
}
.eh-faq-item {
  margin: 0 0 12px;
  border: 1px solid #dce1e4;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(7, 24, 39, 0.035);
}
.eh-faq-item:last-child {
  margin-bottom: 0;
}
.eh-faq-item[open] {
  border-color: #d6ad54;
  box-shadow: 0 7px 20px rgba(7, 24, 39, 0.055);
}
.eh-faq-item > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 21px 24px;
  color: #071827;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.55;
  cursor: pointer;
  list-style: none;
}
.eh-faq-item > summary::-webkit-details-marker {
  display: none;
}
.eh-faq-item > summary::marker {
  content: "";
}
.eh-faq-item > summary:hover {
  color: #9b6700;
}
.eh-faq-symbol {
  position: relative;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border: 1px solid #eed5a2;
  border-radius: 50%;
  background: #fcf6e8;
}
.eh-faq-symbol::before,
.eh-faq-symbol::after {
  position: absolute;
  top: 11px;
  left: 7px;
  width: 10px;
  height: 2px;
  content: "";
  background: #9b6700;
}
.eh-faq-symbol::after {
  transform: rotate(90deg);
}
.eh-faq-item[open] .eh-faq-symbol::after {
  display: none;
}
.eh-faq-answer {
  padding: 0 24px 24px;
  color: #5e6972;
  font-size: 15px;
  line-height: 1.85;
}
.eh-faq-answer p {
  margin: 0;
}
.eh-faq-answer a {
  color: #9b6700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.eh-faq-answer a:hover,
.eh-faq-answer a:focus-visible {
  color: #071827;
}
html.eh-document .copyright .eh-sitemap-link,
html.eh-document .copyright .eh-sitemap-link:link,
html.eh-document .copyright .eh-sitemap-link:visited,
html.eh-document .copyright .eh-sitemap-link:hover,
html.eh-document .copyright .eh-sitemap-link:focus,
html.eh-document .copyright .eh-sitemap-link:active {
  color: #f3b42f !important;
}
html.eh-document .copyright .eh-sitemap-link:hover,
html.eh-document .copyright .eh-sitemap-link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* This is a notice only. It does not enable, disable or defer scripts. */
html.eh-document .cc-window {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  line-height: 1.65;
}
/* With scripts disabled, keep the expanded fallback navigation in page flow. */
@media (max-width: 1199px) {
  html.eh-document:not(.eh-js) .eh-header {
    position: static;
  }
  html.eh-document:not(.eh-js) .eh-menu-toggle {
    display: none;
  }
}
@media (max-width: 991px) {
  .eh-faq-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .eh-faq-intro {
    max-width: 690px;
  }
}
@media (max-width: 767px) {
  .eh-faq-intro h2 {
    font-size: 28px;
  }
  .eh-faq-intro .lead {
    font-size: 17px;
  }
  .eh-faq-item > summary {
    gap: 12px;
    padding: 18px;
    font-size: 15px;
  }
  .eh-faq-answer {
    padding: 0 18px 20px;
    font-size: 14px;
  }
  html.eh-document .cc-window.cc-bottom {
    bottom: calc(67px + env(safe-area-inset-bottom, 0px));
  }
}


/* ==========================================================================
   Location pages - the approved homepage layout with a separate hero image.
   The homepage continues to use its original roofers-newcastle.webp image.
   ========================================================================== */
html.eh-document .eh-location .lg-hero-bg {
  background-image: url("../image/roofers.webp");
}
.eh-location .lg-hero h1 {
  overflow-wrap: break-word;
}
.eh-location .eh-panel a[aria-current="page"] {
  color: #9b6700;
  font-weight: 700;
}

/* ========================================================================== 
   Emperor Roofing - in-depth service and information pages
   The approved homepage/location stylesheet above is preserved unchanged.
   ========================================================================== */
.ep-page { --ep-navy:#071827; --ep-gold:#f3b42f; --ep-cream:#f6f4ef; --ep-text:#52616c; }
.ep-page .ep-section { padding-top:76px; padding-bottom:76px; }
.ep-page .ep-white { background:#fff; }
.ep-page .ep-cream { background:var(--ep-cream); }
.ep-page .ep-navy { background:var(--ep-navy); color:#d8e1e7; }
.ep-page .ep-navy h2,.ep-page .ep-navy h3 { color:#fff; }
.ep-page .ep-navy p { color:#d0dae1; }
.ep-page .ep-navy .lg-section-kicker { color:var(--ep-gold); }
.ep-page .ep-section[id], .ep-page .ep-article-section[id] { scroll-margin-top:154px; }
.ep-page .ep-hero .lg-hero-copy { padding-right:40px; }
.ep-page .ep-hero h1 { max-width:770px; font-size:clamp(36px,3.4vw,53px); line-height:1.13; letter-spacing:-.025em; }
.ep-page .ep-hero .ep-hero-subtitle { margin:18px 0; font-size:27px; line-height:1.35; font-weight:400; }
.ep-page .ep-hero .lg-hero-lead { margin:20px 0 25px; font-size:18px; }
.ep-page .ep-hero-form { min-height:720px; }
.ep-page .ep-hero-form .lg-hero-container { padding-top:43px; padding-bottom:52px; }
.ep-page .ep-hero-simple { min-height:0; }
.ep-page .ep-hero-simple .lg-hero-container { padding-top:43px; padding-bottom:59px; }
.ep-page .ep-simple-hero-copy { max-width:910px; }
.ep-page .ep-hero-simple h1 { font-size:clamp(35px,4vw,57px); max-width:910px; }
.ep-page .ep-hero-simple .lg-hero-lead { max-width:850px; margin-bottom:0; font-size:20px; line-height:1.65; }
.ep-page .ep-hero-simple .lg-hero-overlay { background:linear-gradient(90deg,rgba(7,24,39,.98),rgba(7,24,39,.84)); }
.ep-breadcrumb { margin:0 0 30px; }
.ep-breadcrumb ol { display:flex; flex-wrap:wrap; align-items:center; gap:7px 0; margin:0; padding:0; }
.ep-breadcrumb li { margin:0; color:#c9d3db; font-size:12px; line-height:1.6; list-style:none; }
.ep-breadcrumb li+li::before { display:inline-block; content:"/"; margin:0 12px; color:#91a2ae; }
.ep-breadcrumb a { color:#fff; }
.ep-breadcrumb a:hover,.ep-breadcrumb a:focus-visible { color:var(--ep-gold); text-decoration:underline; }
.ep-hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:29px; }
.ep-page .ep-hero-actions .btn-outline { border-color:#cbd4da; color:#fff; }
.ep-page .ep-hero-actions .btn-outline:hover { border-color:var(--ep-gold); color:var(--ep-navy); }
.ep-page .ep-article-byline { font-size:13px; color:#bdcbd5; margin:25px 0 0; }
.ep-heading { max-width:880px; margin:0 0 35px; }
.ep-heading h2 { margin:0 0 17px; color:var(--ep-navy); font-size:34px; line-height:1.3; letter-spacing:-.018em; }
.ep-heading .lg-section-kicker { color:#9b6700; font-size:11px; letter-spacing:.16em; margin-bottom:12px; }
.ep-heading .lead { margin:0; color:#53616b; font-size:18px; line-height:1.75; }
.ep-center { text-align:center; margin-left:auto; margin-right:auto; }
.ep-readable { max-width:925px; margin:auto; }
.ep-readable > .ep-heading { max-width:none; }
.ep-readable > p { color:var(--ep-text); line-height:1.85; }
.ep-split { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:60px; align-items:center; }
.ep-split-reverse { grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); }
.ep-split > * { min-width:0; }
.ep-prose p { color:var(--ep-text); font-size:16px; line-height:1.85; margin:0 0 21px; }
.ep-prose p:last-child { margin-bottom:0; }
.ep-prose p a,.ep-readable p a { color:#916100; text-decoration:underline; text-underline-offset:3px; }
.ep-prose strong { color:var(--ep-navy); }
.ep-photo { margin:0; overflow:hidden; border-radius:5px; border:1px solid #dce1e3; background:#e6e9e9; box-shadow:0 12px 32px rgba(7,24,39,.085); }
.ep-photo img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:0; color:#52616b; font-size:13px; }
.ep-photo figcaption { padding:13px 17px; font-size:12px; color:#53616b; line-height:1.6; background:#fff; }
.ep-photo-note { margin-top:17px; padding:20px 24px; border-left:3px solid var(--ep-gold); background:var(--ep-cream); }
.ep-photo-note span { display:block; font-size:12px; font-weight:700; color:var(--ep-navy); letter-spacing:.035em; margin-bottom:6px; }
.ep-photo-note p { margin:0; color:#5c6972; font-size:14px; line-height:1.65; }
.ep-jump { border-top:1px solid #e1e4e4; border-bottom:1px solid #e1e4e4; background:#fff; }
.ep-jump > .container { display:flex; align-items:center; gap:27px; padding-top:17px; padding-bottom:17px; }
.ep-jump strong { flex:0 0 auto; font-size:11px; letter-spacing:.07em; color:#8a650e; text-transform:uppercase; }
.ep-jump ul { display:flex; flex-wrap:wrap; gap:8px 26px; margin:0; padding:0; }
.ep-jump li { margin:0; font-size:13px; list-style:none; }
.ep-jump a { color:#52616b; }
.ep-jump a:hover { color:#946600; text-decoration:underline; text-underline-offset:4px; }
.ep-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.ep-option { display:flex; flex-direction:column; padding:29px 28px; background:#fff; border:1px solid #dfe3e4; border-top:3px solid var(--ep-gold); border-radius:5px; }
.ep-option-number { display:flex; width:37px; height:37px; align-items:center; justify-content:center; border:1px solid #efdbb6; color:#9b6700; background:#fbf5e8; border-radius:50%; font-size:12px; font-weight:700; margin:0 0 19px; }
.ep-option h3 { margin:0 0 13px; font-size:21px; line-height:1.4; font-weight:400; color:var(--ep-navy); }
.ep-option p { font-size:15px; color:var(--ep-text); line-height:1.8; margin:0 0 23px; }
.ep-option .ep-text-link { margin-top:auto; padding-top:16px; border-top:1px solid #e4e6e4; }
.ep-text-link { display:inline-block; color:#946300; font-size:13px; line-height:1.6; font-weight:700; text-decoration:none; }
.ep-text-link .fa { margin-left:7px; font-size:11px; }
.ep-text-link:hover,.ep-text-link:focus-visible { color:var(--ep-navy); text-decoration:underline; text-underline-offset:4px; }
.ep-navy .ep-text-link { color:var(--ep-gold); }
.ep-navy .ep-text-link:hover { color:var(--ep-gold); }
.ep-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px 42px; }
.ep-detail { padding:24px 0 8px; border-top:1px solid rgba(243,180,47,.5); }
.ep-detail h3 { font-size:21px; font-weight:400; line-height:1.4; margin:0 0 16px; }
.ep-detail p { font-size:15px; line-height:1.9; margin:0; }
.ep-source-note { margin-top:37px; padding:19px 21px; font-size:11px; line-height:1.85; background:rgba(255,255,255,.055); border-left:2px solid #c99630; color:#b9c8d2; }
.ep-source-note strong { color:#e3e9ed; }
.ep-source-note a { color:#e7c273; text-decoration:underline; text-underline-offset:3px; }
.ep-source-note span { padding:0 4px; }
.ep-cream .ep-source-note { color:#63727d; background:#fff; }
.ep-cream .ep-source-note strong { color:#203342; }
.ep-cream .ep-source-note a { color:#805700; }
.ep-planning-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px 38px; }
.ep-planning-point { position:relative; padding:26px 28px 28px; border:1px solid #e0e4e5; border-radius:4px; background:#fbfcfc; }
.ep-point-number { display:block; font-size:12px; font-weight:700; color:#9b6700; letter-spacing:.08em; margin-bottom:12px; }
.ep-planning-point h3 { font-size:20px; font-weight:400; line-height:1.45; color:var(--ep-navy); margin:0 0 13px; }
.ep-planning-point p { color:var(--ep-text); font-size:15px; line-height:1.85; }
.ep-scope-grid { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:16px 25px; }
.ep-scope-item { border:1px solid #dce1e2; border-radius:4px; background:#fff; }
.ep-scope-item summary { display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; cursor:pointer; padding:21px 24px; font-size:15px; line-height:1.6; color:var(--ep-navy); font-weight:700; }
.ep-scope-item summary::-webkit-details-marker { display:none; }
.ep-scope-item summary::marker { content:""; }
.ep-scope-item summary span { color:#a16c00; font-size:23px; line-height:1; font-weight:400; }
.ep-scope-item[open] summary span { transform:rotate(45deg); }
.ep-scope-item[open] { border-color:#d8b65e; }
.ep-scope-item > div { padding:0 24px 25px; }
.ep-scope-item p,.ep-scope-item li { color:#52616b; font-size:14px; line-height:1.8; }
.ep-scope-item ul { padding-left:18px; margin:0 0 20px; }
.ep-scope-item li { list-style:disc; }
.ep-cost-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.ep-cost-factor { border-top:2px solid var(--ep-gold); padding-top:23px; }
.ep-cost-factor h3 { font-size:20px; font-weight:400; line-height:1.45; color:var(--ep-navy); margin-bottom:13px; }
.ep-cost-factor p { color:var(--ep-text); font-size:15px; line-height:1.85; margin:0; }
.ep-inline-cta { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:35px; padding:24px 29px; border-left:4px solid var(--ep-gold); background:var(--ep-cream); }
.ep-inline-cta p { margin:0; color:#55636d; font-size:14px; }
.ep-inline-cta p strong { display:block; color:var(--ep-navy); margin-bottom:4px; }
.ep-inline-cta .btn { flex:0 0 auto; }
.ep-related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:21px; }
.ep-related-three,.ep-related-grid:has(>.ep-related-card:nth-child(3):last-child) { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ep-related-card { overflow:hidden; background:#fff; border:1px solid #dfe2e3; border-radius:5px; display:flex; flex-direction:column; }
.ep-related-image { display:block; }
.ep-related-image .ep-photo { border:0; border-radius:0; box-shadow:none; }
.ep-related-image .ep-photo img { aspect-ratio:3/2; transition:transform .25s; }
.ep-related-image:hover img { transform:scale(1.035); }
.ep-related-body { padding:24px 22px; display:flex; flex-direction:column; flex:1; }
.ep-related-body h3 { font-size:19px; line-height:1.4; font-weight:400; margin:0 0 13px; }
.ep-card-title { color:var(--ep-navy); }
.ep-card-title .fa { display:none; }
.ep-card-title:hover { color:#936300; }
.ep-related-body p { font-size:14px; line-height:1.8; color:var(--ep-text); margin:0 0 24px; }
.ep-related-body > .ep-text-link { margin-top:auto; padding-top:14px; border-top:1px solid #e7e8e5; }
.ep-location-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; padding-top:8px; }
.ep-location-column { padding-top:22px; border-top:1px solid #48606e; }
.ep-location-column h3 { font-size:17px; line-height:1.4; font-weight:400; margin:0 0 17px; }
.ep-location-column ul { margin:0; }
.ep-location-column li { margin:0 0 8px; }
.ep-location-column a { color:#cbd8df; font-size:14px; }
.ep-location-column a:hover { color:var(--ep-gold); text-decoration:underline; text-underline-offset:4px; }
/* Cream-background coverage section: darker location links for readability */
#coverage.ep-cream .ep-location-column a,
#coverage.ep-cream .ep-location-column a:visited { color:#465d6a; }
#coverage.ep-cream .ep-location-column a:hover,
#coverage.ep-cream .ep-location-column a:focus { color:#936300; text-decoration:underline; text-underline-offset:4px; }
.ep-location-note { margin:29px 0 0; font-size:13px; border-top:1px solid #294352; padding-top:25px; }
.ep-location-note .ep-text-link { margin-left:8px; }
.ep-area-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.ep-area-panel { padding:31px; border:1px solid #dfe2e2; border-top:3px solid var(--ep-gold); border-radius:4px; background:#fff; }
.ep-area-panel h3 { margin:0 0 13px; font-size:25px; font-weight:300; color:var(--ep-navy); }
.ep-area-panel p { color:var(--ep-text); font-size:14px; line-height:1.8; }
.ep-area-links { columns:2; column-gap:18px; margin:22px 0 0; padding:0; }
.ep-area-links li { break-inside:avoid; margin:0; padding:6px 0; font-size:14px; line-height:1.5; }
.ep-area-links a { color:#465d6a; }
.ep-area-links a:hover { color:#9b6700; text-decoration:underline; }
.ep-cta-row { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:65px; align-items:center; }
.ep-cta-row h2 { font-size:32px; line-height:1.35; margin:0 0 18px; }
.ep-cta-row p { font-size:15px; line-height:1.8; margin:0; }
.ep-cta-row .lg-section-kicker { margin-bottom:14px; font-size:11px; }
.ep-cta-actions { display:flex; flex-direction:column; align-items:center; gap:10px; }
.ep-cta-actions > a:not(.btn) { font-size:14px; color:#e5eaf0; font-weight:700; }
.ep-cta-actions > .btn { margin-bottom:9px; }
.ep-page .ep-final-cta { border-top:1px solid #2a4352; }
.ep-editorial { display:flex; flex-direction:column; gap:43px; }
.ep-editorial-row { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.45fr); gap:62px; padding-top:32px; border-top:1px solid #dce1e2; }
.ep-editorial-row h2 { color:var(--ep-navy); font-size:27px; line-height:1.4; margin:0; }
.ep-small-index { display:block; color:#a26c00; font-size:11px; letter-spacing:.11em; margin-bottom:13px; font-weight:700; }
.ep-directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px; }
.ep-directory-card { padding:28px; display:flex; flex-direction:column; border:1px solid #e0e4e5; border-radius:4px; background:#fff; border-top:3px solid var(--ep-gold); }
.ep-directory-card h3 { font-size:21px; font-weight:400; line-height:1.4; }
.ep-directory-card p { color:var(--ep-text); font-size:15px; line-height:1.8; margin-bottom:24px; }
.ep-directory-card > .ep-text-link { margin-top:auto; border-top:1px solid #e4e6e3; padding-top:16px; }
.ep-page #our-approach .lg-benefit-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ep-page #our-approach .lg-benefit-card { background:#fff; }
.ep-article-layout { display:grid; grid-template-columns:minmax(0,.55fr) minmax(0,1.65fr); gap:70px; align-items:start; }
.ep-article-toc { position:sticky; top:155px; background:var(--ep-cream); border-top:3px solid var(--ep-gold); padding:25px; }
.ep-article-toc > strong { display:block; font-size:15px; color:var(--ep-navy); margin-bottom:18px; }
.ep-article-toc ol { margin:0 0 20px; padding-left:17px; }
.ep-article-toc li { list-style:decimal; padding-left:5px; margin-bottom:11px; color:#a7751b; font-size:13px; line-height:1.7; }
.ep-article-toc a { color:#4c616e; }
.ep-article-toc a:hover { color:#936200; text-decoration:underline; }
.ep-article-main { min-width:0; }
.ep-article-main p { color:var(--ep-text); font-size:16px; line-height:1.9; }
.ep-article-intro { font-size:18px; border-left:3px solid var(--ep-gold); padding-left:24px; margin-bottom:43px; }
.ep-article-intro p { color:#243f50; font-size:18px; line-height:1.8; }
.ep-article-section { margin:0 0 40px; }
.ep-article-section h2 { font-size:29px; line-height:1.4; color:var(--ep-navy); margin:0 0 21px; }
.ep-article-main .ep-photo { margin:8px 0 44px; }
.ep-table-scroll { width:100%; max-width:100%; overflow:auto; border:1px solid #dce2e4; border-radius:4px; background:#fff; }
.ep-table-scroll table { border-collapse:collapse; border-spacing:0; width:100%; min-width:710px; margin:0; }
.ep-table-scroll caption { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.ep-table-scroll th,.ep-table-scroll td { padding:20px; text-align:left; vertical-align:top; border-bottom:1px solid #e2e6e7; border-right:1px solid #e2e6e7; font-size:14px; line-height:1.8; color:var(--ep-text); }
.ep-table-scroll thead th { color:#fff; background:var(--ep-navy); font-weight:700; }
.ep-table-scroll tbody th { color:var(--ep-navy); min-width:165px; font-weight:700; }
.ep-table-scroll tr:last-child td,.ep-table-scroll tr:last-child th { border-bottom:0; }
.ep-table-scroll td:last-child,.ep-table-scroll th:last-child { border-right:0; }
.ep-sitemap-grid { display:grid; grid-template-columns:1fr 1fr; gap:55px; }
.ep-sitemap-grid h2,.ep-sitemap-services h2 { font-size:26px; color:var(--ep-navy); margin:0 0 22px; }
.ep-sitemap-grid li,.ep-sitemap-services li { font-size:15px; line-height:1.7; padding:5px 0; }
.ep-plain-link { color:#4b626f; }
.ep-plain-link .fa { display:none; }
.ep-plain-link:hover { color:#946300; text-decoration:underline; }
.ep-sitemap-services { border-top:1px solid #dbe1e3; margin-top:36px; padding-top:33px; }
.ep-sitemap-services ul { display:grid; grid-template-columns:repeat(3,1fr); gap:5px 25px; margin:0; }
.ep-xml-link a { color:#956600; text-decoration:underline; }
.ep-utility { max-width:820px; margin:auto; text-align:center; padding:15px 0; }
.ep-utility h2 { font-size:34px; color:var(--ep-navy); margin:0 0 24px; }
.ep-utility p { font-size:17px; line-height:1.9; color:var(--ep-text); }
.ep-utility .lg-section-kicker { color:#9b6700; font-size:12px; }
.ep-utility-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:15px; margin-top:28px; }
.ep-policy-section { padding-top:33px; margin-top:32px; border-top:1px solid #d9dddd; }
.ep-policy-section:first-child { padding-top:0; margin-top:0; border-top:0; }
.ep-policy-section h2,.ep-policy-resources h2 { font-size:27px; color:var(--ep-navy); line-height:1.4; margin:0 0 20px; }
.ep-policy-resources { margin-top:40px; padding:28px; border-left:3px solid var(--ep-gold); background:#fff; }
.ep-policy-resources ul { margin:0; }
.ep-policy-resources li { margin:8px 0; font-size:14px; }
.ep-policy-resources a { color:#966600; text-decoration:underline; }
@media(max-width:1199px) {
 .ep-page .ep-section { padding-top:62px; padding-bottom:62px; }
 .ep-page .ep-hero .lg-hero-copy { padding-right:25px; }
 .ep-page .ep-hero h1 { font-size:41px; }
 .ep-page .ep-hero .ep-hero-subtitle { font-size:25px; }
 .ep-page .ep-hero .lg-hero-lead { font-size:17px; }
 .ep-page .ep-hero .lg-hero-benefits { grid-template-columns:1fr; gap:8px; }
 .ep-page .ep-hero .lg-call-buttons { grid-template-columns:1fr; }
 .ep-split,.ep-split-reverse { gap:34px; }
 .ep-heading h2 { font-size:31px; }
 .ep-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ep-related-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .ep-option { padding:25px 23px; }
 .ep-article-layout { gap:40px; grid-template-columns:minmax(0,.68fr) minmax(0,1.6fr); }
 .ep-article-toc { top:140px; }
}
@media(max-width:991px) {
 .ep-page .ep-hero-form { min-height:0; }
 .ep-page .ep-hero .lg-hero-copy { padding-right:15px; }
 .ep-page .ep-hero .lg-hero-benefits { grid-template-columns:1fr 1fr; }
 .ep-page .ep-hero .lg-call-buttons { grid-template-columns:1fr 1fr; }
 .ep-page .ep-hero h1 { max-width:none; font-size:46px; }
 .ep-page .ep-hero .lg-hero-lead { margin-left:auto; margin-right:auto; }
 .ep-page .ep-hero .ep-breadcrumb ol { justify-content:center; }
 .ep-page .ep-hero-simple .ep-breadcrumb ol { justify-content:flex-start; }
 .ep-page .ep-hero .lg-hero-form { padding-top:12px; }
 .ep-split,.ep-split-reverse { grid-template-columns:1fr; gap:34px; }
 .ep-split > div:has(.ep-photo) { max-width:720px; width:100%; }
 .ep-split-reverse > div:first-child { order:2; }
 .ep-options { grid-template-columns:1fr; gap:18px; }
 .ep-option-number { float:none; }
 .ep-option p { max-width:660px; }
 .ep-detail-grid,.ep-planning-grid { gap:24px; }
 .ep-detail h3 { font-size:20px; }
 .ep-related-three,.ep-related-grid:has(>.ep-related-card:nth-child(3):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ep-related-three>.ep-related-card:last-child,.ep-related-grid:has(>.ep-related-card:nth-child(3):last-child)>.ep-related-card:last-child { grid-column:auto; }
 .ep-cost-grid { grid-template-columns:1fr; gap:27px; }
 .ep-inline-cta { flex-direction:column; align-items:flex-start; gap:20px; }
 .ep-location-grid { grid-template-columns:1fr 1fr; gap:27px; }
 .ep-area-panel { padding:25px; }
 .ep-area-links { columns:1; }
 .ep-cta-row { grid-template-columns:1fr; gap:30px; }
 .ep-cta-actions { align-items:flex-start; }
 .ep-editorial-row { grid-template-columns:1fr; gap:23px; }
 .ep-small-index { margin-bottom:7px; }
 .ep-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ep-page #our-approach .lg-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ep-article-layout { grid-template-columns:1fr; gap:32px; }
 .ep-article-toc { position:static; }
 .ep-article-toc ol { columns:2; column-gap:30px; }
 .ep-article-toc li { break-inside:avoid; }
 .ep-jump > .container { align-items:flex-start; }
 .ep-jump ul { gap:8px 19px; }
}
@media(max-width:767px) {
 .ep-page .ep-section { padding-top:48px; padding-bottom:48px; }
 .ep-page .ep-hero h1,.ep-page .ep-hero-simple h1 { font-size:35px; line-height:1.18; }
 .ep-page .ep-hero .ep-hero-subtitle { font-size:23px; }
 .ep-page .ep-hero .lg-hero-lead,.ep-page .ep-hero-simple .lg-hero-lead { font-size:16px; line-height:1.8; }
 .ep-page .ep-hero .lg-hero-container { padding-top:28px; padding-bottom:34px; }
 .ep-page .ep-hero .lg-hero-benefits { grid-template-columns:1fr; }
 .ep-page .ep-hero .lg-call-buttons { grid-template-columns:1fr; }
 .ep-page .ep-hero .lg-hero-form { padding-top:0; }
 .ep-breadcrumb { margin-bottom:21px; }
 .ep-breadcrumb li { font-size:11px; }
 .ep-breadcrumb li+li::before { margin:0 8px; }
 .ep-heading { margin-bottom:27px; }
 .ep-heading h2 { font-size:28px; line-height:1.35; }
 .ep-heading .lead { font-size:16px; }
 .ep-prose p,.ep-readable > p { font-size:15px; line-height:1.9; }
 .ep-jump > .container { flex-direction:column; gap:10px; padding-top:16px; padding-bottom:16px; }
 .ep-jump ul { gap:7px 20px; }
 .ep-detail-grid,.ep-planning-grid,.ep-scope-grid { grid-template-columns:1fr; }
 .ep-detail-grid { gap:16px; }
 .ep-detail { padding-top:21px; }
 .ep-source-note { margin-top:27px; }
 .ep-planning-point { padding:24px; }
 .ep-option { padding:25px; }
 .ep-related-grid,.ep-related-three,.ep-related-grid:has(>.ep-related-card:nth-child(3):last-child) { grid-template-columns:1fr; gap:23px; }
 .ep-related-body { padding:26px; }
 .ep-related-body h3 { font-size:22px; }
 .ep-related-image .ep-photo img { aspect-ratio:1.8; }
 .ep-inline-cta { padding:23px; }
 .ep-location-grid { gap:25px 18px; }
 .ep-location-column h3 { font-size:16px; }
 .ep-location-column a { font-size:13px; }
 .ep-location-note .ep-text-link { display:block; margin:10px 0 0; }
 .ep-area-grid { grid-template-columns:1fr; }
 .ep-area-links { columns:2; column-gap:14px; }
 .ep-area-panel h3 { font-size:24px; }
 .ep-cta-row h2 { font-size:28px; }
 .ep-editorial { gap:31px; }
 .ep-editorial-row h2 { font-size:25px; }
 .ep-directory-grid { grid-template-columns:1fr; }
 .ep-directory-card { padding:25px; }
 .ep-page #our-approach .lg-benefit-grid { grid-template-columns:1fr; }
 .ep-article-toc ol { columns:1; }
 .ep-article-intro { padding-left:19px; margin-bottom:33px; }
 .ep-article-intro p { font-size:16px; }
 .ep-article-main p { font-size:15px; line-height:1.95; }
 .ep-article-section { margin-bottom:32px; }
 .ep-article-section h2 { font-size:26px; }
 .ep-table-scroll th,.ep-table-scroll td { padding:16px; font-size:13px; }
 .ep-sitemap-grid { grid-template-columns:1fr; gap:29px; }
 .ep-sitemap-services ul { grid-template-columns:1fr 1fr; gap:5px 18px; }
 .ep-sitemap-grid h2,.ep-sitemap-services h2 { font-size:23px; }
 .ep-utility { text-align:left; }
 .ep-utility h2 { font-size:28px; }
 .ep-utility p { font-size:16px; }
 .ep-utility-actions { justify-content:flex-start; }
 .ep-policy-section h2,.ep-policy-resources h2 { font-size:25px; }
 .ep-page .ep-section[id],.ep-page .ep-article-section[id] { scroll-margin-top:138px; }
}
@media(max-width:380px) {
 .ep-page .ep-hero h1,.ep-page .ep-hero-simple h1 { font-size:31px; }
 .ep-page .ep-hero .ep-hero-subtitle { font-size:21px; }
 .ep-area-links { columns:1; }
 .ep-sitemap-services ul { grid-template-columns:1fr; }
 .ep-location-grid { grid-template-columns:1fr 1fr; gap:25px 15px; }
 .ep-location-column a { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
 .ep-page .ep-related-image img { transition:none; }
}
/* Service directory images use the same image assets as the individual heroes. */
.ep-page .ep-directory-card { padding:0; overflow:hidden; }
.ep-directory-image { display:block; }
.ep-directory-image .ep-photo { border:0; border-radius:0; box-shadow:none; }
.ep-directory-image .ep-photo img { aspect-ratio:1.8; }
.ep-directory-body { padding:27px; display:flex; flex-direction:column; flex:1; }
.ep-directory-body > .ep-text-link { margin-top:auto; border-top:1px solid #e4e6e3; padding-top:16px; }
.ep-utility-links { display:flex; flex-wrap:wrap; justify-content:center; gap:15px; }
.ep-utility-links a { border:1px solid #e0d6bf; padding:17px 23px; background:#f6f4ef; color:#775500; border-radius:3px; font-weight:700; font-size:14px; }
.ep-utility-links a:hover { border-color:#b8892a; color:#071827; }

/* Page-specific images: relative to css/style.css. */
.ep-page[data-page="new-roofs"] .lg-hero-bg { background-image: url("../image/new-roofs-hero.webp"); }
.ep-page[data-page="roof-replacement"] .lg-hero-bg { background-image: url("../image/roof-replacement-hero.webp"); }
.ep-page[data-page="roof-repairs"] .lg-hero-bg { background-image: url("../image/roof-repairs-hero.webp"); }
.ep-page[data-page="roof-leak-detection"] .lg-hero-bg { background-image: url("../image/roof-leak-detection-hero.webp"); }
.ep-page[data-page="slate-tile-roofing"] .lg-hero-bg { background-image: url("../image/slate-tile-roofing-hero.webp"); }
.ep-page[data-page="flat-roofing"] .lg-hero-bg { background-image: url("../image/flat-roofing-hero.webp"); }
.ep-page[data-page="epdm-rubber-roofing"] .lg-hero-bg { background-image: url("../image/epdm-rubber-roofing-hero.webp"); }
.ep-page[data-page="grp-fibreglass-roofing"] .lg-hero-bg { background-image: url("../image/grp-fibreglass-roofing-hero.webp"); }
.ep-page[data-page="felt-roofing"] .lg-hero-bg { background-image: url("../image/felt-roofing-hero.webp"); }
.ep-page[data-page="flat-roof-repairs"] .lg-hero-bg { background-image: url("../image/flat-roof-repairs-hero.webp"); }
.ep-page[data-page="dry-ridge-systems"] .lg-hero-bg { background-image: url("../image/dry-ridge-systems-hero.webp"); }
.ep-page[data-page="dry-verge-systems"] .lg-hero-bg { background-image: url("../image/dry-verge-systems-hero.webp"); }
.ep-page[data-page="leadwork-flashing"] .lg-hero-bg { background-image: url("../image/leadwork-flashing-hero.webp"); }
.ep-page[data-page="chimney-repairs"] .lg-hero-bg { background-image: url("../image/chimney-repairs-hero.webp"); }
.ep-page[data-page="fascias-soffits-guttering"] .lg-hero-bg { background-image: url("../image/fascias-soffits-guttering-hero.webp"); }
.ep-page[data-page="roofline-guttering"] .lg-hero-bg { background-image: url("../image/roofline-guttering-hero.webp"); }
.ep-page[data-page="garage-roofs"] .lg-hero-bg { background-image: url("../image/garage-roofs-hero.webp"); }
.ep-page[data-page="extension-roofs"] .lg-hero-bg { background-image: url("../image/extension-roofs-hero.webp"); }
.ep-page[data-page="conservatory-roofs"] .lg-hero-bg { background-image: url("../image/conservatory-roofs-hero.webp"); }
.ep-page[data-page="flat-to-pitched-roof-conversions"] .lg-hero-bg { background-image: url("../image/flat-to-pitched-roof-conversions-hero.webp"); }
.ep-page[data-page="roof-windows-skylights"] .lg-hero-bg { background-image: url("../image/roof-windows-skylights-hero.webp"); }
.ep-page[data-page="commercial-roofing"] .lg-hero-bg { background-image: url("../image/commercial-roofing-hero.webp"); }
.ep-page[data-page="roof-inspections-maintenance"] .lg-hero-bg { background-image: url("../image/roof-inspections-maintenance-hero.webp"); }
.ep-page[data-page="storm-damage-roof-repairs"] .lg-hero-bg { background-image: url("../image/storm-damage-roof-repairs-hero.webp"); }
.ep-page[data-page="roof-repair-or-replacement"] .lg-hero-bg { background-image: url("../image/roof-repair-or-replacement-hero.webp"); }
.ep-page[data-page="epdm-grp-felt-flat-roof-options"] .lg-hero-bg { background-image: url("../image/epdm-grp-felt-flat-roof-options-hero.webp"); }
.ep-page[data-page="prepare-for-roofing-quote"] .lg-hero-bg { background-image: url("../image/prepare-for-roofing-quote-hero.webp"); }
.ep-page[data-page="about"] .lg-hero-bg { background-image: url("../image/roofers.webp"); }
.ep-page[data-page="contact"] .lg-hero-bg { background-image: url("../image/roofers.webp"); }
.ep-page[data-page="quote"] .lg-hero-bg { background-image: url("../image/roofers.webp"); }
.ep-page[data-page="reviews"] .lg-hero-bg { background-image: url("../image/roofers.webp"); }
.ep-page[data-page="our-work"] .lg-hero-bg { background-image: url("../image/roofers.webp"); }
.ep-page[data-page="services"] .lg-hero-bg { background-image: url("../image/roofers.webp"); }
.ep-page[data-page="areas-we-cover"] .lg-hero-bg { background-image: url("../image/roofers.webp"); }
.ep-page[data-page="blog"] .lg-hero-bg { background-image: url("../image/roofers.webp"); }
.ep-page[data-page="sitemap"] .lg-hero-bg { background-image: url("../image/roofers.webp"); }
.ep-page[data-page="404"] .lg-hero-bg { background-image: url("../image/roofers.webp"); }
.ep-page[data-page="thank-you"] .lg-hero-bg { background-image: url("../image/roofers.webp"); }
.ep-page[data-page="privacy-policy"] .lg-hero-bg { background-image: url("../image/roofers.webp"); }
.ep-page[data-page="cookie-policy"] .lg-hero-bg { background-image: url("../image/roofers.webp"); }

/* ========================================================================== 
   Emperor Roofing editorial library - 27 September 2026
   Scoped additions only; approved homepage, location and service rules retained.
   The single shared article image is ../image/roofing.webp.
   ========================================================================== */
.eb-page { --eb-ink:#071827; --eb-muted:#52636e; --eb-gold:#f3b42f; --eb-paper:#f6f4ef; }
.eb-page .eb-hero { position:relative; isolation:isolate; background:#071827; color:#fff; overflow:hidden; }
.eb-page .eb-hero::before { content:""; position:absolute; inset:0; z-index:-2; background:url('../image/roofing.webp') center 46%/cover no-repeat; opacity:.25; }
.eb-page .eb-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(95deg,rgba(7,24,39,.96),rgba(7,24,39,.73)); }
.eb-page .eb-hero-inner { padding-top:36px; padding-bottom:58px; }
.eb-page .eb-breadcrumb ol { display:flex; flex-wrap:wrap; gap:6px 13px; margin:0 0 32px; padding:0; list-style:none; font-size:12px; line-height:1.6; color:#c7d1d8; }
.eb-page .eb-breadcrumb li { margin:0; padding:0; list-style:none; }
.eb-page .eb-breadcrumb li+li::before { content:"/"; margin-right:13px; color:#f3b42f; }
.eb-page .eb-breadcrumb a { color:#e4e9ed; }
.eb-page .eb-breadcrumb a:hover { color:#f3b42f; }
.eb-page .eb-category { margin:0 0 14px; color:#f3b42f; font-size:11px; letter-spacing:.17em; font-weight:700; text-transform:uppercase; }
.eb-page .eb-hero h1 { max-width:990px; margin:0 0 22px; color:#fff; font-size:clamp(30px,3.6vw,46px); font-weight:400; line-height:1.2; letter-spacing:-.025em; overflow-wrap:break-word; }
.eb-page .eb-standfirst { max-width:920px; margin:0 0 28px; color:#d8e1e7; font-size:18px; line-height:1.7; }
.eb-page .eb-byline { display:flex; flex-wrap:wrap; align-items:center; gap:10px 24px; padding-top:19px; border-top:1px solid rgba(243,180,47,.26); max-width:920px; color:#c2ced6; font-size:12px; line-height:1.6; }
.eb-page .eb-byline a,.eb-page .eb-byline strong { color:#fff; font-weight:600; }
.eb-page .eb-byline a:hover { color:#f3b42f; }
.eb-page .eb-library-strip { padding:15px 0; background:#f6f4ef; border-bottom:1px solid #e2e5e3; }
.eb-page .eb-library-strip .container { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.eb-page .eb-library-strip p { margin:0; font-size:12px; color:#52636e; }
.eb-page .eb-library-strip a { color:#976300; font-weight:700; font-size:12px; }
.eb-page .eb-reading-section { padding:58px 0 68px; background:#fff; }
.eb-page .eb-reading-layout { display:grid; grid-template-columns:minmax(0,250px) minmax(0,1fr); gap:62px; align-items:start; }
/* Legacy clearfix pseudo-elements must not become grid or flex items. */
.eb-page .eb-reading-layout::before,.eb-page .eb-reading-layout::after,
.eb-page .eb-map-lists::before,.eb-page .eb-map-lists::after,
.eb-page .eb-library-strip .container::before,.eb-page .eb-library-strip .container::after { display:none; content:none; }
.eb-page .eb-sidebar { position:sticky; top:160px; min-width:0; }
.eb-page .eb-toc { padding:24px 23px; background:#f6f4ef; border-top:3px solid #f3b42f; border-radius:0 0 4px 4px; }
.eb-page .eb-toc summary { cursor:pointer; font-family:"Roboto",sans-serif; font-size:14px; color:#071827; font-weight:700; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.eb-page .eb-toc summary::-webkit-details-marker { display:none; }
.eb-page .eb-toc summary::marker { content:""; }
.eb-page .eb-toc summary::after { content:"+"; color:#9b6700; font-size:18px; font-weight:400; }
.eb-page .eb-toc[open] summary::after { content:"-"; }
.eb-page .eb-toc ol { counter-reset:eb-chapter; list-style:none; padding:15px 0 0; margin:0; max-height:min(50dvh,560px); overflow:auto; }
.eb-page .eb-toc li { counter-increment:eb-chapter; display:flex; align-items:baseline; gap:8px; list-style:none; margin:0; padding:8px 0; border-bottom:1px solid #e3e1da; line-height:1.5; }
.eb-page .eb-toc li:last-child { border-bottom:0; }
.eb-page .eb-toc li::before { content:counter(eb-chapter,decimal-leading-zero); font-size:10px; font-weight:700; color:#a27724; flex:0 0 18px; }
.eb-page .eb-toc a { display:block; font-size:12px; color:#52636e; }
.eb-page .eb-toc a:hover,.eb-page .eb-toc a:focus-visible { color:#956200; text-decoration:underline; text-underline-offset:3px; }
.eb-page .eb-side-contact { margin-top:19px; padding:22px 23px; background:#071827; border-left:3px solid #f3b42f; }
.eb-page .eb-side-contact strong { display:block; color:#fff; font-size:14px; margin-bottom:7px; }
.eb-page .eb-side-contact p { color:#c5d1d9; font-size:12px; line-height:1.7; margin:0 0 13px; }
.eb-page .eb-side-contact a { color:#f3b42f; font-size:12px; font-weight:700; }
.eb-page .eb-article { min-width:0; max-width:825px; color:#334652; font-size:17px; line-height:1.85; }
.eb-page .eb-article p { margin:0 0 21px; }
.eb-page .eb-article .eb-opening { margin:0 0 38px; padding:28px 30px 6px; border-left:4px solid #f3b42f; background:#f6f4ef; border-radius:0 5px 5px 0; }
.eb-page .eb-article .eb-opening p:first-child { color:#122b3b; font-size:19px; line-height:1.7; }
.eb-page .eb-article h2 { font-size:28px; font-weight:400; line-height:1.35; color:#071827; margin:0 0 22px; letter-spacing:-.015em; }
.eb-page .eb-article h3 { font-size:21px; font-weight:500; line-height:1.4; color:#071827; margin:28px 0 15px; }
.eb-page .eb-chapter { padding-top:35px; padding-bottom:14px; border-top:1px solid #e6e8e8; margin-top:22px; scroll-margin-top:158px; }
.eb-page .eb-chapter:first-of-type { margin-top:0; }
.eb-page .eb-article a { color:#926000; text-decoration:underline; text-decoration-color:#d7b574; text-underline-offset:4px; text-decoration-thickness:1px; }
.eb-page .eb-article a:hover { color:#071827; text-decoration-color:#071827; }
.eb-page .eb-article strong { color:#19313e; font-weight:700; }
.eb-page .eb-article ul,.eb-page .eb-article ol { padding-left:24px; margin:20px 0 27px; }
.eb-page .eb-article ul>li { list-style:disc; }
.eb-page .eb-article ol>li { list-style:decimal; }
.eb-page .eb-article li { padding-left:4px; margin-bottom:11px; line-height:1.75; }
.eb-page .eb-article li::marker { color:#b17d17; }
.eb-page .eb-source-marker { color:#946300; font-size:10px; font-weight:700; margin-left:3px; white-space:nowrap; vertical-align:super; line-height:0; }
.eb-page .eb-article blockquote { margin:26px 0; padding:24px 27px; background:#0c2537; color:#d5e0e7; border-left:4px solid #f3b42f; border-radius:0 5px 5px 0; }
.eb-page .eb-article blockquote p { color:#e4ebef; font-size:16px; }
.eb-page .eb-article blockquote strong { color:#fff; }
.eb-page .eb-article blockquote p:last-child { margin-bottom:0; }
.eb-page .eb-article blockquote a { color:#f3b42f; }
.eb-page .eb-table-scroll { min-width:0; max-width:100%; overflow-x:auto; margin:26px 0 30px; border:1px solid #dce2e5; border-radius:6px; box-shadow:0 5px 18px rgba(7,24,39,.04); overscroll-behavior-inline:contain; }
.eb-page .eb-table-scroll table { width:100%; min-width:575px; border-collapse:collapse; margin:0; font-size:14px; line-height:1.65; }
.eb-page .eb-table-scroll caption { text-align:left; padding:14px 18px; color:#52636e; font-size:12px; background:#f6f4ef; border-bottom:1px solid #dce2e5; caption-side:top; }
.eb-page .eb-table-scroll th,.eb-page .eb-table-scroll td { text-align:left; vertical-align:top; padding:17px 18px; border-bottom:1px solid #dce2e5; border-right:1px solid #e3e7e9; }
.eb-page .eb-table-scroll thead th { background:#0b2334; color:#fff; font-weight:700; }
.eb-page .eb-table-scroll tbody th { color:#173242; font-weight:700; }
.eb-page .eb-table-scroll tbody tr:nth-child(even) { background:#f8f8f5; }
.eb-page .eb-table-scroll tr:last-child td,.eb-page .eb-table-scroll tr:last-child th { border-bottom:0; }
.eb-page .eb-table-scroll tr>*:last-child { border-right:0; }
.eb-page .eb-table-scroll em { font-style:normal; }
.eb-page .eb-table-hint { display:none; font-size:11px!important; color:#657681; margin:-16px 0 24px!important; }
.eb-page .eb-faqs { border-top:3px solid #f3b42f; background:#f6f4ef; padding:31px 28px; border-radius:5px; margin:38px 0 0; scroll-margin-top:160px; }
.eb-page .eb-faqs h2 { margin-bottom:24px; }
.eb-page .eb-faq { margin:0 0 11px; border:1px solid #dce2e5; background:#fff; border-radius:5px; overflow:hidden; }
.eb-page .eb-faq:last-child { margin-bottom:0; }
.eb-page .eb-faq summary { padding:18px 20px; display:flex; justify-content:space-between; align-items:baseline; gap:18px; list-style:none; cursor:pointer; color:#0c2739; font-family:"Roboto",sans-serif; font-size:16px; line-height:1.5; font-weight:700; }
.eb-page .eb-faq summary::-webkit-details-marker { display:none; }
.eb-page .eb-faq summary::marker { content:""; }
.eb-page .eb-faq summary::after { content:"+"; color:#a47314; font-size:23px; line-height:1; font-weight:400; }
.eb-page .eb-faq[open] summary::after { content:"-"; }
.eb-page .eb-faq[open] { border-color:#d8b46d; }
.eb-page .eb-faq-answer { padding:0 20px 20px; font-size:15px; line-height:1.8; }
.eb-page .eb-faq-answer p:last-child { margin:0; }
.eb-page .eb-related { padding:34px 0; margin-top:15px; scroll-margin-top:158px; }
.eb-page .eb-related h2 { margin-bottom:20px; }
.eb-page .eb-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.eb-page .eb-related-card { display:flex; flex-direction:column; padding:20px; background:#f6f4ef; border:1px solid #e1e3df; border-top:3px solid #f3b42f; border-radius:4px; text-decoration:none!important; }
.eb-page .eb-related-card span { color:#936200; font-size:10px; letter-spacing:.06em; font-weight:700; text-transform:uppercase; }
.eb-page .eb-related-card strong { display:block; margin:10px 0 15px; color:#0d273a; font-size:15px; line-height:1.55; font-weight:600; }
.eb-page .eb-related-card small { margin-top:auto; font-size:12px; color:#926000; }
.eb-page .eb-related-card:hover { background:#eeece5; }
.eb-page .eb-service-links { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 0; }
.eb-page .eb-service-links a { padding:8px 13px; border:1px solid #d8dddf; border-radius:3px; font-size:12px; color:#334652; text-decoration:none; }
.eb-page .eb-service-links a:hover { border-color:#b6892e; color:#805400; }
.eb-page .eb-references { padding:31px 0 0; margin-top:10px; border-top:1px solid #d9e1e5; scroll-margin-top:160px; }
.eb-page .eb-references h2 { font-size:24px; }
.eb-page .eb-references>p { font-size:13px; line-height:1.8; color:#61727d; }
.eb-page .eb-references ol { margin-top:20px; padding-left:22px; }
.eb-page .eb-references li { font-size:13px; line-height:1.75; margin:0 0 18px; padding-left:5px; }
.eb-page .eb-reference-publisher { display:block; color:#243e4e; font-weight:700; font-size:12px; }
.eb-page .eb-reference-note { display:block; color:#64737e; font-size:12px; margin-top:3px; }
.eb-page .eb-reference-newtab { font-size:10px; margin-left:4px; color:#8c6a2b; }
.eb-page .eb-end-cta { margin-top:30px; padding:27px 29px; border-top:3px solid #f3b42f; background:#071827; color:#fff; display:flex; justify-content:space-between; align-items:center; gap:24px; border-radius:4px; }
.eb-page .eb-end-cta h2 { margin:0 0 7px; color:#fff; font-size:23px; }
.eb-page .eb-end-cta p { margin:0; color:#c9d5dc; font-size:13px; }
.eb-page .eb-end-cta .btn { flex-shrink:0; color:#071827!important; text-decoration:none; }
.eb-page .eb-category-jumps { display:flex; flex-wrap:wrap; gap:9px; margin:0; }
.eb-page .eb-category-jumps a { padding:9px 14px; color:#455864; border:1px solid #d9dfdf; background:#fff; border-radius:3px; font-size:12px; font-weight:600; }
.eb-page .eb-category-jumps a:hover { color:#071827; border-color:#bf9339; }
.eb-page .eb-hub-section { padding:50px 0 8px; scroll-margin-top:148px; }
.eb-page .eb-hub-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin:0 0 22px; }
.eb-page .eb-hub-heading h2 { margin:0; font-weight:400; color:#071827; font-size:30px; }
.eb-page .eb-hub-heading>span { font-size:12px; color:#60707b; }
.eb-page .eb-hub-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.eb-page .eb-hub-card { display:flex; flex-direction:column; min-width:0; padding:27px; border:1px solid #dfe4e5; border-top:3px solid #f3b42f; background:#fff; border-radius:5px; box-shadow:0 6px 18px rgba(7,24,39,.04); }
.eb-page .eb-hub-card .eb-category { color:#996500; font-size:10px; letter-spacing:.09em; margin-bottom:13px; }
.eb-page .eb-hub-card h3 { font-size:21px; font-weight:400; line-height:1.35; margin:0 0 14px; }
.eb-page .eb-hub-card h3 a { color:#071827; }
.eb-page .eb-hub-card h3 a:hover { color:#966200; }
.eb-page .eb-hub-card p { font-size:14px; line-height:1.75; color:#596c78; margin-bottom:23px; }
.eb-page .eb-hub-card .eb-card-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; align-items:center; margin-top:auto; padding-top:17px; border-top:1px solid #e2e5e5; }
.eb-page .eb-card-bottom a { color:#986500; font-weight:700; font-size:12px; }
.eb-page .eb-card-bottom span { color:#71808a; font-size:11px; }
.eb-page .eb-hub-intro { padding:40px 0 0; }
.eb-page .eb-hub-intro p { max-width:910px; color:#52636e; font-size:17px; line-height:1.8; }
.eb-page .eb-hub-main { background:#f8f8f6; padding-bottom:64px; }
.eb-page .eb-edit-note { padding:22px 26px; margin:45px 0 0; background:#fff; border-left:3px solid #f3b42f; font-size:14px; color:#596c78; line-height:1.8; }
.eb-page .eb-map-lists { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.eb-page .eb-map-lists h2 { font-size:22px; font-weight:400; }
.eb-page .eb-map-lists ul { padding:0; }
.eb-page .eb-map-lists li { list-style:none; padding:7px 0; border-bottom:1px solid #e3e7e9; line-height:1.6; }
.eb-page .eb-map-lists a { color:#344e5d; font-size:14px; }
.eb-page .eb-map-lists a:hover { color:#996500; text-decoration:underline; }
.eb-page :is(.eb-chapter,.eb-faqs,.eb-references):target { scroll-margin-top:160px; }
@media(max-width:1199px) {
  .eb-page .eb-reading-layout { grid-template-columns:minmax(0,210px) minmax(0,1fr); gap:32px; }
  .eb-page .eb-sidebar { top:142px; }
  .eb-page .eb-hero h1 { max-width:850px; }
  .eb-page .eb-toc { padding:22px 18px; }
  .eb-page .eb-related-grid { grid-template-columns:1fr; }
  .eb-page .eb-related-card { padding:17px 20px; }
  .eb-page .eb-related-card strong { margin:7px 0; }
}
@media(max-width:991px) {
  .eb-page .eb-reading-layout { grid-template-columns:1fr; gap:31px; }
  .eb-page .eb-sidebar { position:static; }
  .eb-page .eb-side-contact { display:none; }
  .eb-page .eb-toc ol { columns:2; column-gap:28px; max-height:none; }
  .eb-page .eb-toc li { break-inside:avoid; }
  .eb-page .eb-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .eb-page .eb-map-lists { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .eb-page .eb-article { max-width:none; }
  .eb-page .eb-related-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:767px) {
  .eb-page .eb-hero-inner { padding-top:23px; padding-bottom:35px; }
  .eb-page .eb-breadcrumb ol { margin-bottom:26px; font-size:11px; }
  .eb-page .eb-breadcrumb li:last-child { display:none; }
  .eb-page .eb-hero h1 { font-size:31px; line-height:1.22; margin-bottom:18px; }
  .eb-page .eb-standfirst { font-size:16px; line-height:1.75; margin-bottom:22px; }
  .eb-page .eb-byline { gap:7px 18px; font-size:11px; }
  .eb-page .eb-category { font-size:10px; }
  .eb-page .eb-library-strip .container { display:block; }
  .eb-page .eb-library-strip a { display:inline-block; margin-top:4px; }
  .eb-page .eb-reading-section { padding:30px 0 40px; }
  .eb-page .eb-reading-layout { gap:25px; }
  .eb-page .eb-toc ol { columns:1; max-height:265px; overflow:auto; }
  .eb-page .eb-toc { padding:18px 20px; }
  .eb-page .eb-article { font-size:16px; line-height:1.85; }
  .eb-page .eb-article .eb-opening { padding:22px 21px 2px; margin-bottom:29px; }
  .eb-page .eb-article .eb-opening p:first-child { font-size:18px; }
  .eb-page .eb-article h2 { font-size:24px; line-height:1.4; }
  .eb-page .eb-article h3 { font-size:20px; }
  .eb-page .eb-chapter { padding-top:26px; margin-top:15px; scroll-margin-top:145px; }
  .eb-page .eb-table-scroll th,.eb-page .eb-table-scroll td { padding:14px; }
  .eb-page .eb-table-hint { display:block; }
  .eb-page .eb-faqs { padding:23px 17px; margin-top:25px; }
  .eb-page .eb-faq summary { padding:17px; font-size:15px; }
  .eb-page .eb-faq-answer { padding:0 17px 19px; font-size:14px; }
  .eb-page .eb-related-grid { grid-template-columns:1fr; }
  .eb-page .eb-end-cta { display:block; padding:24px; }
  .eb-page .eb-end-cta .btn { margin-top:19px; }
  .eb-page .eb-hub-grid { grid-template-columns:1fr; gap:16px; }
  .eb-page .eb-hub-card { padding:24px; }
  .eb-page .eb-hub-section { padding-top:35px; }
  .eb-page .eb-hub-heading h2 { font-size:25px; }
  .eb-page .eb-hub-intro p { font-size:16px; }
  .eb-page .eb-map-lists { grid-template-columns:1fr; }
  .eb-page .eb-category-jumps { gap:7px; }
  .eb-page .eb-category-jumps a { padding:8px 11px; font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
  .eb-page *, .eb-page *::before, .eb-page *::after { scroll-behavior:auto!important; transition:none!important; }
}

/* ========================================================================== 
   COMPACT RESPONSIVE HEADER - 28 September 2026
   Native mobile disclosure starts closed in HTML: no JavaScript loading flash.
   Page content, footer, forms, gallery and blog styling above are unchanged.
   ========================================================================== */
.en-header {
  position: sticky;
  top: 0;
  z-index: 1800;
  background: #fff;
  box-shadow: 0 6px 24px rgba(7, 24, 39, .08);
}
.en-nav-bar { background: #fff; }
.en-nav-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 88px;
  gap: 24px;
}
.en-nav-inner::before,
.en-nav-inner::after { display: none; }
.en-brand {
  display: block;
  flex: 0 0 215px;
  line-height: 1;
}
.en-brand img {
  display: block;
  width: 215px;
  height: auto;
  max-height: 62px;
  object-fit: contain;
  border-radius: 0;
}
/* hidden also prevents the desktop links flashing before any CSS is applied. */
.en-desktop-nav[hidden] { display: none !important; }
.en-nav-list,
.en-link-list,
.en-region-links {
  padding: 0;
  margin: 0;
  list-style: none;
}
.en-nav-list > li,
.en-link-list > li,
.en-region-links > li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.en-nav-list {
  display: flex;
  align-items: center;
  gap: 21px;
}
.en-nav-group {
  position: relative;
  margin: 0;
}
.en-nav-list > li > a:not(.en-quote),
.en-nav-group > summary {
  display: block;
  position: relative;
  padding: 28px 0;
  color: #1b2730;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: color .15s;
}
.en-nav-group > summary::-webkit-details-marker,
.en-region > summary::-webkit-details-marker,
.en-menu-button::-webkit-details-marker { display: none; }
.en-nav-group > summary::marker,
.en-region > summary::marker,
.en-menu-button::marker { content: ""; }
.en-nav-group > summary::before,
.en-nav-group > summary::after { content: none; }
.en-nav-list > li > a:not(.en-quote):hover,
.en-nav-group > summary:hover,
.en-nav-group[open] > summary { color: #916100; }
.en-nav-group[open] > summary { box-shadow: inset 0 -3px #f3b42f; }
.en-nav-list a[aria-current="page"] { color: #916100; font-weight: 700; }
.en-quote {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 18px;
  border: 0;
  border-radius: 3px;
  background: #f3b42f;
  color: #071827 !important;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s, color .15s;
}
.en-quote:hover,
.en-quote:focus-visible { color: #fff !important; background: #071827; }
.en-dropdown {
  position: absolute;
  top: 100%;
  left: -18px;
  z-index: 1810;
  width: 300px;
  max-height: calc(100vh - 150px);
  max-height: min(540px, calc(100dvh - 150px));
  padding: 8px 12px;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #fff;
  border: 1px solid #e0e4e6;
  border-top: 3px solid #f3b42f;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 14px 32px rgba(7, 24, 39, .14);
}
.en-link-list > li > a,
.en-view-all,
.en-region > summary,
.en-region-links a {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0;
  color: #334653;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.en-link-list > li + li,
.en-regions > .en-region + .en-region { border-top: 1px solid #edf0f0; }
.en-link-list > li > a:hover,
.en-region-links a:hover,
.en-region > summary:hover,
.en-region[open] > summary { color: #916100; background: #f8f6f0; }
.en-view-all {
  margin-top: 5px;
  padding-top: 12px;
  border-top: 1px solid #e1e5e6;
  color: #916100;
  font-size: 13px;
  font-weight: 700;
}
.en-view-all:hover { color: #071827; background: #f8f6f0; }
.en-region { margin: 0; }
.en-region > summary {
  justify-content: space-between;
  gap: 12px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}
.en-disclosure-mark {
  position: relative;
  display: block;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
}
.en-disclosure-mark::before,
.en-disclosure-mark::after {
  position: absolute;
  content: "";
  background: #9b6700;
}
.en-disclosure-mark::before { top: 5px; left: 1px; width: 10px; height: 2px; }
.en-disclosure-mark::after { top: 1px; left: 5px; width: 2px; height: 10px; }
.en-region[open] > summary > .en-disclosure-mark::after,
.en-nav-group[open] > summary > .en-disclosure-mark::after { display: none; }
.en-region-links {
  margin: 0 12px 8px;
  border-left: 2px solid #edd8ac;
  background: #fcfbf7;
}
.en-region-links a { min-height: 38px; padding: 8px 14px; font-size: 13px; }
.en-mobile-menu { margin: 0 0 0 auto; }
.en-menu-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 44px;
  padding: 9px 13px;
  border: 1px solid #dfe2e4;
  border-radius: 3px;
  background: #fff;
  color: #071827;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
  list-style: none;
}
.en-menu-bars { display: flex; flex-direction: column; gap: 4px; width: 18px; }
.en-menu-bars i { display: block; width: 18px; height: 2px; background: currentColor; }
.en-mobile-menu[open] > .en-menu-button { border-color: #d6ad54; background: #fcf8ef; }
.en-mobile-menu[open] .en-menu-bars i:first-child { transform: translateY(6px) rotate(45deg); }
.en-mobile-menu[open] .en-menu-bars i:nth-child(2) { opacity: 0; }
.en-mobile-menu[open] .en-menu-bars i:last-child { transform: translateY(-6px) rotate(-45deg); }
.en-mobile-menu:not([open]) > .en-mobile-nav { display: none; }
.en-header a:focus-visible,
.en-header summary:focus-visible {
  outline: 2px solid #9b6700;
  outline-offset: 3px;
  border-radius: 2px;
}
@media (min-width: 1200px) {
  .en-desktop-nav[hidden] { display: block !important; margin-left: auto; }
  .en-mobile-menu { display: none; }
  .en-desktop-nav .en-nav-group > summary > .en-disclosure-mark { display: none; }
}
@media (max-width: 1199px) {
  .en-nav-inner { min-height: 78px; gap: 16px; }
  .en-brand { padding: 12px 0; }
  .en-mobile-nav {
    position: absolute;
    top: 100%;
    right: 15px;
    z-index: 1810;
    width: min(360px, calc(100vw - 30px));
    max-height: calc(100vh - 210px);
    max-height: min(560px, calc(100dvh - 210px));
    padding: 9px 16px 16px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e0e4e6;
    border-top: 3px solid #f3b42f;
    border-radius: 0 0 5px 5px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(7, 24, 39, .16);
  }
  .en-mobile-nav .en-nav-list { display: block; }
  .en-mobile-nav .en-nav-list > li + li { border-top: 1px solid #edf0f0; }
  .en-mobile-nav .en-nav-list > li > a:not(.en-quote),
  .en-mobile-nav .en-nav-group > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    gap: 12px;
    padding: 10px 5px;
    font-size: 14px;
    line-height: 24px;
    white-space: normal;
  }
  .en-mobile-nav .en-nav-group[open] > summary { box-shadow: none; }
  .en-mobile-nav .en-dropdown {
    position: static;
    width: 100%;
    max-height: none;
    padding: 3px 6px 6px;
    margin: 0 0 9px;
    overflow: visible;
    border: 0;
    border-left: 2px solid #edd8ac;
    border-radius: 0;
    box-shadow: none;
    background: #f9f8f4;
  }
  .en-mobile-nav .en-link-list > li > a,
  .en-mobile-nav .en-view-all,
  .en-mobile-nav .en-region > summary,
  .en-mobile-nav .en-region-links a { min-height: 44px; }
  .en-mobile-nav .en-link-list > li > a,
  .en-mobile-nav .en-region > summary { padding: 9px 10px; font-size: 13px; }
  .en-mobile-nav .en-region-links { margin-right: 5px; margin-left: 10px; }
  .en-mobile-nav .en-nav-list > .en-quote-item { margin-top: 9px; padding-top: 10px; }
  .en-mobile-nav .en-quote { width: 100%; min-height: 46px; }
}
@media (max-width: 767px) {
  .en-nav-inner { min-height: 72px; gap: 10px; }
  .en-brand { flex-basis: 185px; padding: 14px 0; }
  .en-brand img { width: 185px; max-height: 48px; }
  .en-menu-button { gap: 9px; padding: 9px 11px; }
}
@media (max-width: 359px) {
  .en-brand { flex-basis: 170px; }
  .en-brand img { width: 170px; }
}
@media (prefers-reduced-motion: reduce) {
  .en-header *, .en-header *::before, .en-header *::after {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}


/* ========================================================================
   Emperor Roofing - focused Quote, Areas, Blog and Reviews pages
   28 September 2026. The complete approved stylesheet above is unchanged.
   These additions are scoped to ef-page / ef-* components only.
   ======================================================================== */
.ef-page {
  --ef-navy: #071827;
  --ef-gold: #f3b42f;
  --ef-link: #926100;
  --ef-cream: #f6f4ef;
  --ef-text: #52616c;
}
.ef-page main .ef-compact-hero {
  padding: 30px 0 37px;
  color: #fff;
  background-color: var(--ef-navy);
  background-image: linear-gradient(90deg, rgba(7,24,39,.97), rgba(7,24,39,.86)), url('../image/roofers.webp');
  background-size: cover;
  background-position: center 45%;
  border-bottom: 3px solid var(--ef-gold);
}
.ef-page.ef-blog main .ef-compact-hero {
  background-image: linear-gradient(90deg, rgba(7,24,39,.97), rgba(7,24,39,.86)), url('../image/roofing.webp');
}
.ef-page .ef-breadcrumb { margin: 0 0 18px; }
.ef-page .ef-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 5px 0; margin: 0; padding: 0; }
.ef-page .ef-breadcrumb li { margin: 0; color: #becbd4; font-size: 12px; line-height: 1.7; list-style: none; }
.ef-page .ef-breadcrumb li + li::before { content: '/'; display: inline-block; margin: 0 11px; color: #8195a4; }
.ef-page .ef-breadcrumb a { color: #fff; }
.ef-page .ef-breadcrumb a:hover { color: var(--ef-gold); }
.ef-page .ef-compact-hero h1 {
  margin: 0 0 13px;
  max-width: 1000px;
  color: #fff;
  font-size: clamp(30px, 3.2vw, 44px);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.2;
}
.ef-page .ef-compact-hero p { max-width: 840px; margin: 0; color: #d8e0e5; font-size: 17px; line-height: 1.7; }
.ef-page .ef-hero-proof { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 23px 0 0; padding: 0; }
.ef-page .ef-hero-proof li { color: #e6e9eb; font-size: 13px; line-height: 1.7; list-style: none; }
.ef-page .ef-hero-proof li::before { content: '\2713'; padding-right: 9px; color: var(--ef-gold); font-weight: 700; }
.ef-page main :is(.ef-form-section, .ef-area-directory, .ef-reviews-section, .ef-latest-section, .ef-blog-library) { scroll-margin-top: 145px; }
.ef-page .ef-kicker { margin: 0 0 12px; color: var(--ef-link); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.ef-page .ef-form-section { padding: 54px 0 62px; background: var(--ef-cream); }
.ef-page .ef-contact-layout { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); gap: 56px; align-items: start; }
.ef-page .ef-contact-layout::before, .ef-page .ef-contact-layout::after { display: none; }
.ef-page .ef-contact-layout > * { min-width: 0; }
.ef-page .ef-contact-copy h2 { margin: 0 0 17px; color: var(--ef-navy); font-size: 30px; line-height: 1.35; font-weight: 400; }
.ef-page .ef-intro { margin: 0 0 26px; color: var(--ef-text); font-size: 16px; line-height: 1.85; }
.ef-page .ef-contact-details { margin: 0; padding: 0; }
.ef-page .ef-contact-details > div { padding: 17px 0; border-top: 1px solid #deded8; }
.ef-page .ef-contact-details dt { margin: 0 0 4px; color: var(--ef-navy); font-size: 13px; font-weight: 700; }
.ef-page .ef-contact-details dt .fa { width: 22px; color: var(--ef-link); font-size: 13px; }
.ef-page .ef-contact-details dd { padding-left: 26px; margin: 0; color: var(--ef-text); font-size: 15px; line-height: 1.8; }
.ef-page .ef-contact-details a { color: var(--ef-navy); font-weight: 600; overflow-wrap: anywhere; }
.ef-page .ef-contact-details a[href^='tel:'] { font-size: 21px; letter-spacing: .01em; }
.ef-page .ef-contact-details a:hover { color: var(--ef-link); }
.ef-page .ef-contact-note { margin: 17px 0 0; padding-top: 20px; border-top: 1px solid #deded8; color: #647079; font-size: 13px; line-height: 1.8; }
.ef-page .ef-form-column { min-width: 0; }
.ef-page .ef-form-embed { width: 100%; min-width: 0; min-height: 480px; }
.ef-page .ef-form-embed iframe { display: block; width: 100% !important; max-width: 100%; border: 0; background: transparent; }
.ef-page .ef-form-help { margin: 16px 0 0; color: #647079; font-size: 12px; line-height: 1.85; }
.ef-page .ef-form-help a { color: var(--ef-link); text-decoration: underline; text-underline-offset: 3px; }
.ef-page .ef-area-directory { padding: 42px 0 58px; background: #fff; }
.ef-page .ef-directory-heading h2, .ef-page .ef-library-intro h2 { margin: 0 0 8px; color: var(--ef-navy); font-size: 29px; line-height: 1.35; font-weight: 400; }
.ef-page .ef-directory-heading p { margin: 0; color: var(--ef-text); font-size: 15px; }
.ef-page .ef-topic-links { display: flex; flex-wrap: wrap; gap: 8px 27px; margin: 23px 0 31px; padding: 15px 0; border-top: 1px solid #e1e5e4; border-bottom: 1px solid #e1e5e4; }
.ef-page .ef-topic-links a { padding: 5px 0; color: var(--ef-link); font-size: 13px; line-height: 1.7; font-weight: 600; }
.ef-page .ef-topic-links a:hover { color: var(--ef-navy); text-decoration: underline; text-underline-offset: 4px; }
.ef-page .ef-area-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 37px 60px; }
.ef-page .ef-area-group { min-width: 0; padding-top: 23px; border-top: 3px solid var(--ef-gold); scroll-margin-top: 148px; }
.ef-page .ef-area-group h3 { margin: 0 0 16px; color: var(--ef-navy); font-size: 23px; line-height: 1.4; font-weight: 400; }
.ef-page .ef-area-links { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 24px; padding: 0; margin: 0; }
.ef-page .ef-area-links li { min-width: 0; margin: 0; border-bottom: 1px solid #eceeed; list-style: none; }
.ef-page .ef-area-links a { display: block; padding: 11px 0; color: #405763; font-size: 14px; line-height: 1.55; overflow-wrap: break-word; }
.ef-page .ef-area-links a:hover { color: var(--ef-link); text-decoration: underline; text-underline-offset: 3px; }
.ef-page .ef-coverage-note { margin: 36px 0 0; padding-top: 25px; border-top: 1px solid #e1e5e4; color: var(--ef-text); font-size: 14px; }
.ef-page .ef-coverage-note a { color: var(--ef-link); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.ef-page .ef-reviews-section { padding: 34px 0 48px; background: var(--ef-navy); }
.ef-page .ef-reviews-section h2 { margin: 0 0 25px; color: #fff; font-size: 28px; font-weight: 400; line-height: 1.4; }
.ef-page .ef-review-surface { width: 100%; min-width: 0; min-height: 300px; padding-top: 23px; border-top: 3px solid var(--ef-gold); }
.ef-page .ef-review-surface > [class*='elfsight-app-'] { width: 100%; max-width: 100%; }
.ef-page .ef-review-surface noscript p { color: #d0dae1; font-size: 15px; }
.ef-page .ef-latest-section { background: #fff; padding: 37px 0 39px; }
.ef-page .ef-latest-heading, .ef-page .ef-category-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 16px 30px; }
.ef-page .ef-latest-heading h2 { margin: 0; color: var(--ef-navy); font-size: 28px; line-height: 1.4; font-weight: 400; }
.ef-page .ef-latest-heading a { color: var(--ef-link); font-size: 12px; font-weight: 700; }
.ef-page .ef-example-note { margin: 9px 0 19px; color: #65757e; font-size: 13px; }
.ef-page .ef-latest-list { padding: 0; margin: 0; border-top: 1px solid #dce2e4; }
.ef-page .ef-latest-post { display: grid; grid-template-columns: 142px minmax(0,1fr); gap: 28px; padding: 18px 0; margin: 0; border-bottom: 1px solid #e5e9e9; list-style: none; }
.ef-page .ef-post-date { min-width: 0; font-size: 12px; line-height: 1.7; color: #536873; }
.ef-page .ef-post-date span { display: block; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #926100; }
.ef-page .ef-post-summary { min-width: 0; }
.ef-page .ef-post-summary h3 { color: var(--ef-navy); font-size: 18px; line-height: 1.5; font-weight: 400; margin: 0 0 5px; }
.ef-page .ef-post-summary h3 a { color: var(--ef-navy); }
.ef-page .ef-post-summary h3 a:hover { color: var(--ef-link); text-decoration: underline; text-underline-offset: 4px; }
.ef-page .ef-post-summary p { font-size: 13px; color: #5c6d76; line-height: 1.7; margin: 0; }
.ef-page .ef-blog-library { padding: 37px 0 57px; border-top: 1px solid #e1e5e4; background: #fff; }
.ef-page .ef-library-intro p { max-width: 960px; margin: 13px 0 0; color: var(--ef-text); font-size: 15px; line-height: 1.85; }
.ef-page .ef-guide-category { margin-top: 37px; padding-top: 7px; scroll-margin-top: 143px; }
.ef-page .ef-category-heading { margin-bottom: 6px; padding-bottom: 19px; border-bottom: 2px solid #d4ac51; }
.ef-page .ef-category-heading h2 { margin: 0; color: var(--ef-navy); font-size: 25px; font-weight: 400; line-height: 1.4; }
.ef-page .ef-category-heading > span { color: #667985; font-size: 12px; white-space: nowrap; }
.ef-page .ef-guide-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 52px; margin: 0; padding: 0; }
.ef-page .ef-guide-row { min-width: 0; padding: 22px 0; margin: 0; border-bottom: 1px solid #e3e8e8; list-style: none; }
.ef-page .ef-guide-row h3 { margin: 0 0 10px; color: var(--ef-navy); font-size: 18px; font-weight: 400; line-height: 1.5; }
.ef-page .ef-guide-row h3 a { color: var(--ef-navy); }
.ef-page .ef-guide-row h3 a:hover { color: var(--ef-link); text-decoration: underline; text-underline-offset: 3px; }
.ef-page .ef-guide-row p { color: var(--ef-text); font-size: 14px; line-height: 1.8; margin: 0 0 8px; }
.ef-page .ef-reading-time { display: block; color: #617480; font-size: 11px; }
.ef-page .ef-guide-note { margin: 35px 0 0; padding-top: 24px; border-top: 1px solid #dce2e4; }
.ef-page .ef-guide-note p { color: #5c6e78; font-size: 13px; line-height: 1.85; margin: 0; }
.ef-page .ef-guide-note strong { color: var(--ef-navy); }
.ef-page .ef-guide-note a { color: var(--ef-link); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1199px) {
  .ef-page .ef-contact-layout { gap: 38px; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); }
  .ef-page .ef-area-grid { gap: 32px 36px; }
}
@media (max-width: 991px) {
  .ef-page .ef-contact-layout { grid-template-columns: 1fr; gap: 37px; }
  .ef-page .ef-form-column { order: -1; }
  .ef-page .ef-contact-copy { max-width: 660px; }
  .ef-page .ef-area-grid { grid-template-columns: 1fr; }
  .ef-page .ef-guide-list { gap: 0 30px; }
}
@media (max-width: 767px) {
  .ef-page main .ef-compact-hero { padding: 23px 0 29px; }
  .ef-page .ef-breadcrumb { margin-bottom: 15px; }
  .ef-page .ef-compact-hero h1 { font-size: 30px; line-height: 1.25; }
  .ef-page .ef-compact-hero p { font-size: 15px; line-height: 1.75; }
  .ef-page .ef-hero-proof { display: block; margin-top: 17px; }
  .ef-page .ef-hero-proof li { padding: 3px 0; font-size: 12px; }
  .ef-page .ef-form-section { padding: 30px 0 39px; }
  .ef-page .ef-contact-copy h2 { font-size: 26px; }
  .ef-page .ef-form-embed { min-height: 430px; }
  .ef-page .ef-area-directory { padding: 31px 0 39px; }
  .ef-page .ef-area-links { gap: 0 19px; }
  .ef-page .ef-area-links a { font-size: 13px; min-height: 44px; }
  .ef-page .ef-topic-links { gap: 3px 24px; padding: 10px 0; margin: 19px 0 25px; }
  .ef-page .ef-topic-links a { min-height: 42px; display: flex; align-items: center; }
  .ef-page .ef-reviews-section { padding: 27px 0 34px; }
  .ef-page .ef-reviews-section h2 { font-size: 24px; margin-bottom: 19px; }
  .ef-page .ef-review-surface { padding-top: 16px; }
  .ef-page .ef-latest-section, .ef-page .ef-blog-library { padding: 29px 0 35px; }
  .ef-page .ef-latest-heading { flex-direction: column; gap: 7px; }
  .ef-page .ef-latest-heading h2 { font-size: 25px; }
  .ef-page .ef-latest-post { grid-template-columns: 1fr; gap: 5px; padding: 17px 0; }
  .ef-page .ef-post-date span { display: inline; margin-right: 7px; }
  .ef-page .ef-post-summary h3 { font-size: 17px; }
  .ef-page .ef-guide-list { grid-template-columns: 1fr; }
  .ef-page .ef-guide-row { padding: 20px 0; }
  .ef-page .ef-guide-row h3 { font-size: 17px; }
  .ef-page .ef-guide-category { margin-top: 28px; }
  .ef-page .ef-category-heading h2 { font-size: 23px; }
  .ef-page .ef-category-heading { gap: 13px; }
  .ef-page .ef-guide-note { margin-top: 28px; }
}


/* ==========================================================================
   EMPEROR ROOFING - OUR WORK PAGE EXTENDED PORTFOLIO
   Isolated to body[data-page="our-work"].
   The shared .er-work-gallery used elsewhere is intentionally untouched.
   ========================================================================== */
body[data-page="our-work"] .ew-portfolio-section{
  position:relative;
  overflow:hidden;
  padding:82px 0 88px;
  background:
    radial-gradient(circle at 15% 0%,rgba(243,180,47,.075),transparent 31%),
    linear-gradient(180deg,#0d2639 0%,#071827 100%);
  border-top:1px solid rgba(243,180,47,.42);
  border-bottom:1px solid rgba(243,180,47,.18);
}
body[data-page="our-work"] .ew-portfolio-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 42%);
}
body[data-page="our-work"] .ew-portfolio-section>.container{position:relative;z-index:1}
body[data-page="our-work"] .ew-portfolio-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:38px;
  margin:0 0 38px;
  padding:0 0 27px;
  border-bottom:1px solid rgba(243,180,47,.28);
}
body[data-page="our-work"] .ew-portfolio-head>div:first-child{max-width:790px}
body[data-page="our-work"] .ew-portfolio-eyebrow{
  margin:0 0 8px;
  color:#f3b42f;
  font-size:12px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
}
body[data-page="our-work"] .ew-portfolio-head h2{
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(30px,3vw,44px);
  line-height:1.14;
}
body[data-page="our-work"] .ew-portfolio-head .lead{
  max-width:720px;
  margin:0;
  color:#ccd6dd;
  font-size:18px;
  line-height:1.65;
}
body[data-page="our-work"] .ew-portfolio-meta{
  flex:0 0 auto;
  min-width:174px;
  padding:17px 18px 16px;
  border-left:3px solid #f3b42f;
  background:rgba(255,255,255,.055);
}
body[data-page="our-work"] .ew-portfolio-meta strong{
  display:inline-block;
  margin-right:5px;
  color:#f3b42f;
  font-family:"Poppins",sans-serif;
  font-size:29px;
  line-height:1;
  font-weight:600;
}
body[data-page="our-work"] .ew-portfolio-meta span{
  color:#fff;
  font-size:14px;
  font-weight:700;
}
body[data-page="our-work"] .ew-portfolio-meta small{
  display:block;
  margin-top:7px;
  color:#aebbc4;
  font-size:11px;
  line-height:1.4;
}
body[data-page="our-work"] .ew-work-gallery{
  display:block;
  width:100%;
  column-count:4;
  column-gap:15px;
}
body[data-page="our-work"] .ew-project-card{
  position:relative;
  display:inline-block;
  width:100%;
  margin:0 0 15px;
  overflow:hidden;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  background:#0b1d2b;
  border:1px solid rgba(255,255,255,.13);
  border-radius:7px;
  box-shadow:0 10px 25px rgba(0,0,0,.2);
}
body[data-page="our-work"] .ew-project-card a{
  position:relative;
  display:block;
  overflow:hidden;
  color:#fff;
  background:#071827;
}
body[data-page="our-work"] .ew-project-card img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  border-radius:0;
  transform:scale(1.001);
  transition:transform .42s ease,filter .42s ease;
}
body[data-page="our-work"] .ew-project-card a::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(to top,rgba(4,14,23,.88) 0%,rgba(4,14,23,.18) 33%,rgba(4,14,23,0) 65%);
  opacity:.62;
  transition:opacity .3s ease;
}
body[data-page="our-work"] .ew-project-number{
  position:absolute;
  top:12px;
  left:12px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:35px;
  height:27px;
  padding:0 8px;
  color:#071827;
  background:#f3b42f;
  border-radius:3px;
  font-family:"Poppins",sans-serif;
  font-size:11px;
  line-height:1;
  font-weight:700;
  letter-spacing:.08em;
  box-shadow:0 4px 12px rgba(0,0,0,.18);
}
body[data-page="our-work"] .ew-project-caption{
  position:absolute;
  left:14px;
  right:58px;
  bottom:13px;
  z-index:3;
  color:#fff;
  font-size:12px;
  line-height:1.35;
  font-weight:600;
  text-shadow:0 2px 8px rgba(0,0,0,.55);
  opacity:.96;
  transform:translateY(3px);
  transition:transform .28s ease,opacity .28s ease;
}
body[data-page="our-work"] .ew-project-view{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  width:35px;
  height:35px;
  color:#071827;
  background:#f3b42f;
  border-radius:50%;
  box-shadow:0 5px 14px rgba(0,0,0,.2);
  opacity:.93;
  transform:translateY(2px);
  transition:transform .28s ease,background-color .28s ease;
}
body[data-page="our-work"] .ew-project-view .fa{font-size:13px}
body[data-page="our-work"] .ew-project-card a:hover img,
body[data-page="our-work"] .ew-project-card a:focus-visible img{
  transform:scale(1.035);
  filter:saturate(1.04) contrast(1.025);
}
body[data-page="our-work"] .ew-project-card a:hover::after,
body[data-page="our-work"] .ew-project-card a:focus-visible::after{opacity:.82}
body[data-page="our-work"] .ew-project-card a:hover .ew-project-caption,
body[data-page="our-work"] .ew-project-card a:focus-visible .ew-project-caption{transform:translateY(0)}
body[data-page="our-work"] .ew-project-card a:hover .ew-project-view,
body[data-page="our-work"] .ew-project-card a:focus-visible .ew-project-view{
  transform:translateY(0) scale(1.05);
  background:#ffc34a;
}
body[data-page="our-work"] .ew-project-card a:focus-visible{
  outline:3px solid #f3b42f;
  outline-offset:-3px;
}
body[data-page="our-work"] .ew-portfolio-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  margin:42px 0 0;
  padding:31px 0 0;
  border-top:1px solid rgba(243,180,47,.28);
}
body[data-page="our-work"] .ew-portfolio-footer>div:first-child{max-width:700px}
body[data-page="our-work"] .ew-portfolio-footer h3{
  margin:0 0 7px;
  color:#fff;
  font-size:27px;
}
body[data-page="our-work"] .ew-portfolio-footer p:not(.ew-portfolio-eyebrow){
  margin:0;
  color:#c7d1d8;
  line-height:1.65;
}
body[data-page="our-work"] .ew-portfolio-actions{
  flex:0 0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:9px;
}
body[data-page="our-work"] .ew-portfolio-actions .btn{margin:0}
body[data-page="our-work"] .ew-portfolio-actions .btn-outline{
  color:#fff!important;
  background:transparent!important;
  border-color:rgba(255,255,255,.72)!important;
}
body[data-page="our-work"] .ew-portfolio-actions .btn-outline:hover,
body[data-page="our-work"] .ew-portfolio-actions .btn-outline:focus{
  color:#071827!important;
  background:#f3b42f!important;
  border-color:#f3b42f!important;
}
@media(max-width:1199px){
  body[data-page="our-work"] .ew-work-gallery{column-count:3}
  body[data-page="our-work"] .ew-portfolio-head{align-items:flex-start}
  body[data-page="our-work"] .ew-portfolio-footer{align-items:flex-start}
}
@media(max-width:767px){
  body[data-page="our-work"] .ew-portfolio-section{padding:58px 0 62px}
  body[data-page="our-work"] .ew-portfolio-head{display:block;margin-bottom:25px;padding-bottom:22px}
  body[data-page="our-work"] .ew-portfolio-meta{display:inline-block;min-width:0;margin-top:20px}
  body[data-page="our-work"] .ew-work-gallery{column-count:2;column-gap:10px}
  body[data-page="our-work"] .ew-project-card{margin-bottom:10px;border-radius:5px}
  body[data-page="our-work"] .ew-project-caption{left:11px;right:47px;bottom:10px;font-size:11px}
  body[data-page="our-work"] .ew-project-view{right:9px;bottom:9px;width:31px;height:31px}
  body[data-page="our-work"] .ew-project-number{top:9px;left:9px;height:24px;min-width:31px;font-size:10px}
  body[data-page="our-work"] .ew-portfolio-footer{display:block;margin-top:30px;padding-top:25px}
  body[data-page="our-work"] .ew-portfolio-actions{justify-content:flex-start;margin-top:22px}
}
@media(max-width:480px){
  body[data-page="our-work"] .ew-work-gallery{column-count:1}
  body[data-page="our-work"] .ew-project-caption{font-size:12px}
  body[data-page="our-work"] .ew-portfolio-actions{display:grid;grid-template-columns:1fr}
  body[data-page="our-work"] .ew-portfolio-actions .btn{width:100%}
}
@media(hover:none){
  body[data-page="our-work"] .ew-project-caption{transform:none}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="our-work"] .ew-project-card img,
  body[data-page="our-work"] .ew-project-card a::after,
  body[data-page="our-work"] .ew-project-caption,
  body[data-page="our-work"] .ew-project-view{transition:none!important}
}