/*
Theme Name: Subzero Blasting
Theme URI: https://subzeroblasting.com/
Author: DoWP
Author URI: https://dowp.co/
Description: Custom Subzero Blasting Website Template
Version: 2026

Subzero Blasting WordPress Theme © 2026 DoWP
*/

@charset "utf-8";

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

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 


/* Color Styles *****************************************/
.black{color: #000;}
.navy{color: #023F67;}
.blue{color: #519CD5;}
.lt_blue{color: #E8F5FD;}
.white{color: #FFFFFF;}
.main_blue{color: #FFDDBC;}
.grey{color: #4A4A4A;}

.black_bkg{background-color: #000;}
.navy_bkg{background-color: #023F67;}
.blue_bkg{background-color: #519CD5;} 
.lt_blue_bkg{background-color: #E8F5FD;}
.white_bkg{background-color: #FFFFFF;}
.main_blue_bkg{background-color: #FFDDBC;}
.grey_bkg{background-color: #4A4A4A;}


/* Font Styles reg 400 semi 600 bold 700 *****************************************/
html {
    font-size: 16px;
    font-family: "Archivo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal; 
    color: #4A4A4A;
}
h1{font-family: "Genos", sans-serif; font-size: 3.625rem; font-weight: 600; line-height: 110%; color: #fff; text-transform: uppercase;}
h2{font-family: "Genos", sans-serif; font-size: 2.75rem; font-weight: 700; line-height: 75%; color: #015AAA; text-transform: uppercase; margin-bottom: 10px;} 
h3{font-family: "Genos", sans-serif; font-size: 2.25rem; font-weight: 600; line-height: 75%; text-transform: uppercase; margin-bottom: 10px;}
h1 span, h2 span{color: #000;}

body{overflow-x: hidden;}
.df_txt, p, body{font-size: 1.125rem; font-weight: 400; line-height: 140%;}
p.highlight{font-family: "Genos", sans-serif; font-weight: 700; color: #15C0F2;}
.h4_txt{font-size: 1.5rem; font-family: "Genos", sans-serif; font-weight: 700; color: #000;}
.lg_txt{font-size: 1.375rem; font-weight: 400; line-height: 155%;}
.sm_txt{font-size: 0.875rem; font-weight: 400; line-height: 130%}
.long{overflow-wrap: break-word; hyphens: auto;}
caption{font-size: 0.875rem; font-weight: 400; text-transform: uppercase; line-height: 120%;}
.df_txt, p, .lg_txt, .sm_txt{margin-bottom: 20px;}

location, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}         
sup {top: -0.5rem;}
location {bottom: -0.25rem;}


/* Link + Button Styles *****************************************/
a{color: #015AAA;}
a:hover{color: #023F67; text-decoration: underline;}
.btn, #mobileNav ul li.btn a{font-family: "Genos", sans-serif; display: inline-block; font-size: 1rem; font-weight: 700; padding: 11px 25px 11px; text-decoration: none!important;}
.btn span, .btn:hover span{color: #015AAA; text-transform: uppercase; font-size: 1.25rem;}
.btn.white{color: #000!important; background: #fff; border: 1px solid #000;}
.btn.white:hover{color: #fff!important; background: #000; border: 1px solid #000;}
.btn.white:hover span{color: #15C0F2!important;}

.btn.black, #mobileNav ul li.btn a{color: #fff!important; background: #000; border: 1px solid #fff;}
.btn.black:hover, #mobileNav ul li.btn a:hover{color: #000!important; background: #fff;}
.btn.black:hover span, #mobileNav ul li.btn a:hover span{color: #15C0F2!important;}

.btn.outline_w{color: #fff!important; background: transparent; border: 1px solid #fff;}
.btn.outline_w span{color: #fff!important;}
.btn.outline_w:hover{color: #000!important; background: #fff;}
.btn.outline_w:hover span{color: #000!important;}

.btn.outline{color: #000!important; background: transparent; border: 1px solid #000;}
.btn.outline:hover{color: #fff!important; background: #000;}
.btn.outline:hover span{color: #15C0F2!important;}

.has_icon img{width: 20px; vertical-align: sub; margin-right: 5px; display: inline-block;}
a:hover, a:hover img, a:hover span, input[type="submit"]:hover, button:hover{-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}


/* Layout Styles *****************************************/
.clear {clear:both;}
.invisible{position : absolute; top : -1000px; width:1px; height:1px; overflow:hidden;}
.hide-text {text-indent: 100%; white-space: nowrap; overflow: hidden;}
.screen-reader-text, .skip-link, .temp-hide{display:none!important;}

.cushion{padding: 80px 0px;}
.cushion-lg{padding: 120px 0px;}
.cushion-sm{padding: 40px 0px;}
.cushion-top{padding-top: 80px;}
.cushion-sm-top{padding-top: 40px;}
.cushion-lg-top{padding-top: 120px;}
.cushion-btm{padding-bottom: 80px;}
.cushion-sm-btm{padding-bottom: 40px;}
.cushion-lg-btm{padding-bottom: 120px;}

.alignleft {float:left; margin-right:15px; margin-bottom:5px;}
.alignright {float:right; margin-left:15px; margin-bottom:5px;}
.aligncenter {display: inline-block; margin: auto; padding: 10px;}

img.alignleft{float: left; max-width: 100%; margin: 0px 20px 20px 0px;}
img.alignright{float: right; max-width: 100%; margin: 0px 0px 20px 20px;}
img.aligncenter{display: block; margin: 20px auto; max-width: 100%;}

section.full, footer{position: relative; float: left; width: 100%; clear: both;}
.container-lg{margin: auto; display: block; position: relative; zoom: 1; width: 1634px;}
.container{margin: auto; display: block; position: relative; zoom: 1; width: 1436px;}
.container-sm{margin: auto; display: block; position: relative; zoom: 1; width: 1200px;}
.container-fluid{margin: auto; display: block; position: relative; zoom: 1; width: 96%;}
.container-full{margin: auto; display: block; position: relative; zoom: 1; width: 100%;}

.img-fluid{max-width: 100%;}
.flex{display: table-cell; display: flex; display: -ms-flexbox;}
.full-center{align-items: center; justify-content: center;}

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

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin: 5px 0px;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

video {
  width: 100%;
  height: auto;
}

.wide{padding-left: 0px!important; padding-right: 0px!important;}

strong, .bold{font-weight:600;}
em, .italic{font-style:italic;}

ol, ul{margin-top: 20px; margin-left: 40px; margin-bottom: 30px;}



/* Header Styles *****************************************/
#headerTop{background: #015AAA; padding: 5px 0px; border-bottom: 5px solid #D89E0E;}
#headerTop .container{justify-content: space-between; align-items: center;}
#headerTop .col{width: 49%;}
#headerTop .col:last-child{text-align: right;}
#headerTop p{color: #fff; font-size: 1rem; margin-bottom: 0px; display: inline-block; font-weight: 300;}
#headerTop .col:first-child p:first-child:before{content: ""; display: inline-block; background: url(images/icons/phone_w.png); background-size: 100% 100%;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: text-bottom;
}
#headerTop .col:first-child p:last-child:before{content: ""; display: inline-block; background: url(images/icons/location_w.png); background-size: 100% 100%;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: text-bottom;
}
#headerTop .col:last-child p:before{content: ""; display: inline-block; background: url(images/icons/info.png); background-size: 100% 100%;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: text-bottom;
}
#headerTop .col:first-child p:last-child{margin-left: 40px;}
#headerTop p a{color: #fff; text-decoration: none;}
#headerTop p a:hover{text-decoration: underline;}

#logoNav{background: #fff; padding: 20px 0px;}
#logoNav .container{justify-content: space-between; align-items: center;}
#logoNav .logo{width: 15%;}
#logoNav .logo img{display: block; width: 100%;}

#logoNav nav{text-align: right; width: 85%;}
#logoNav nav ul{display: inline-block; margin: 0px;}
#logoNav nav ul li{display: inline-block; margin-left: 30px; position: relative;}
#logoNav nav ul li a{color: #015AAA; text-decoration: none; padding-bottom: 10px; border-bottom: 2px solid #fff;}
#logoNav nav ul li.menu-item-has-children > a{cursor: pointer;}
#logoNav nav ul li.menu-item-has-children > a:after {
    content: '\25BE';
    font-size: 1.125rem;
    display: inline-block;
    margin-left: 5px;
    color: #000;
}
#logoNav nav ul li ul.sub-menu{
    display: none;
    position: absolute;
    z-index: 10;
    width: 200px;
    background: #fff;
    left: 0px;
    top: 35px;
    padding: 10px 0px;
    -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.1);
}
#logoNav nav ul li:hover ul.sub-menu{display: block;}
#logoNav nav ul li ul.sub-menu li{display: block; text-align: left; margin: 0px; padding: 0px;}
#logoNav nav ul li ul.sub-menu li a {
    padding: 6px 12px;
    display: block;
    font-size: 1rem;
    color: #000;
    border: none;
}
#logoNav nav ul li ul.sub-menu li a:hover, #logoNav nav ul li ul.sub-menu li.current-menu-item a{color: #fff!important; background: #015aaa!important; border:none!important;}
#logoNav nav ul li:hover a, #logoNav nav ul li.current-menu-item a, #logoNav nav ul li.current-menu-parent a{color: #D89E0E; border-color: #D89E0E;}
#logoNav nav ul li.btn a{border-color: #000!important; border: 1px solid #000!important; color: #000!important; padding: 10px 15px;}
#logoNav nav ul li.btn a:hover{background: #000!important; color: #fff!important;}
#logoNav nav ul li.btn a:hover span{color: #15C0F2!important;}


/* Mobile Menu Styles *****************************************/
.mobileToggle{display: none;}

#toggleMenu {
    width: 40px;
    height: 32px;
    position: absolute;
    right: 0px;
    top: 45px;
    border-radius: 4px;
    padding: 0px;
}
#toggleMenu span:after,
#toggleMenu span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -7px;
}
#toggleMenu span:after{top: 7px;}
#toggleMenu span{position: relative; display: block; margin-top: 8px;}
#toggleMenu span,
#toggleMenu span:after,
#toggleMenu span:before {
    width: 100%;
    height: 4px;
    background-color: #000;
    transition: all 0.3s;
    backface-visibility: hidden;
    border-radius: 2px;
}
#toggleMenu.opened span {background-color: transparent;}
#toggleMenu.opened span:before {transform: rotate(45deg) translate(5px, 5px);}
#toggleMenu.opened span:after {transform: rotate(-45deg) translate(5px, -5px);}
#toggleMenuTitle{
    position: absolute; 
    top: 0px; 
    right: 50px; 
    font-weight: 700;
    font-size: 14px;
    color: #000;
    cursor: pointer;
}

#mobileNav{
    visibility: visible;
    padding: 0px 0px 0px 0px;
    z-index: 99998;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    transition: all 0.5s;
    transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    overflow: auto;
    width: 65%;
    max-width: 275px;
    min-width: 230px;
    background: #000;
    height: 100%;
}
#mobileNav.opened{
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}
#mobileNav .logo{display: block; margin: 20px auto; text-align: center;}
#mobileNav .logo img{width: 80%;}
#mobileNav .menu-main-menu-container{display: inline;}
#mobileNav ul{list-style: none; display: block; margin: 20px 0;}
#mobileNav ul li{display: block; position: relative;}
#mobileNav ul li a{text-decoration: none; font-size: 1rem; font-weight: 600; color: #fff; display: block; padding: 12px 24px;}
#mobileNav ul li a:hover, #mobileNav ul li.current-menu-item a, #mobileNav ul li.current-menu-parent > a{background: #015AAA;}
#mobileNav ul li.menu-item-has-children > a{cursor: pointer;}
#mobileNav ul li.menu-item-has-children > a:after {
    content: '\25BE';
    font-size: 1.125rem;
    position: absolute;
    right: 30px;
    margin-left: 5px;
    color: #fff;
}
#mobileNav ul li.menu-item-has-children.opened > a:after {
    content: '\25B4';
}
#mobileNav ul li ul.sub-menu{
    display: none;
    width: 100%;
    background: #d89e0e;
    padding: 10px 0px;
    margin: 0px;
}
#mobileNav ul li ul.sub-menu li{display: block; text-align: left; margin: 0px;}
#mobileNav ul li ul.sub-menu li a {
    padding: 8px 24px 8px 50px;
    display: block;
    font-size: 1rem;
}
#mobileNav ul li ul.sub-menu li a:hover, #mobileNav ul li ul.sub-menu li.current-menu-item a{color: #fff; background: #000;}
#mobileNav ul li.btn a span{color: #fff;}
#mobileNav .mobile_social{display: block; margin-left: 24px;}
#mobileNav .mobile_social a{display: inline-block; height: 50px; margin: 0px 5px; border: 1px solid #fff; padding: 10px 12px;}
#mobileNav .mobile_social a img{height: 100%; vertical-align: middle;}
#mobileNav .mobile_social a:hover{background: #fff;}

#homeBanner{margin-top: 20px;}

#homeBanner .hero_slider .slide .text_box{
    position: absolute;
    width: 60%;
    background: rgba(35,31,32, 0.8);
    clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%);
    z-index: 0;
    height: calc(100% + 20px);
    top: -20px;
}

#homeBanner .hero_slider .slide .text{position: relative; width: 40%; padding: 200px 60px;}
#homeBanner a {
    display: inline-block;
    margin-right: 10px;
}
#innerBanner{margin-top: 20px;}

#innerBanner .text_box{
    position: absolute;
    width: 60%;
    background: rgba(35,31,32, 0.8);
    clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%);
    z-index: 0;
    height: calc(100% + 20px);
    top: -20px;
}

#innerBanner .text{position: relative; width: 40%; padding: 100px 60px; color: #fff; font-weight: 700;}
#innerBanner .text span{    font-size: 60px;
    margin: 15px 0px 23px;
    display: inline-block;
    color: #15C0F2;
    font-family: "Genos", sans-serif;
    line-height: 65%;
text-transform: uppercase;}


#homeBanner h2{color: #fff; font-size: 3.625rem; line-height: 110%; border: 1px solid #fff; padding: 30px; display: inline-block; margin-bottom: 30px;}
#homeBanner p{color: #fff;}
#homeBanner .slick-list{overflow: visible!important;}
#homeBanner .slick-dots{bottom: 50px; right: 125px; text-align: right;}
#homeBanner .slick-dots li button:before{background: #fff; font-size: 0px;}
#homeBanner .slick-dots li.slick-active button:before{opacity: 1;}
#homeBanner .slick-dotted.slick-slider{margin-bottom: 0px;}

#homeProducts .container{display: flex; justify-content: space-between; flex-wrap: wrap;}
#homeProducts .product{width: 24%;}
#homeProducts .product a{width: 80%; color: #015AAA!important; font-size: 1.5rem; padding: 30px 10px; border-width: 2px!important; border-color: #015AAA;}
#homeProducts .product a:hover{color: #fff!important; border-color: #000;}
#homeProducts .product p {
    margin: 10px 0px 0px 0px;
    color: #fff;
    font-size: 1rem;
}
#homeProducts .product .inner{padding: 300px 20px 20px 20px; text-align: center; background: #000000;
background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%); height: 100%;}

#homeIntro .container{justify-content: space-between; align-items: center;}
#homeIntro .text{width: 48%;}
#homeIntro .img{width: 48%;}
#homeIntro .img img{width: 100%; clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);}
#homeIntro .text h2{margin-bottom: 30px;}
#homeIntro .text a{margin: 3px 10px 3px 0px;}

#intro{/*clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);*/}
#intro .container{justify-content: space-between; align-items: center;}
#intro .container.flipped{flex-direction: row-reverse;}
#intro .text{width: 48%;}
#intro .img{width: 48%;}
#intro .text h2{margin-bottom: 30px;}
#intro .img img{width: 100%; clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%); margin-bottom: 20px; height: auto;}

#subContent{background: #015aaa; color: #fff; padding: 150px 0px 100px 0px; clip-path: polygon(0% 15%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 15%, 100% 0%, 100% 100%, 0% 100%);}    

#subContent.services{background: #015aaa; color: #fff; padding: 150px 0px 100px 0px; clip-path: polygon(0% 6%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 6%, 100% 0%, 100% 100%, 0% 100%);}    

#subContent.commercial{background: #015aaa; color: #fff; padding: 150px 0px 100px 0px; clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0% 100%);}  

#subContent.industrial{background: #015aaa; color: #fff; padding: 150px 0px 100px 0px; clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 100%);}        

#subContent.applications{padding: 250px 0px 100px 0px; clip-path: polygon(0% 7%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 7%, 100% 0%, 100% 100%, 0% 100%);}        

#subContent h2{color: #fff; margin-bottom: 30px;}
#subContent h2 span{color: #519CD5;}
#subContent p a{color: #fff;}
#subContent p a:hover{color: #519CD5;}
#subContent .buttons{margin-top: 30px;}

#homePartners .list{margin-top: 50px; justify-content: space-between; flex-wrap: wrap;}
#homePartners .list a{width: 25%;}
#homePartners .list a img{width: 50%;}

#homeQualities{background: #e5eef6; padding: 150px 0px; clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
    -webkit-clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);}
#homeQualities .list{margin-top: 50px; justify-content: space-between; flex-wrap: wrap;}
#homeQualities .list .item{width: 24%; color: #fff; padding: 30px; background: #015AAA;}
#homeQualities .list .item img{width: 60px; margin-bottom: 20px;}
#homeQualities .list .item h3{font-size: 1.25rem; margin-bottom: 20px;}
#homeQualities .list .item p{font-size: 1rem; line-height: 25px;}

#homeDifference .container{justify-content: space-between; align-items: center;}
#homeDifference .text{width: 48%;}
#homeDifference .img{width: 48%;}
#homeDifference .img img{width: 100%;}
#homeDifference .text h2{margin-bottom: 30px; text-transform: uppercase;}


#homeBlasting{margin: 40px 0px 120px;}
#homeBlasting h2{text-transform: uppercase;}
#homeBlasting .list{margin-top: 50px; justify-content: space-between; flex-wrap: wrap;}
#homeBlasting .list .item{width: 24%; color: #fff; padding: 0px 15px; text-align: left;}
#homeBlasting .list .item .inner_slider{padding: 20px; background: #231F20;}
#homeBlasting .list .item img{width: 60px; margin-bottom: 20px;}
#homeBlasting .list .item h3{font-size: 1.25rem; margin-bottom: 20px;}
#homeBlasting .list .item p{font-size: 1rem; line-height: 25px;}


#homeHeadline{background: #015AAA; background-size: cover; padding: 150px 0px; clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
    -webkit-clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%); margin-bottom: -80px;}
#homeHeadline h2{font-size: 4.688rem; color: #fff;}
#homeHeadline h2 span{color: #D89E0E;}

#homeDifferent .container-full{justify-content: space-between; flex-wrap: wrap;}
#homeDifferent .textbox{width: 50%; margin-top: 100px;}
#homeDifferent .textbox .text{padding: 80px;}
#homeDifferent h2{margin-bottom: 30px;}
#homeDifferent .img{width: 50%; background: url(images/home-difference.jpg) no-repeat center; background-size: cover; clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);}
#homeDifferent .img img{display: none;}

#homeCTAS{background: #000; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 95%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 95%);}
#homeCTAS .container{justify-content: space-between; flex-wrap: wrap;}
#homeCTAS .item{width: 49%; text-align: center; padding: 60px 100px;}
#homeCTAS .item:first-child{background: url(images/dry-ice-faq.jpg) no-repeat center; background-size: cover; color: #fff;}
#homeCTAS .item:last-child{background: url(images/safety-training.jpg) no-repeat center; background-size: cover; color: #4A4A4A;}
#homeCTAS .item img{width: 75px; margin-bottom: 20px;}
#homeCTAS .item h3{margin-bottom: 30px; font-weight: 700;}
#homeCTAS .item:last-child h3{color: #015AAA;}

#homeAD{background: #015AAA; margin-top: -40px; clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0% 100%);}
#homeAD .container{justify-content: space-between; flex-wrap: wrap; align-items: center;}
#homeAD .logo{width: 20%;}
#homeAD .logo img{width: 100%;}
#homeAD .text{width: 30%;}
#homeAD .text p{color: #fff!important;}

#map{}
#map img{width: 100%; display: block;}
#map img.mb{display: none;}
#map a{position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(2, 63, 103, 0);}
#map a:hover{background: rgba(2, 63, 103, 0.3);}

#diSelection h2{margin-bottom: 30px;}
#diSelection h3{margin-bottom: 20px; color: #015AAA;}
#diSelection .container{justify-content: space-between; flex-wrap: wrap;}
#diSelection .item{width: 49%; text-align: center; padding: 80px 100px;}
#diSelection .item p{margin-bottom: 0px;}
#diSelection .item .text{padding: 40px; background: rgba(255,255,255, 1);}
#diSelection .item:first-child{background: url(images/nuggets.jpg) no-repeat center; background-size: cover;}
#diSelection .item:last-child .text{background: rgba(255,255,255, .5);}
#diSelection .item:last-child{background: url(images/pellets.jpg) no-repeat center; background-size: cover;}

#youtube{clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 100%);}
#youtube img{width: 100%; display: block;}
#youtube img.mb{display: none;}
#youtube a{position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(2, 63, 103, 0);}
#youtube a:hover{background: rgba(2, 63, 103, 0.3);}

#companies .container-full{justify-content: space-between; flex-wrap: wrap;}
#companies .item{width: 50%; text-align: center; padding: 80px 100px;}
#companies .item p{color: #fff;}
#companies .item h3{color: #fff; margin-bottom: 30px;}
#companies .item img{width: 50%; margin-bottom: 30px;}
#companies .item .buttons{margin-top: 30px;}
#companies .item .buttons a{margin: 3px 5px;}
#companies .item:first-child{background: url(images/szb-company-bkg.jpg) no-repeat center; background-size: cover;}
#companies .item:first-child img{width: 150px;}
#companies .item:last-child{background: url(images/di-company-bkg.jpg) no-repeat center; background-size: cover;}

#rentals .container{justify-content: space-between; flex-wrap: wrap;}
#rentals .item{width: 32%;}
#rentals .item img{width: 100%; margin-bottom: 30px;}
#rentals .item h2{font-size: 1.75rem; margin-bottom: 30px;}

.container.list.uses{justify-content: start; gap:18px; flex-wrap: wrap;}
.container.list.uses .item{width: 32%; padding: 30px; margin: 10px 0px; background: #fff;}

.container.list.uses .item h3{font-size: 1.75rem; margin-bottom: 30px; color: #000;}
.container.list.uses .item p{color: #4A4A4A;}
.container.list.uses .item a{font-family: "Genos", sans-serif; color: #000; text-decoration: none; padding-bottom: 5px; border-bottom: 2px solid #D89E0E; font-weight: 600;}
.container.list.uses .item a:hover{border-width: 5px;}
.container.list.uses .item h3 a{border: none;}
.container.list.uses .item h3 a:hover{color: #015aaa;}

.container.news{justify-content: start!important; gap: 15px; flex-wrap: wrap; align-items: normal!important;}
.container.news .item{width: 24%; margin: 10px 0px; padding: 15px; background: #fbfbfb; border: 1px solid #efefef;}
.container.news .img, .container.services .img{width: 100%!important; height: 300px; background-position: center; background-size: cover; margin-bottom: 15px; position: relative;}
.container.news .img a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255, 0);}
.container.news .img a:hover{background: rgba(255,255,255, 0.5);}
.container.news .item p, #intro.singleNews .container .img p{margin-bottom: 0px; font-size: 1rem;}
.container.news .item p strong, #intro.singleNews .container .img p strong{color: #015aaa;}
.container.news h3{line-height: 75%; font-size: 1.875rem; margin-top: 10px;}
.container.news h3 a{color: #000; text-decoration: none; border: none;}
.container.news h3 a:hover{color: #015aaa; text-decoration: underline;}

.cat{
    display: inline-block;
    text-transform: uppercase;
    background: #015aaa;
    padding: 5px 10px;
    color: #fff;
    margin-bottom: 10px;
}
.cat p {
    font-size: 12px !important;
    margin: 0px !important;
    font-weight: 700;
}

.cat.project{background: #15C0F2;}


.singleNews img {
    margin: 0px auto 30px;
    display: block;
    max-width: 100%;
    height: auto;
}
#intro.singleNews .container{align-items: flex-start!important;}

.bwg-container-0.bwg-standard-thumbnails{justify-content: flex-start!important;}

.extras{margin-top: 40px; background: #e5eef6; padding: 20px; border-radius: 6px;}
.extras .links{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px;}
.extras .links a{width: 49%; background: #015aaa; color: #fff; font-weight: 700; text-transform: uppercase; padding: 20px; font-family: "Genos", sans-serif; text-decoration: none; font-size: 1.75rem;}
.extras .links a:hover{background: #4a4a4a;}

#brochures .flex {
    justify-content: start;
    gap: 2%;
    flex-wrap: wrap;
}

.brochure {
    width: 15%; margin-bottom: 20px;
}

.brochure img {
    max-width: 100%;
}

.contactInfo .item {
  text-align: center;
  width: 33%;
}

.contactInfo .item img {
  margin: 0px auto 30px auto;
  display: block;
  width: 50px;
}

.contactInfo .item a {
  color: #000;
  font-size: 1.25rem;
  text-decoration: none;
}
.contactInfo .item a:hover {
  text-decoration: underline;
}

article.page img.size-full, .services img.size-full{max-width: 100%!important; height: auto!important; margin: 20px 0px;}


/* Footer Styles *****************************************/
footer{background: #231F20; margin-top: -90px; clip-path: polygonpolygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);}
footer #footerTop .container{justify-content: space-between;}
footer #footerTop .col{width: 22%;}
footer #footerTop .col:last-child{width: 26%;}
footer #footerTop .col .logo{width: 100%;}
footer #footerTop .col .logo a img{display: block; width: 200px;}
footer h2{font-size: 1.375rem; color: #fff; margin-bottom: 20px;}
footer nav ul{list-style: none; margin: 0px;}
footer nav ul li{margin-bottom: 5px;}
footer nav ul li a{color: #fff; text-decoration: none;}
footer nav ul li a:hover{text-decoration: underline; color: #15C0F2;}

footer .col:nth-child(3) a{display: inline-block; height: 50px; margin-right: 10px; border: 1px solid #fff; padding: 10px 12px;}
footer .col:nth-child(3) a img{height: 100%; vertical-align: middle;}
footer .col:nth-child(3) a:hover{background: #15C0F2;}

footer .logo{margin-bottom: 30px;}
footer .iconText{display: flex; align-items: start; gap: 5px;}
footer .col:last-child p a{color: #fff; text-decoration: none;}
footer .col:last-child p a:hover{text-decoration: underline;}
footer .col:last-child .iconText.phone p a{font-weight: 600; color: #fff;}
footer .col:last-child .iconText .icon{background-size: 100% 100%; width: 18px; height: 18px; margin-top: 5px;}
footer .col:last-child .iconText.location .icon{background-image: url(images/icons/location_w.png);}
footer .col:last-child .iconText.phone .icon{background-image: url(images/icons/phone_w.png);}
footer .col:last-child .iconText.email .icon{background-image: url(images/icons/email_w.png);}

footer #copyright .container{border-top: 5px solid #D89E0E; padding: 30px 0px;}
footer #copyright .container p{margin-bottom: 0px; color: #fff;}


/* Responsive Styles *****************************************/
@media only screen and (max-width:1650px) {
    .container-lg{width: 96%;}
    
    .slick-prev {
        left: -15px!important;
    }
    
    .slick-next {
        right: -15px!important;
    }
}

@media only screen and (max-width:1470px) {
    .container{width: 96%;}
	#homeBanner .hero_slider .slide .text_box{width: 80%;}
    #homeBanner .hero_slider .slide .text{padding: 150px 60px; width: 65%;}

    #innerBanner .text{padding: 60px;}

    #homeProducts .product .inner{padding: 300px 20px 20px 20px;}
    #homeProducts .product a span{font-size: 2rem;}
}


@media only screen and (max-width:1365px) {
    .container-sm{width: 96%;}
    #headerTop .col{width: 100%; text-align: center;}
    #headerTop .col:last-child{display: none;}

    #homeProducts .product .inner{padding: 250px 20px 20px 20px;}
    #homeProducts .product a span{font-size: 1.5rem;}


    #diSelection .item{padding: 70px;}
    #diSelection .item .text{padding: 40px;}
}


@media only screen and (max-width:1199px) {
    #mainNav{display: none;}
    .mobileToggle{display: block;}

    #logoNav .logo{width: 49%;}
    #logoNav .logo img{width: 200px;}
    #logoNav nav{text-align: right; width: 49%;}

    #homeBanner .hero_slider .slide .text{padding: 50px 60px;}
    #homeBanner h2{font-size: 2rem;}

    #innerBanner h1{font-size: 2rem;}
    #innerBanner .text{padding: 40px 60px;}

	#homeProducts .product{width: 48%; margin-bottom: 20px;}
	#homeProducts .product:nth-child(3), #homeProducts .product:nth-child(4){margin-bottom: 0px;}
    #homeProducts .product .inner{padding: 300px 20px 20px 20px;}

    #homeCTAS .item{padding: 60px;}

    .container.news .item{width: 32%;}

}


@media only screen and (max-width:989px) {
    #homeIntro .container, #homeDifference .container{align-items: flex-start;}
    #intro .container{align-items: flex-start;}

    #homeQualities{clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%);
    -webkit-clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%);}
    #homeQualities .list .item, #homeBlasting .list .item{width: 48%; margin: 10px 0px;}

    #homeDifferent .textbox{width: 100%;}
    #homeDifferent .img{display: none;}

    #homeAD{clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 100%);}
    #homeAD .container{align-items: flex-start; text-align: center;}
    #homeAD .logo{width: 100%; margin-bottom: 30px;}
    #homeAD .logo img{width: 30%;}
    #homeAD .text{width: 100%;}
    #homeAD .buttons{width: 100%; margin-top: 20px;}

    #diSelection .item{padding: 40px;}
    #diSelection .item .text{padding: 20px;}

    #companies .item{padding: 50px 60px;}

    #rentals .item{width: 100%;}
    #rentals .item:nth-child(2){margin: 30px 0px;}

    #subContent {
        clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 100%);
    }

    #subContent.services{clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0% 100%);}

    #subContent.applications{clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0% 100%);}   
    .container.list.uses .item{width: 48%;}

    #subContent.commercial{clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0% 100%);}  

    #subContent.industrial{clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0% 100%);}    

    .container.news .item{width: 48%;}


    #intro.singleNews .container{flex-wrap: wrap;}
    #intro.singleNews .text, #intro.singleNews .img{width: 100%;}
    #intro.singleNews .img img{margin-bottom: 20px; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}

    .brochure {
        width: 23%;
    }

    footer{margin-top: -90px;}
    footer .col:nth-child(1){order:2; margin-top: 30px;}
    footer .col:nth-child(2){order:3; margin-bottom: 30px;}
    footer .col:nth-child(3){order:4;}
    footer .col:nth-child(4){order:1;}
    footer #footerTop .col{width: 100%!important; text-align: center;}
    footer h2{display: none;}
    footer #footerTop .container{flex-direction: column;}

    footer #footerTop .col .logo a img{margin: auto;}
    footer .iconText{justify-content: center; align-items: unset; flex-direction: column;}
    footer .col:last-child .iconText .icon{margin: auto;}

    footer nav ul li{display: inline-block; margin: 0px 5px;}
    footer nav ul li:before{content: "|"; margin-right: 10px;}
    footer nav ul li:first-child:before{display: none;}
    
    .slick-prev {
        left: 5px!important;
    }
    
    .slick-next {
        right: 5px!important;
    }
}


@media only screen and (max-width:767px) {
    h1{font-size: 2.25rem; line-height: 100%;}
    h2{font-size: 2rem; line-height: 100%;} 
    h3{font-size: 1.875rem; line-height: 100%;}

    .cushion{padding: 40px 0px;}
    .cushion-lg{padding: 60px 0px;}
    .cushion-sm{padding: 20px 0px;}
    .cushion-top{padding-top: 40px;}
    .cushion-lg-top{padding-top: 60px;}
    .cushion-sm-top{padding-top: 20px;}
    .cushion-btm{padding-bottom: 40px;}
    .cushion-lg-btm{padding-bottom: 60px;}
    .cushion-sm-btm{padding-bottom: 20px;}

    .h4_txt, .lg_txt{font-size: 1.125rem;}
    
    #headerTop .col p strong{display: none;}

    #homeBanner{margin-top: 0px;}

    #homeBanner .hero_slider .slide .text_box{
        width: 100%;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        height: 100%;
        top: 0px;
    }

    #homeBanner .hero_slider .slide .text{width: 100%; padding: 30px;}
    #homeBanner .slick-dots{bottom: 10px; right: 10px;}
    #homeBanner .slick-dots li{margin: 0px;}
    #homeBanner .slick-dots li button:before, #homeBanner .slick-dots li button{width: 14px; height: 14px;}
    #homeBanner .slick-list{overflow: hidden!important;}

    #innerBanner{margin-top: 0px;}

    #innerBanner .text_box{
        width: 100%;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        height: 100%;
        top: 0px;
    }

    #innerBanner .text{position: relative; width: 100%; padding: 30px;}
    #innerBanner .text span{font-size: 40px; margin: 8px 0px 10px;}

    #homeProducts .product{width: 100%; margin-bottom: 20px!important;}
	#homeProducts .product:nth-child(4){margin-bottom: 0px!important;}
	#homeProducts .product .inner{padding: 300px 20px 20px 20px;}

    #homeIntro .container, #homeDifference .container{flex-wrap: wrap;}
    #homeIntro .text, #homeDifference .text{width: 100%;}
    #homeIntro .img, #homeDifference .img{display: none;}

    #intro{/*clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 0% 100%);*/}
    #intro .container{flex-wrap: wrap;}
    #intro .text, #intro .img{width: 100%;}
    #intro .img img{margin-bottom: 20px; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}

    #subContent{clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0% 100%);}

    #subContent.services{clip-path: polygon(0% 2%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 2%, 100% 0%, 100% 100%, 0% 100%);}

    #subContent.commercial{clip-path: polygon(0% 2%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 2%, 100% 0%, 100% 100%, 0% 100%);}  

    #subContent.industrial{clip-path: polygon(0% 2%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 2%, 100% 0%, 100% 100%, 0% 100%);}    

    #homePartners .list a{width: 50%; margin: 10px 0px;}
    #homePartners .list a img{width: 50%;}

    #homeQualities{clip-path: polygon(0% 5%, 100% 0%, 100% 95%, 0% 100%);
    -webkit-clip-path: polygon(0% 5%, 100% 0%, 100% 95%, 0% 100%);}
    #homeHeadline{padding: 100px 0px; margin-top: -80px;}
    #homeHeadline h2{font-size: 2.5rem;}

    #homeDifferent .container-full{width: 96%;}
    #homeDifferent .textbox .text{padding-left: 0px; padding-right: 0px;}

    #homeCTAS .item{width: 100%; padding: 40px;}
    #homeCTAS .item:last-child{margin: 30px 0px 40px 0px;}

    #homeAD{margin-top: -55px;}

    #map img.dk{display: none;}
    #map img.mb{display: block;}

    #diSelection .item{width: 100%; padding: 40px;}
    #diSelection .item:last-child{margin-top: 20px;}
    #diSelection .item .text{padding: 20px;}

    #youtube img.dk{display: none;}
    #youtube img.mb{display: block;}

    #companies .item{width: 100%; padding: 40px;}

    #rentals .item h2{font-size: 1.25rem;}

    .container.news .item{width: 100%;}
    .container.news h3{font-size: 1.5rem;}

    .container.list.uses .item{width: 100%;}

    footer{padding-top: 40px;}

    .brochure {
        width: 48%;
    }
}   

@media only screen and (max-width:575px) {
    #homeQualities{padding: 100px 0px;}
    #homeQualities .list .item, #homeBlasting .list .item{width: 100%;}

    #homeAD .logo img{width: 50%;}
    #homeAD .buttons a{margin: 5px 0px;}

    #subContent.applications{padding: 60px 0px 60px 0px; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}   

    .extras .links a {width: 100%; margin-bottom: 10px;}
    .extras .links a:last-child{margin-bottom: 0px;}

    .brochure {
        width: 100%;
    }
}


@media only screen and (max-width:479px) {

}