*{margin:0;padding:0}
body{color:#353535;background:#fff;font-style: normal;font-weight: 400; font-size:14px;overflow-x:hidden;}
html{font-smoothing: antialiased;-webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased;  -moz-osx-font-smoothing: grayscale;}
.clear{content: " ";display: block;clear: both;height: 0;visibility: hidden;}
ul, li{list-style:none;padding:0; margin:0;}
a{text-decoration:none;}
a:hover, a:focus{outline:none;text-decoration:none;}
a,a:hover,a:focus,a:active{text-decoration:none;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}

#cssmenu > ul > li > a > span, #cssmenu > ul > li > ul > li > a > span {
    padding: 18px 20px;
}

/* Body and Heading Fonts */
body{font-style:normal;font-weight:400;overflow-x:hidden;color:#323232;font-family: 'Montserrat', sans-serif;}
h1,h2,h3,h4,h5,h6, button, .btn, li, a, hgroup, big, small{font-style:normal;font-family: 'Montserrat', sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:400;color:#323232;line-height:1.2;padding:0;margin:0;}
p{color:#121212;font-size:16px;font-weight:100;font-family: 'Open Sans', sans-serif;}

a:link {
    color: #74b7d8;
    text-decoration:none
}

a:visited {
    color: #74b7d8;
    text-decoration:none
}

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

a:active {
    color: #74b7d8;
    text-decoration:none
}

#cssmenu {
    top: 180px;
    left:0
}

/*no Margin*/
.nomargin{margin:0 !important;}
.nolmr{margin-left: 0 !important;}
.normr{margin-right: 0 !important;}
.notmr{margin-top: 0 !important;}
.nobmr{margin-bottom: 0 !important;}
/*No Padding*/
.nopadding{padding:0 !important;}
.nolpd{padding-left:0 !important;}
.norpd{padding-right: 0 !important;}
.notpd{padding-top: 0 !important;}
.nobpd{padding-bottom: 0 !important;}

.blue {
  color: #74b7d8
}

#header_content{max-width:100%;padding:0 10px;height:180px;background:rgba(255, 255, 255, 0.8);}
body.scroll #header_content{border-bottom:0;}

div.logo {
    position: absolute;
    top: 10px;
    left: 40px;
    text-align: left;
    font-size: 76px;
    font-weight: 100;
    line-height: 1em;
    z-index: 105;
    transition: all .4s ease;
}

body.scroll div.logo {
    font-size: 60px;
}

div.logo a, div.logo a:visited {
    text-decoration: none;
    color: #1A73E8;
}

div.logo a span, div.logo a:visited span {
    text-decoration: none;
    color: #909090;
    display: block;
}

body.scroll div.logo a span, body.mobile div.logo a span {
    display: inline-block;
}

div.logo img {
    max-height: 151px;
    width: auto;
    transition: max-height 0.4s ease, height 0.4s ease
}

body.scroll div.logo img {
    max-height: 65px;
}

#header_content a.logo{background:url('../images/Gemstone_Logo_Color.webp') no-repeat;width:282px;height:104px;background-position:center center;background-size:100%; top: 15px;}

.footerInner figure img{
    width: 500px !important;
    max-width: 100% !important;
}

#container{background:transparent;}
.topMenu{float:right;margin:5px 0 20px;}
.topMenu ul{display:flex;}
.topMenu ul li{position:relative;padding:0 20px 0 0;background:transparent;list-style-image:none;margin:0;}
.topMenu ul li + li:before {content: '|';position: absolute;left: -12px;font-size:14px;top: -1px;font-weight:400;color: #7f7f7f;}
.topMenu ul li a{font-size:14px;color:#7f7f7f;font-weight:700;}
#social_icons{top:20px;right:100px;text-align:center;width:auto;}
#social_icons > div{font-size:24px;color:#000;font-weight:300;display:block;text-align:center;}
#social_icons > div.phone{font-size:30px;color:#74b7d8;font-weight:700;display:block;text-align:center;}

.social_next {position: absolute;text-align:right;top:70px;right:28px;width:auto;}

.social_next_2 {font-size: 24px}

body.home .spacer{height:150px;}

#mobile_nav {
    display:block;
    position: absolute;
    top:20px;
    right: 20px;
    margin: 0;
    width: 60px;
    height: 50px;
    text-align: center;
    padding: 0;
    z-index: 500;
    transition: all .4s ease;
}

#mobile_nav a {
    text-decoration: none;
    line-height: normal;
}

.mobile-nav-toggle {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 20px;
    vertical-align: middle;
    cursor: pointer;
    color: #FFF;
    padding: 0;
    display: inline-block;
    z-index: 1002;
    transition: top .4s ease;
}

.top-bar {
    width: 40px;
    height: 4px;
    position: absolute;
    top: 0;
    background-color: #000;
    transition: transform .1s .1s ease-in-out;
    -webkit-transition: transform .1s .1s ease-in-out;
    -moz-transition: transform .2s .2s ease-in-out;
    -o-transition: transform .1s .1s ease-in-out;
}

.middle-bar {
    width: 40px;
    height: 4px;
    position: absolute;
    top: 10px;
    background-color: #000;
    transition: opacity .1s linear;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
}

.bottom-bar {
    width: 40px;
    height: 4px;
    position: absolute;
    top: 20px;
    background-color: #000;
    transition: transform .1s .1s ease-in-out;
    -webkit-transition: transform .1s .1s ease-in-out;
    -moz-transition: transform .1s .1s ease-in-out;
    -o-transition: transform .1s .1s ease-in-out;
}

.call_today {
      display: inline-block;
      padding-right: 15px;
  }


.footer-top{width:100%;min-height:700px;background-color:rgba(93,163,211,0.3);position:relative;}
.footer-top:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-image:url(../images/footer-top-bg.webp);background-repeat: no-repeat;background-size:cover;opacity:0.5;}
.topFootInner{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;}
.innerFooterTop{background-color:#2268af;background-image:url(../images/blend-mode-bg.webp);width:480px;border-radius:10px;min-height:200px;display:flex;justify-content:center;align-items:center;background-blend-mode:multiply;z-index:101;margin-bottom:30px;}
.innerFooterTop p{font-size:25px;font-weight:300;text-align:center;color:#ffffff;}
.innerFooterTop h3{font-size:45px;font-weight:700;text-align:center;color:#ffffff;}
.estimateBtn{background-image:none;background-color:rgba(12,39,74,0.7);background-blend-mode:multiply;text-align:center;}
.estimateBtn h3 span{display:block;font-weight:300;}
.estimateBtn a.e-btn{background:#000;display:inline-flex;min-width:180px;padding:0 15px;min-height:40px;color:#fff;font-size:20px;font-weight:700;align-items:center;justify-content:center;}

footer{border:0;padding:60px 0;color:#000;background:#fff;}
footer a{color:#000 !important;}
footer a:visited{color:#000 !important;}
footer a:hover{color:#666 !important;}

.ft-container{max-width:80%;margin:0 auto;}

.row{position:relative;margin-left:-15px;margin-right:-15px;}
.row:after{content:'';width:0;height:0;display:table;visibility:hidden;clear:both;}
.col-2{width:50%;float:left;}
.col-3{width:33.33333%;float:left;}
.col-6{width:50%;float:left;}

.footerInner{padding:0 40px;}
.footerInner figure{display:block;text-align:center;padding:0;}
.footerInner figure img{max-width:500px;width:100%;display:inline-block;margin:0;}
.col-2:first-child .footerInner{display:flex;align-items:center;justify-content:center;min-height:300px;border-right:2px solid #ddd;}
.col-2:last-child .footerInner{padding-left:60px;}

#footer_credits{text-align:center;margin-top:50px;padding-top:30px;border-top:1px solid #ddd;}
#footer_credits .copyright{font-size:12px;color:#000;font-weight:400;letter-spacing:1.5px;}
#footer_credits .developer{font-size:11px;color:#666;font-weight:400;margin-top:8px;}
#footer_credits .developer a{display:inline;color:#666;font-weight:400;}

.text-left{text-align:left;}
.footerInner a.ft-btn{background:#000;display:inline-flex;min-width:80%;padding:0 15px;min-height:40px;color:#fff;font-size:20px;font-weight:700;align-items:center;justify-content:center;text-transform:uppercase;}
.footerInner dl{margin-bottom:20px;}
.footerInner dt{font-size:25px;text-align:left;color:#000;font-weight:700;line-height:30px;}
.footerInner dd{font-size:22px;text-align:left;color:#000;font-weight:400;line-height:30px;}

.text-right{text-align:left;}
.footerInner h4{text-align:left;font-size:20px;margin-bottom:20px;font-weight:400;letter-spacing:3px;}
.footerInner .social-icons{margin-bottom:30px;text-align:left;}
.footerInner .social-icons a{color:#000;font-size:32px;margin:0 15px 0 0;display:inline-block;}
.footerInner .social-icons a:hover{color:#74b7d8;}
.footerInner .contact-info{font-size:16px;color:#000;line-height:2;}
.footerInner .contact-info div{margin-bottom:2px;font-weight:400;}
.footerInner .contact-info a{color:#000;text-decoration:none;font-weight:400;}
.footerInner .contact-info a:hover{color:#74b7d8;}


.cycle-pager{top:auto;bottom:10px;right:0;left:0;margin:auto;text-align:center;}
.whiteoverlayBox{position: absolute;height:auto;right:0px;left:0;top:0;padding-top:180px;}
.whiteoverlayBox > div.innerovelayBox{padding:30px 30px 0 30px;text-align:center;color:#FFF;font-size: 24px;text-shadow: 0 0 6px #000}
.innerovelayBox h2{font-size:30px;text-align:center;color:#FFF;transform: scaleY(1.5);transform-origin: bottom;}
.innerovelayBox h2 a{color:#FFF}
.innerovelayBox h2 a:hover, .innerovelayBox h2 a:focus{color:#000;}
.innerovelayBox h2 span{display:block;font-size:30px;text-transform:capitalize;font-weight:700;color:#fdcc09}
.innerovelayBox h3{color:#FFF;text-transform:uppercase;text-align:center;font-size: 30px;}
.listoflocations{ column-count: 2; column-gap:15px;text-align:left;}
.innerovelayBox figure{position:relative;}
.innerovelayBox figure a.gfeBtn{background:#74b7d8;display:inline-flex;width:180px;padding:0 10px;min-height:35px;color:#fff;font-size:13px;text-transform:uppercase;font-weight:700;align-items:center;justify-content:center;position:relative;left:0px;right:0;bottom:25px;margin:auto;}
.cycle-overlay > div{text-align:center;font-style: italic;text-shadow: 0px 5px 4.75px rgba(0, 0, 0, 0.5);font-family: "Montserrat SemiBold";font-size:34px;}

.listoflocations li{background:transparent;list-style-image:none;}
.listoflocations li a{color:#000;}


#boxcontainer{height:auto;margin-top:0;}
.row-cols{margin:0;}
.colSpelished{width:100%;min-height:450px;position:relative;background:#649bc1 url(../images/specialisist-sec-bg.webp) no-repeat;background-size:cover;;}
.colspeishedInner{position:relative;z-index:9;}
.colSpelished .heading{display:flex;width:100%;justify-content:center;align-items:center;text-align:center;min-height:100px;}
.colSpelished .heading h2{font-size:34px;font-weight:300;color:#fff;}


.col-20{width:20%;float:left;padding:0;}

.colorcalloutsbox > div > a > img{width:100%;height:auto;display:block;}
#boxcontainer .colorcalloutsbox{background:transparent !important;height:auto;margin:0;}
.colorcalloutsbox h3{text-align:center;padding:20px 0;font-size:20px;color:#fff;font-weight:700;}


#content{margin:0 auto;padding:0;}
#content h1{text-align:center;font-size:35px;color:#74b7d8;line-height:1.3;margin-bottom:30px;font-weight:900;}
#content h2{text-align:center;font-size:25px;color:#000000;line-height:1.3;margin-bottom:30px;font-weight:700;}
#content p{font-size:18px;color:#000;line-height:1.3;margin-bottom:30px;}

.mainBlueBg{padding:0 30px;}
.blueCols{}
.blueBgSec{background:#56687b;border-radius: 10px;min-height:180px;width:80%;margin:0 auto 20px;display:flex;align-items:center;padding:20px;position:relative;}
.blueBgSec h3{font-size:20px;color:#fff;padding:0 0 0 45px;}
.bgArrow{position:relative;overflow:hidden;}
.bgArrow:before{content:'';width:100px;height:100px;background:#fff;border-radius:100%;position:absolute;left:-50px;top:0;bottom:0;margin:auto 0;}
.bgArrow:after{content:'';width:45px;height:70px;position:absolute;left:-14px;top:0px;bottom:0;margin:auto;background-repeat:no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23aed1e9' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z' class=''%3E%3C/path%3E%3C/svg%3E");}

.footer_action{background:#dfedf6;padding:30px 20px;text-align:center;font-size:18px;color:#000;min-height:150px;}
.footer_action span{color:#74b7d8;font-weight:700;}

/* Our Services Section */
.our-services-section{padding:0;background:#f8f8f8;position:relative;}
.our-services-section::before{content:'';position:absolute;width:130px;height:130px;background:url(../images/sparkle.webp) no-repeat center center;background-size:contain;top:30px;left:50%;z-index:1;}
.our-services-section::after{content:'';position:absolute;width:200px;height:200px;background:url(../images/sparkle.webp) no-repeat center center;background-size:contain;bottom:30px;right:50px;z-index:1;}
.services-container{margin:0 auto;padding:0;position:relative;z-index:2;}
.services-content{display:flex;align-items:center;gap:0;}
.services-image{flex:1;}
.services-image img{width:100%;height:auto;border-radius:0;display:block;}
.services-text{flex:1;padding:5% 10%;}
.services-text h2{font-size:32px !important;color:#000;font-weight:400;margin-bottom:25px;letter-spacing:3px;}
.services-text p{font-size:20px !important;line-height:1.8;color:#000;margin-bottom:30px; text-align: center}

/* Residential & Commercial Coatings Sections */
.residential-coatings-section{padding:60px 0;background:#fff url(../images/coatings-background.webp) no-repeat center center;background-size:cover;overflow:visible;}
.commercial-coatings-section{padding:60px 0;background:#2c3e50 url(../images/commercial-background.webp) no-repeat center center;background-size:cover;overflow:visible;}
.commercial-coatings-section h2{color:#fff !important;}
.commercial-coatings-section h3{color:#fff !important;}
.commercial-coatings-section p{color:#fff !important;}
.section-container{max-width:1200px;margin:0 auto;padding:0 20px;overflow:visible;}
.section-container h2{font-size:32px;text-align:center;margin-bottom:50px;font-weight:400;letter-spacing:3px;}
.coatings-table{width:100%;border-collapse:collapse;margin-bottom:40px;overflow:visible;}
.coating-cell{text-align:center;padding:0 15px;vertical-align:middle;overflow:visible;}
.coating-icons-row .coating-cell{vertical-align:bottom;padding-bottom:20px;}
.coating-content-row .coating-cell{vertical-align:top;}
.coating-icon{position:relative;display:inline-block;overflow:visible;}
.coating-icon img{width:80px;height:80px;}
.coating-icon img.sparkle{position:absolute;width:80px;height:80px;}
.coating-cell:nth-child(1) .coating-icon img.sparkle{top:-50px;right:-50px;}
.coating-cell:nth-child(2) .coating-icon img.sparkle{top:0;bottom:0;margin:auto 0;right:-50px;}
.coating-cell:nth-child(3) .coating-icon img.sparkle{top:-50px;left:-50px;}
.coating-cell:nth-child(4) .coating-icon img.sparkle{top:-50px;right:-50px;}
.coating-cell h3{font-size:18px;font-weight:700;margin-bottom:15px;text-transform:uppercase;}
.coating-cell p{font-size:14px;line-height:1.6;}
.commercial-coatings-section .coating-cell:nth-child(1) .coating-icon img.sparkle{top:-50px;left:-50px !important;}
.commercial-coatings-section .coating-cell:nth-child(2) .coating-icon img.sparkle{top:-20px !important;right:-50px !important;}
.commercial-coatings-section .coating-cell:nth-child(3) .coating-icon img.sparkle{top:-50px !important;right:-50px !important;left:auto !important;}
.commercial-coatings-section .coating-cell:nth-child(4) .coating-icon img.sparkle{top:0 !important;bottom:0 !important;margin:auto 0 !important;left:-50px !important;right:auto !important;}
.section-cta{text-align:center;}

/* Call Now Section */
.call-now-section{position:relative;min-height:400px;overflow:hidden;}
.call-now-container{position:relative;height:100%;display:flex;}
.call-now-image{flex:1;position:relative;}
.call-now-image img{width:100%;height:100%;object-fit:cover;display:block;}
.call-now-content{flex:1;background:#2e99ce;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;color:#fff;text-align:center;position:relative;}
.call-now-content h2{font-size:48px !important;font-weight:700;margin-bottom:20px;color:#fff !important;}
.call-now-content p{font-size:32px !important;margin-bottom:30px;color:#000 !important;}
.call-now-content .phone-number{font-size:48px;font-weight:700;color:#fff;text-decoration:none;position:relative;z-index:2;}
.call-now-content .phone-number:hover{color:#fff;}
.call-now-content .call-sparkle{position:absolute;bottom:-40px;right:-40px;width:250px;height:250px;z-index:1;}

/* Customer Satisfaction Section */
.customer-satisfaction-section{padding:60px 0;background:#1a1a1a url(../images/contact-sparkle-background.webp) no-repeat bottom right;background-size:25%;}
.satisfaction-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;gap:60px;align-items:center;}
.satisfaction-form{flex:1;}
.satisfaction-form h2{font-size:36px !important;color:#fdcc09 !important;font-weight:700;margin-bottom:30px;text-transform:uppercase;}
.satisfaction-form input,
.satisfaction-form textarea{width:100%;padding:12px;margin-bottom:15px;border:none;background:#fff;font-size:14px;}
.satisfaction-form textarea{height:80px;resize:vertical;}
.satisfaction-form .button{width:100%;}
.satisfaction-guarantee{flex:1;text-align:center;position:relative;}
.satisfaction-guarantee h2{font-size:36px !important;color:#fff !important;font-weight:700;margin-bottom:20px;text-transform:uppercase;}
.satisfaction-guarantee p{font-size:32px !important;color:#fff !important;line-height:1.6;}
.satisfaction-guarantee .satisfaction-sparkle{width:100px;height:100px;display:block;margin:20px auto;}

/* Reviews Section */
.reviews-section{padding:60px 0;background:#f8f8f8 url(../images/trusted-background.webp) no-repeat center center;background-size:cover;}
.reviews-section h2{font-size:28px;text-align:center;margin-bottom:40px;text-transform:uppercase;font-weight:700;}
.reviews-slider{display:flex;gap:20px;justify-content:center;}
.review-item{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);max-width:350px;}
.review-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;}
.review-author h4{font-size:16px;font-weight:700;margin-bottom:5px;}
.stars{color:#ffa500;font-size:14px;}



/* @media only screen and (max-width:1440px){
    #content{width:90%;}
    .ft-container{max-width:90%;}
}

@media only screen and (max-width:1280px){
    #content{width:100%;}
    .ft-container{max-width:100%;}
} */

@media only screen and (max-width:900px){
    .col-2{width:100%;float:none;}
    .col-2:first-child .footerInner{border-right:none;border-bottom:2px solid #ddd;padding-bottom:40px;margin-bottom:40px;}
    .col-2:last-child .footerInner{padding-left:40px;}
    .footerInner figure img{width:400px !important;}

    /* Home page sections mobile */
    .services-content{flex-direction:column;}
    .services-image{overflow:hidden !important;height:400px !important;}
    #content .services-image img{width:150% !important;height:auto !important;min-height:100% !important;max-width:none !important;object-fit:cover !important;object-position:left middle !important;max-height: 400px}
    .services-text{text-align:center;}
    .services-text .button{display:inline-block;margin:0 auto;}
    .coatings-grid{grid-template-columns:repeat(2, 1fr);}
    .call-now-container{flex-direction:column;}
    .call-now-image{min-height:300px;}
    .satisfaction-container{flex-direction:column;}
}

/* Hide mobile-only icons on desktop */
.coating-icon.mobile-only{display:none;}

@media only screen and (max-width:900px){
    /* Mobile coatings table layout */
    body.mobile table.coatings-table,
    body table.coatings-table,
    table.coatings-table{display:block !important;margin-bottom:0 !important;}

    body.mobile table.coatings-table tbody,
    body table.coatings-table tbody,
    table.coatings-table tbody{display:block !important;}

    body.mobile table.coatings-table tr,
    body table.coatings-table tr,
    table.coatings-table tr{display:block !important;}

    body.mobile table.coatings-table td.coating-cell,
    body table.coatings-table td.coating-cell,
    table.coatings-table td.coating-cell{display:block !important;width:100% !important;margin-bottom:15px !important;text-align:center !important;padding-top:20px !important;padding-bottom:10px !important;}

    body.mobile table.coatings-table tr.coating-icons-row,
    body table.coatings-table tr.coating-icons-row,
    table.coatings-table tr.coating-icons-row{display:none !important;}

    body.mobile .coating-icon.mobile-only,
    body .coating-icon.mobile-only,
    .coating-icon.mobile-only{display:inline-block !important;margin-bottom:20px !important;position:relative !important;}

    body.mobile .coating-icon.mobile-only img.sparkle,
    body .coating-icon.mobile-only img.sparkle,
    .coating-icon.mobile-only img.sparkle{width:40px !important;height:40px !important;}

    body.mobile .coating-cell:nth-child(1) .coating-icon.mobile-only img.sparkle,
    body .coating-cell:nth-child(1) .coating-icon.mobile-only img.sparkle,
    .coating-cell:nth-child(1) .coating-icon.mobile-only img.sparkle{top:-20px !important;right:-30px !important;}

    body.mobile .coating-cell:nth-child(2) .coating-icon.mobile-only img.sparkle,
    body .coating-cell:nth-child(2) .coating-icon.mobile-only img.sparkle,
    .coating-cell:nth-child(2) .coating-icon.mobile-only img.sparkle{top:-20px !important;left:-30px !important;right:auto !important;}

    body.mobile .coating-cell:nth-child(3) .coating-icon.mobile-only img.sparkle,
    body .coating-cell:nth-child(3) .coating-icon.mobile-only img.sparkle,
    .coating-cell:nth-child(3) .coating-icon.mobile-only img.sparkle{top:-20px !important;right:-30px !important;}

    body.mobile .coating-cell:nth-child(4) .coating-icon.mobile-only img.sparkle,
    body .coating-cell:nth-child(4) .coating-icon.mobile-only img.sparkle,
    .coating-cell:nth-child(4) .coating-icon.mobile-only img.sparkle{top:-20px !important;left:-30px !important;right:auto !important;}
}

@media only screen and (max-width:600px){
    .coatings-grid{grid-template-columns:1fr;}
    .services-text h2{font-size:24px;}
    .call-now-content h2{font-size:32px;}
    .call-now-content .phone-number{font-size:32px;}
}





/* @media only screen and (max-width:768px){
    #content{padding:15px;}
    .whiteoverlayBox{top:10px;}
    .whiteoverlayBox > div.innerovelayBox{padding:10px;}

}
@media only screen and (max-width:767px){
 .whiteoverlayBox{position:relative;margin:15px auto;top:auto;right:auto;}   
 #content h1 br{display:none;}
 .col-3, .col-6{width:100%;}
 .footerInner{text-align:center;margin-bottom:30px;}
 .footerInner h4{text-align:center;}
 .footerInner dt{text-align:center;}
 .footerInner dd{text-align:center;}
 .footerInner a.ft-btn{min-width:auto;display:inline-flex;}
 #content p br{display:none;}
} */


@media only screen and (max-width:600px){
 .whiteoverlayBox{}   
 #social_icons > div{font-size:15px;}
    
}

@media only screen and (max-width:480px){
    .footer-top{min-height:500px;}
    #header_content a.logo{top:0;}
    .innerFooterTop{width:100%;padding:0 20px;}
    .topFootInner{display:block;padding:30px 15px;}
}
@media only screen and (max-width:436px){
 #social_icons > div{font-size:13px;}
 #social_icons > div.phone{font-size:20px;line-height:30px;}
 .innerFooterTop h3{font-size:35px;}
}

/* Coatings Page Styles */
body.coatings .ultimate-section {
    padding: 40px 0 60px;
    background: #fff;
}

body.coatings .ultimate-section .container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}

body.coatings .ultimate-section h2 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
}

body.coatings .ultimate-section > .container > p {
    font-size: 13px;
    line-height: 1.6;
    color: #000;
    margin-bottom: 30px;
    text-align: left;
}

body.coatings .ultimate-section h3 {
    font-size: 20px;
    color: #74b7d8;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 30px;
    text-align: left;
}

/* 1-Day vs 2-Day Coating Systems */
body.coatings .systems-comparison {
    display: flex;
    gap: 30px;
    position: relative;
}

body.coatings .systems-comparison-left {
    flex: 3;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

body.coatings .system-card {
    display: flex;
    background: transparent;
    border-radius: 0;
    overflow: hidden;
}

body.coatings .system-card.system-1day {
}

body.coatings .system-card.system-2day {
}

body.coatings .system-label {
    position: relative;
    min-width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px 30px 20px;
    border-radius: 0 50% 50% 0;
    margin-right: -70px;
}

body.coatings .system-card.system-1day .system-label {
    background: #6b6b6b;
}

body.coatings .system-card.system-2day .system-label {
    background: #74b7d8;
}

body.coatings .system-label h4 {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    text-align: center;
}

body.coatings .system-content {
    flex: 1;
    background: #e8e8e8;
    padding: 25px 30px 25px 110px;
}

body.coatings .system-content p {
    font-size: 12px;
    line-height: 1.6;
    color: #000;
    margin: 0;
    text-align: left;
}

body.coatings .gemstone-guarantee {
    background: transparent;
    padding: 30px;
    border-radius: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    align-self: center;
}

body.coatings .gemstone-guarantee .sparkle-top {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    z-index: 1;
}

body.coatings .gemstone-guarantee .sparkle-bottom {
    position: absolute;
    width: 100px;
    height: 100px;
    bottom: -50px;
    left: 0;
    z-index: 1;
}

body.coatings .gemstone-guarantee p {
    font-size: 12px;
    line-height: 1.5;
    color: #000;
    margin: 0;
    text-align: center;
    position: relative;
    z-index: 2;
}

body.coatings .gemstone-guarantee strong {
    font-weight: 700;
}

/* Coating Types */
body.coatings .coating-type {
    padding: 50px 0;
    background: #fff;
}

body.coatings .coating-type .container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}

body.coatings .coating-content {
    display: flex;
    gap: 50px;
    align-items: center;
}

body.coatings .coating-text {
    flex: 1;
    position: relative;
}

body.coatings .coating-text h3 {
    font-size: 20px;
    color: #74b7d8;
    font-weight: 700;
    margin-bottom: 18px;
    text-transform: uppercase;
    text-align: left;
    position: relative;
    display: inline-block;
}

body.coatings .coating-text p {
    font-size: 12px;
    line-height: 1.6;
    color: #000;
    margin-bottom: 25px;
    text-align: left;
}

body.coatings .coating-image {
    flex: 1;
    position: relative;
}

body.coatings .coating-image img {
    width: 100%;
    height: auto;
    border-radius: 0;
    display: block;
}

body.coatings .coating-title-wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 18px;
}

body.coatings .coating-title-wrapper h3 {
    margin-bottom: 0;
}

body.coatings .coating-title-wrapper img.sparkle {
    position: absolute;
    width: 60px;
    height: 60px;
    top: -15px;
    right: -70px;
}



/* Mobile Responsive */
@media only screen and (max-width: 900px) {
    body.coatings .systems-comparison {
        flex-direction: column;
        gap: 15px;
    }

    body.coatings .systems-comparison-left {
        flex: 1;
    }

    body.coatings .system-label {
        display: none;
    }

    body.coatings .gemstone-guarantee {
        padding: 30px;
    }

    body.coatings .system-content {
        padding: 25px 30px;
    }

    body.coatings .coating-content {
        flex-direction: column;
        gap: 30px;
    }

    body.coatings .coating-image {
        order: -1;
    }

    body.coatings .coating-text {
        text-align: center;
    }

    body.coatings .coating-text h3 {
        font-size: 18px;
    }

    body.coatings .coating-text p {
        font-size: 12px;
    }

    body.coatings .coating-text .button {
        margin: 0 auto;
    }

    body.coatings .coating-title-wrapper img.sparkle {
        width: 50px;
        height: 50px;
        right: -60px;
    }

    body.coatings .coating-image:has(img[src*="clear-coating.webp"]),
    body.coatings .coating-image:has(img[src*="quartz-coating.webp"]),
    body.coatings .coating-image:has(img[src*="flake-coating.webp"]),
    body.coatings .coating-image:has(img[src*="metallic-coating.webp"]) {
        overflow: hidden;
    }

    body.coatings img[src*="clear-coating.webp"],
    body.coatings img[src*="quartz-coating.webp"] {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        clip-path: inset(0 80px 0 0);
        transform: scale(1.3);
        transform-origin: left center;
    }

    body.coatings img[src*="flake-coating.webp"],
    body.coatings img[src*="metallic-coating.webp"] {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        clip-path: inset(0 0 0 80px);
        transform: scale(1.3);
        transform-origin: right center;
    }

}

/* Finishes Page Styles */
body.finishes .finishes-intro {
    padding: 40px 0;
    background: #fff;
    text-align: center;
}

body.finishes .finishes-intro .container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

body.finishes .finishes-intro h2 {
    font-size: 32px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

body.finishes .finishes-intro p {
    font-size: 16px;
    line-height: 1.6;
    color: #000;
}

body.finishes .finishes-section {
    padding: 50px 0;
    background: #fff;
}

body.finishes .finishes-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

body.finishes .finishes-heading-wrapper {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

body.finishes .finishes-heading-wrapper h2 {
    font-size: 28px;
    color: #000;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

body.finishes .finishes-heading-wrapper {
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
}

body.finishes .finishes-heading-wrapper .sparkle {
    position: absolute;
}

/* Flake Finishes Sparkles - Top Left & Bottom Right */
body.finishes .flake-finishes .sparkle-left {
    width: 70px;
    height: 60px;
    top: -25px;
    left: -70px;
}

body.finishes .flake-finishes .sparkle-right {
    width: 50px;
    height: 50px;
    bottom: 5px;
    right: -50px;
}

/* Quartz Finishes Sparkles - Bottom Left & Top Right */
body.finishes .quartz-finishes .sparkle-left {
    width: 70px;
    height: 60px;
    top: -45px;
    left: -70px;
}

body.finishes .quartz-finishes .sparkle-right {
    width: 48px;
    height: 48px;
    top: -20px;
    right: -60px;
}

/* Metallic Finishes Sparkles - Top Left & Top Right */
body.finishes .metallic-finishes .sparkle-left {
    width: 52px;
    height: 52px;
    top: 5px;
    left: -65px;
}

body.finishes .metallic-finishes .sparkle-right {
    width: 68px;
    height: 58px;
    top: -28px;
    right: -70px;
}

body.finishes .finishes-section h2 {
    font-size: 28px;
    color: #000;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
}

body.finishes .metallic-description {
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    color: #000;
    margin-bottom: 30px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

body.finishes .finishes-grid {
    display: grid;
    gap: 20px;
}

body.finishes .flake-grid {
    grid-template-columns: repeat(4, 1fr);
}

body.finishes .quartz-grid {
    grid-template-columns: repeat(4, 1fr);
}

body.finishes .metallic-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

body.finishes .metallic-grid .finish-item img {
    width: auto !important;
    max-width: 222px !important;
    max-height: 222px !important;
    margin: 0 auto;
}

body.finishes .finish-item {
    text-align: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

body.finishes .finish-item img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    display: block;
    border-radius: 0;
    transition: transform 0.3s ease;
}

body.finishes .finish-item:hover img {
    transform: scale(1.15);
}

body.finishes .finish-name {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

body.finishes .finish-name-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 33.333%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: opacity 0.3s ease;
}

body.finishes .finish-item:hover .finish-name-overlay {
    opacity: 0;
}

/* Finishes Mobile Responsive */
@media only screen and (max-width: 900px) {
    body.finishes .flake-grid,
    body.finishes .quartz-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    body.finishes .metallic-grid {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 600px) {
    body.finishes .finishes-intro h2 {
        font-size: 24px;
    }

    body.finishes .finishes-intro p {
        font-size: 14px;
    }

    body.finishes .finishes-section h2 {
        font-size: 22px;
    }

    body.finishes .flake-grid,
    body.finishes .quartz-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    body.finishes .finish-name {
        font-size: 10px;
    }
}

@media only screen and (max-width: 600px) {
    body.coatings .ultimate-section h2 {
        font-size: 16px;
    }

    body.coatings .ultimate-section h3 {
        font-size: 18px;
    }

    body.coatings .ultimate-section > .container > p {
        font-size: 12px;
    }

    body.coatings .system-card h4 {
        font-size: 20px;
    }

    body.coatings .system-card p {
        font-size: 11px;
    }

    body.coatings .gemstone-guarantee p {
        font-size: 12px;
    }

    body.coatings .coating-text h3 {
        font-size: 18px;
    }

    body.coatings .coating-text p {
        font-size: 12px;
    }
}