@charset "utf-8";
/* CSS Document */
/* Top Styles are for 1900 Width Resolution*/
/*
Nationwide Reds
Primary - 212,30,37
84,12,15
219,97,101
84,37,39
161,23,28

Nationwide Blues
Primary - 3,81,161
4,119,237
56,116,177
76,156,237
2,55,110

*/
/* ===================================================================
   NAZ Navigation — Color overrides for Nationwide Coatings
   Defaults defined in naz-nav.css; we override the CSS variables here
   so the framework styling matches the Nationwide blue color scheme.
   =================================================================== */
:root {
	--naz-nav-link-color: rgba(255,255,255,1);
	--naz-nav-link-shadow: 0 1px 2px rgba(0,0,0,0.5);
	--naz-nav-hover-border: rgba(4,119,237,1);
	--naz-nav-active-border: rgba(4,119,237,1);
	--naz-nav-dropdown-bg: rgba(3,81,161,1);
	--naz-nav-dropdown-shadow: 0 5px 10px rgba(0,0,0,0.4);
	--naz-nav-dropdown-link-color: rgba(255,255,255,1);
	--naz-nav-dropdown-hover-border: rgba(255,255,255,1);
	--naz-nav-mobile-bg: rgba(255,255,255,1);
	--naz-nav-mobile-link-color: rgba(3,81,161,1);
	--naz-nav-mobile-border-color: rgba(3,81,161,0.2);
	--naz-nav-overlay-bg: rgba(0,0,0,0.6);
}
/* Background color for the .navi bar holding .full-nav */
.navi {
	background: rgba(3,81,161,1);
}

/* GLOBAL STYLES
-------------------------------------------------- */
*{
	margin:0;
	padding:0;	
	font-size:14px;
  font-family: "niveau-grotesk", sans-serif;
  font-display: block;
  }
img{
	border:none;	
}
body{
  max-width: 1920px;
  margin:0 auto;
  box-shadow: 0 0 3px rgba(0,0,0,1.0);
}
h2{
  font-size:40px;
	font-family:"niveau-grotesk" , sans-serif;  
  font-weight:900;
  color:rgba(3,81,161,1.00); /*Blue*/
}
h3{
	font-family: "niveau-grotesk" , sans-serif;
	font-size:20px;
	font-weight:bold;
	color:rgba(212,30,37,1.00);  /*Red*/
}
h4{
	font-family: "niveau-grotesk" , sans-serif;
	font-size:25px;
	font-weight:900;
	color:rgba(56,116,177,1.00); /*Blue*/
}
h5{
	font-size:21px;
	font-weight:600;
	color:rgba(161,23,28,1.0); /*Red*/
}
p, p span{
  color:rgba(99,99,99,1.00);
  font-size: 5.5vw;
  line-height:150%;
  }
.bold{  
  font-weight:bold;
}
.inline-link{
  color:inherit!important;
  font-size:inherit !important;
  text-decoration: underline!important;
}
/*#------NEW NAVIGATION-------------------------------------------------------------------------------------------*/
@media (min-width: 100px){
/*#------NAVIGATION CSS-------------------------------------------------------------------------------------------*/
.open-nav{
  padding-top:7px;
  text-align: center;  
}
.open-nav i{
  font-size:24px;
}
.navi .nav{
  display:flex;
}
.navi li{
  list-style:none;
  flex-grow: 1;
}

.navi{
  flex-direction: row;
  margin-top:2vw;
}
.mobile-nav{
  background:rgba(255,255,255,1.0);
  position:fixed;
  z-index:150;
  top:0;
  left:0;
  display:none;
  overflow: hidden;
  width:85%;  
  padding-right:0px;
  padding-left:0px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
}
.mobile-nav ul{
  height:auto;
}  
.cont{
  width:200%;
}
.top-nav{
  width:50%;
  float:left;
}
.mobile-nav li:active{
  background: -webkit-linear-gradient(left, rgba(32,42,93,.2) 0%, rgba(32,42,93,.2) 78%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(left, rgba(32,42,93,.2) 0%, rgba(32,42,93,.2) 78%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(32,42,93,.2) 0%, rgba(32,42,93,.2) 78%, rgba(255,255,255,1) 100%);;
}
.mobile-nav li a span{
  font-size:16px;
  padding-left:15px;
}
.mobile-nav li a i{
  font-size:16px;
  padding-left:15px;
  width:25px;
  text-align: center;
}
.mobile-nav-top{
  width:100%;
  border-bottom:solid 2px rgba(32,42,93,.2);
  overflow: hidden;
}
.mobile-nav-top .mobile-phone{
  width:85%;
  float:left;
}
.mobile-nav-top .mobile-phone img{
  padding-top:10px;
  padding-left:10px;
  padding-bottom:5px;
  width:100px;
}
.mobile-nav-top .close-nav{
  width:15%;
  cursor: pointer;
  text-align: right;
  float:left;
  padding-right:15px;
  padding-top:23px;
}
.mobile-nav-top .close-nav i{
  color:rgba(0,0,0,1);
  font-size:25px;
  font-weight: bold;
}
.site-cover{
  position:fixed;
  top:0;
  left:0;
  z-index: 149;
  width:100%;
  height:100vh;
  background:rgba(0,0,0,.6);
  display:none;
}
.mobile-nav li{
  width:100%;
}
.mobile-nav li a, .back, .products{
  color:rgba(32,42,93,1.0)!important;
  padding: 5px 10px;    
  }
  
}
@media (min-width:100px){
/*Design for 326------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.header{
	top:0;
	background:rgba(13,16,36,1.00);
	color:rgba(255,255,255,1.00);
	position:relative;
	z-index:1000;  
  height:65px;
}
.nationwide-logo{
  width: 80px;
  height:54px;
}
.company-name, .dual-color{
  text-align: center;
}
.company-name h2{
  font-weight:bold;
	font-family:"niveau-grotesk-small-caps", sans-serif	;
  font-size:13px;
  color:rgba(255,255,255,1.0);
  margin-top:10px;
}
.dual-color h2{
	display:inline;
  font-size:5.5vw; 
  margin-left: 0px;
  margin-right: 2px;  
}
.red-drop{
	color:rgba(158,208,241,1.00);	
	text-shadow:-1px 1px rgba(212,30,37,1.00);
}
.blue-drop{
	font-style:italic;
	color:rgba(212,30,37,1.00);
	text-shadow:-1px 1px rgba(158,208,241,1.00);
	margin-left:-10px;
	margin-right:0px;
}
.the{
  margin-right:10px;
}
.ceramic{
  display:none;
  margin-top:5px;
}
.mnh #logo-words{
  margin-top:-40px;
}
.mnh h5{
  line-height: 18px;
}
.mnh .nationwide-logo{
height:auto;
}
.top-phones{
  margin-top:10px;
}
.phones {
	text-align:center;
}
.phones a{
	color:rgba(255,255,255,1.0);
	font-size:28px;	
	font-family: "fira-sans", sans-serif;
  font-weight:bold;  
}	
.us-phone{
  display:none;
}

.tagline h3 {
  margin-top: 8px;	
	font-family: 'Orbitron', sans-serif;
	font-size:3.5vw;			
  letter-spacing: 2px;
  text-align: center;
  color:rgba(255,255,255,1.0);
}
.navi{
  z-index: 200;
  position: relative;
  min-height:34px;
}
.navi i{
  cursor: pointer;
}

.toggle{
  padding:10px;
  color:rgba(255,255,255,1.0);
  cursor: pointer;  
}.mobile-nav{
  display:none
}
.dnav li{
	list-style:none;
	margin:0;
}
.dnav a{
  display: block;
  color:rgba(255,255,255,1.00);
  padding-top:15px;
  padding-bottom:15px;
  font-size:15px;
  text-decoration: none;
  font-weight:700;
  border-bottom: solid 1px rgba(255,255,255,.3);
}
  .dropdown{
  top:100%;
	overflow:hidden;
	background:rgba(23,155,224,100);
	width:100%;
	max-height:0;
	text-align:center;
	transition:max-height .25s ease-out;
}.home-product-words{
  text-shadow: 0 0 5px rgba(0,0,0,1.00);
}.permakote, .enviro, .shingle-sealer, .acrathane{
  overflow: hidden;
	opacity: 1.0;	
	background-position:center !important;
	background-size:cover !important;
	transition:opacity 1s ease;
  padding:15px;
}
.permakote{
	background:url("../images/homepage-backgrounds/permakote-temp-backgrounds.jpg");
}
.enviro{
	background:url(../images/homepage-backgrounds/enviro-temp-backgrounds.jpg);
}
.shingle-sealer{
	background:url(../images/homepage-backgrounds/shingle-sealer-temp-background.jpg);
}
.acrathane{
	background:url(../images/homepage-backgrounds/acrathane-temp-background.jpg);
}
.enviro,.acrathane{
	display:none;
}
.home-product-right{
	display:none;	
}
.home-product-logo-image img {
  padding-top:15px;
  padding-bottom:15px;
  max-width:100%;
}
.banner-bump p{
  color:rgba(255,255,255,1.0);
  font-size:5vw;
  padding-top:15px;
  padding-bottom:15px;
}
.nationwide .banner-bump{
  padding:0 !important;
}.banner-button a{
  display:inline-block;
  text-align: center;
  color: rgba(255,255,255,1.00);
  font-family: "niveau-grotesk-small-caps", sans-serif;
	padding:0 15px;
  width:100%;
	font-size:5vw;
	font-style:italic;
	text-decoration:none;
	font-weight:bold;
}

.permakote a{
	background:rgba(195,15,11,1.00);
	border:solid 1px rgba(255,0,4,1.00);
	border-radius:5px;
}
.enviro a{
	background:rgba(55,132,18,1.00);
	border:solid 1px rgba(85,255,0,1.00);
	border-radius:5px;
}
.shingle-sealer a{
	background:rgba(39,39,39,1.00);
	border:solid 1px rgba(0,0,0,1.00);
	border-radius:5px;
}
.acrathane a{
	background:rgba(18,41,159,1.00);
	border:solid 1px rgba(47,81,255,1.00);
	border-radius:5px;
}
.deck-guardian a{
	background:rgba(106,75,20,1.00);
	border:solid 1px rgba(188,161,11,1.00);
	border-radius:5px;
}
.home-product-words{
  font-size:5vw;
  line-height:150%;
  color: rgba(255,255,255,1.0);
}
.offer{
	width:100%;
	background:linear-gradient(rgba(255,0,0,1.0),rgba(127,31,31,1.0));
	text-align:center;
  transition:all .5s ease-in;
}
.offer h2{
  margin:0;
	color:rgba(255,255,255,1.00);
	text-shadow:0 1px 10px rgba(0,0,0,1.00);
	font-family: "niveau-grotesk-small-caps", sans-serif;
	font-weight:bold;
  transition:all .5s ease-in;  
	font-size:5vw;
	padding:15px;
}
.vocfree{	
	display:none;
}
.products{
	display:none;
}
.welcome-box{
	padding:2% 0;
}
.welcome-logo{
	margin-top:4%;
}
.welcome-logo img{
	max-width:85%;	
}
.inline-cn h1{
  font-weight:bold;
	font-family:"niveau-grotesk-small-caps", sans-serif;
  font-size: 20px;
  letter-spacing: -1px;
}
.welcome-words{
	padding:2% 1%;
}
.welcome-statement p{
	font-size:4vw;
  line-height: 170%;
	padding:2% 2%;
}
.blog-button, .video-button{
  text-align: center;
  padding:10px 15px;
  margin-bottom:5px;
}
.blog-button{
  background-color:rgba(0,0,255,1.0);
}
.video-button{
  background-color:rgba(255,0,0,1.0);
}
.blog-button h2 a,.video-button h2 a{
  font-size:6vw;
  display: block;
  color:rgba(255,255,255,1.0);
	font-family:"niveau-grotesk-small-caps", sans-serif;
	font-weight:900;
	text-shadow:0 2px 3px rgba(0,0,0,.45);	
  margin-top:5px;
  margin-bottom:9px;
  transition:all .25s ease;
}
.home-blog{
  padding-top:15px;
  padding-bottom:15px;
}
.home-blog h2{
	font-family:"niveau-grotesk-small-caps", sans-serif;
  color: rgba(43,34,131,1.00);
  font-weight: 900;
  font-size:5vw;
}
.home-blog h3{
  font-size:7vw;
  line-height:100%;
  font-style: italic;
  text-transform: uppercase;
}
.home-blog p{
  font-size:4vw;
  line-height: 150%;
}
.home-blog img{
  box-shadow: 0 3px 5px rgba(0,0,0,1.0);
}
.home-blog a{
  margin-top:15px;
}
.new-header{
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:solid 5px rgba(3,81,161,1);
}
.new-header h3{
  font-size: clamp(31px, 3.5vw, 70px);
  color:rgba(3,81,161,1);
  line-height:95%;
  margin-bottom:20px;
}
.new-header h5{
  font-weight:200;
  font-size: clamp(13px, 1.5vw, 28px);
  line-height: 125%;
  color:rgba(0,0,0,1);
  margin-bottom:20px;  
}
.new-header .btn{
  border-radius:0px;
  width:95%;
}
.banner-buttons{
  text-align: center;
}
.banner-buttons a{
  font-weight:bold;
  text-transform: uppercase;
  font-size:3vw;
  padding-top:7px;
  padding-bottom:7px;
}
.banner-buttons .btn1{
  background-color:rgba(3,81,161,1);
  border-color:rgba(1,69,139,1);
}
.banner-buttons .btn2{
  background-color:rgba(212,30,37,1);
  border-color:rgba(172,21,27,1);
}
.banner-buttons .btn3{
  background-color:rgba(16,180,39,1);
  border-color:rgba(12,131,29,1);
}
.photo-section{
  padding-top:15px;
  padding-bottom:15px;  
  background: rgb(247,243,241);
  background: linear-gradient(90deg, rgba(247,243,241,1) 0%, rgba(231,217,206,1) 100%);
}
.home-photo-title{
  background:rgba(255,255,255,1);
}
.home-photo-new{
  width:100% !important;
}
.ml-brass{
  background-color: rgba(172,97,39,1.0);
  color:rgba(255,255,255,1.0);
  text-shadow: 0 0 3px rgba(0,0,0,1);
  text-align: center;
  padding-top:150px;
}
.ml-bronze{
  background-color: rgba(135,65,29,1.0);
  color:rgba(255,255,255,1.0);
  text-shadow: 0 0 3px rgba(0,0,0,1);
  text-align: center;
  padding-top:150px;
}
.ml-copper{
  background-color: rgba(155,42,28,1.0);
  color:rgba(255,255,255,1.0);
  text-shadow: 0 0 3px rgba(0,0,0,1);
  text-align: center;
  padding-top:150px;
}
.ml-gold{
  background-color: rgba(217,178,49,1.0);
  color:rgba(255,255,255,1.0);
  text-shadow: 0 0 3px rgba(0,0,0,1);
  text-align: center;
  padding-top:150px;
}
.ml-silver{
  background-color: rgba(103,109,105,1.0);
  color:rgba(255,255,255,1.0);
  text-shadow: 0 0 3px rgba(0,0,0,1);
  text-align: center;
  padding-top:150px;
}
/*FOOTER
-------------------------------------------------- */
.footer{
	background:rgba(55,55,55,1.00);
}
.footer .navigation{
	display:none;
}
.logo-box-footer{
  padding: 5px;
	width:13%;
	float:left;
	text-align: center;
}
.fine-print, .fine-print a{
	margin-top:2%;
	color:#FFFFFF;
	font-size:3.5vw;
}
.social{
  margin-bottom:15px;
}
.social div{
  margin-top:10px;
}
.social-media div img{
	display:inline;
}
.footer-phone{
	margin-bottom:5px;
	margin-top:5px;  
	text-align:center;	
}
.footer-phone a, .footer-phone .request-info{
	color:rgba(255,255,255,1.00) !important;
	font-family: "fira-sans", sans-serif;  
  font-weight:bold;
	font-size:6vw;	
  text-decoration:none;
}
.logo-box-footer{
	display:none;
}


/*GLOBAL PRODUCT PAGES
-------------------------------------------------- */
.banner-bump{
	background-position: center!important;
	background-size:cover!important;
	padding:15px 15px;
	text-align:center;
}
.banner-bump img{
  max-width:65%;
}
.banner-bump h1, .misc-content-banner h1{
	color:rgba(255,255,255,1.0);
	font-size:10vw;
	font-weight:900;
	font-style:italic;
  font-family: "niveau-grotesk", sans-serif;
  text-align: center;
  margin-bottom:0;
}
.product-box{
  padding:1%;
	margin:1%;
}

.product-box>div{
	padding:1%;
	border-radius: 5px;
	border: none;
	text-align: center;
	box-shadow: 0 0 10px 0 rgba(132,132,132,.50);
  overflow:hidden;
}
.product-box h2{
	margin:3% 0 0 0 ;
	font-size:5.9vw;	
	font-weight:bold;
  color:rgba(0,0,0,1.0);
  text-align: center;
  margin-bottom:5px;
}
.product-box h3{
  font-size:4.3vw;
	line-height:150%;
	color: rgba(54,54,54,1.00);
	font-style:italic;
  padding:5px 10px 5px;
  width:75%;
  float:right;
  text-align: left;
  font-weight:400;
  min-height: 29vw;
}
.product-box-image{
	margin:0 auto;
  width:22%;
  float:left;
  padding-top:15px;
}
.product-box-image img{
	width:100%;
}
.product-box a{
	font-family: "niveau-grotesk", sans-serif;
	color:rgba(255,255,255,1.00);
	border:rgba(0,255,5,1.00);
	background:rgba(21,200,63,1.00);
	font-weight:bold;
	text-decoration:none;
	border-radius:5px;
	box-shadow:0 0 10px rgba(0,0,0,.50);
  display:inline-block;
	padding:2%;
  width:75%;
  margin:5px auto 10px;
  font-size:5.5vw
}

.product-box a:hover{
	background:rgba(60,154,64,1.00);
}
/* ADPAGE PAGE BANNER
-------------------------------------------------- */
.ad-page-content-banner{
	background:url(../images/site-banners/ad-page-roof-coating-backer.webp) no-repeat;
  background-position:center;
}
/* LIQUITARP PAGE BANNER
-------------------------------------------------- */
.liquitarp-banner{
	background:url(../images/site-banners/liqui-tarp-roof-storm-damage-repair.webp) no-repeat;
  background-position:center;

}

/* ROOF COATINGS PRODUCT PAGE
-------------------------------------------------- */
.roof-coatings-content-banner{
	background:url(../images/site-banners/roof-coatings.webp) no-repeat;
  background-position:center;

}

/* ROOF PRIMERS PRODUCT PAGE
-------------------------------------------------- */
.roof-primers-content-banner{
	background:url(../images/site-banners/roof-primers-tape-caulk.webp) no-repeat;
  background-position:center;

}

/* ACRYLOCOAT COATINGS PRODUCT PAGE
-------------------------------------------------- */
.acrylocoat-content-banner{
	background:url(../images/site-banners/acrylocoat.webp) no-repeat;
  background-position:center;

}
.acrylocoat-content-banner h1{
	font-family: "niveau-grotesk", sans-serif;
	font-size:7vw;
}

/* CONCRETE COATINGS PRODUCT PAGE
-------------------------------------------------- */
.concrete-coatings-content-banner{
	background:url(../images/site-banners/basement-concrete-waterproofing.webp) no-repeat;
  background-position:center;

}

/* EXTERIOR PAINTS PRODUCT PAGE
-------------------------------------------------- */
.exterior-paints-content-banner{
	background:url(../images/site-banners/exterior-products.webp) no-repeat;
  background-position:center;

}

/* FLOOR COATINGS PRODUCT PAGE
-------------------------------------------------- */
.floor-coatings-content-banner{
	background:url(../images/site-banners/floor-coatings.webp) no-repeat;
  background-position:center;

}

/* GREEN PRODUCT PAGE
-------------------------------------------------- */
.green-products-content-banner{
	background:url(../images/site-banners/green-products.webp) no-repeat;
  background-position:center;

}

/* INTERIOR PRODUCT PAGE
-------------------------------------------------- */
.interior-products-content-banner{
	background:url(../images/site-banners/interior-products.webp) no-repeat;	
  background-position:center;

}

/* METAL INDUSTRIAL PRODUCT PAGE
-------------------------------------------------- */
.metal-industrial-content-banner{
	background:url(../images/site-banners/metal-industrial.webp) no-repeat;	
  background-position:center;

}

/* ELASTOMERICS PRODUCT PAGE
-------------------------------------------------- */
.elasto-content-banner{
	background:url(../images/site-banners/specialty-coatings.webp) no-repeat;	
  background-position:center;

}

/* FLOOR COATINGS PRODUCT PAGE
-------------------------------------------------- */
.tex-coatings-content-banner{
	background:url(../images/site-banners/texture-coatings.webp) no-repeat;	
  background-position:center;

}

/* WALL COATINGS PRODUCT PAGE
-------------------------------------------------- */
.wall-coatings-content-banner{
	background:url(../images/site-banners/wall-coatings.webp) no-repeat;	
  background-position:center;

}

/* WOOD PRODUCT PAGE
-------------------------------------------------- */
.wood-content-banner{
	background:url(../images/site-banners/wood-stain-clear.webp) no-repeat;	
  background-position:center;

}

/* MISC SITE PAGE
-------------------------------------------------- */
.misc-content-banner{
	background:url(../images/site-banners/Image_Header_Bldg.webp) no-repeat;
  background-position:center;

}


/* ENERGY STAR SITE PAGE
-------------------------------------------------- */
.energy-star-content-banner{
	background:url(../images/site-banners/energy-star.webp) no-repeat;	
  background-position:center;

}

/* TOOLS AND MARKETING SITE PAGE
-------------------------------------------------- */
.tools-content-banner{
	background:url(../images/site-banners/custom-label-image-header.webp) no-repeat;
  background-position:center;
}
/* BUSKOTE
-------------------------------------------------- */
.bus-kote{
  background:url(../images/site-banners/bus-kote.webp) no-repeat;
  background-position:center;
}
/* SHINGLE SEALER
-------------------------------------------------- */
.shingle-sealer{
  background:url(../images/site-banners/shingle-sealer.webp) no-repeat;
  background-position:center;
}
/* FLAT ROOF
-------------------------------------------------- */
.flat-roof-coating{
  background:url(../images/site-banners/flat-roof.webp) no-repeat;
  background-position:center;
}
/* EPOXY
-------------------------------------------------- */
.epoxy{
  background:url(../images/site-banners/epoxy.webp) no-repeat;
  background-position:center;
}

.tools-content-banner h1{
	font-family: "niveau-grotesk", sans-serif;
	font-size:7vw;
}
.mobile-cover-header{
  background-size:cover;
}
.misc-content-banner h1{
	font-family: "niveau-grotesk", sans-serif;
	font-size:7vw;
}
.mobile-header-words h1{
  color:rgba(255,255,255,1); 
  font-weight:600;
  font-size: 6vw;
}
.mobile-header-words h4{
  color:rgba(255,255,255,1); 
  font-weight:300;
  font-size: 3vw;
}
.mobile-header-bucket{

}
.bucket-update-image a{
  background:none; 
  box-shadow: none;
}
/* PRODUCT PAGE
-------------------------------------------------- */
.product-page-box{
	overflow:hidden;
	padding-top:25px;
	padding-bottom:25px;
}
.permakote-page .blue{
  font-size:7vw;
}
.product-words p{
  font-size:5vw;
  line-height:190%;
}
.all-caps{
	text-transform: uppercase;
}
.catalog-download{
	margin-top:2%;
}
/* PRICING PAGE
-------------------------------------------------- */
.pricing .bot-red{
	letter-spacing: 0px;
}
.pricing p, .contact-words p, .hpp, p, p span{
  color:rgba(99,99,99,1.00);
  font-size: clamp(16px, 5.5vw, 18px);
}
.pricing h4{
  font-size:6vw;
  font-weight:700;
  padding-top:15px;
}
.pricing form h4{
  padding:5px 15px 0;
}
.pricing h2, .hp2{
 font-size:9vw; 
}
.hp2{
  margin-top:25px;
}
.pricing a{
  margin-top:5px;
  width:100%;
}
.bottom-form div{
  width: 100%;
  float: left;
  margin: 1% 0%;
  text-align: center;
  padding: 0 15px 0;  
}
.bottom-form input{
  width:100%;
  margin-top:5px;
  margin-bottom:5px;
}
.testing h4{
  padding-top:0px;
}
.pricing hr{
  max-width:85%;
}
/* REFERANCE LABEL STUFF
-------------------------------------------------- */
.referance hr{
	border-color:rgba(124,124,124,1.00);
}
.referance h3{
  font-size:8vw;
}
.referance h4{
  font-size:6vw;
	font-style:italic;
}
.referance h5{	
  font-size:4vw;
	font-style:italic;
}
.referance p{
	font-size:140%;
	line-height:140%;	
}
/* CONTACT STUFF
-------------------------------------------------- */
.contact-words h2{
  font-size:8vw;
}
/* ENERGY STUFF
-------------------------------------------------- */
.energy hr{
	border-color:rgba(124,124,124,1.00);
}
.energy{
	padding:2%;	
}
/* PRIVATE LABEL STUFF
-------------------------------------------------- */
.custom hr{
	border-color:rgba(124,124,124,1.00);
}
.custom h3{
	font-size:180%;	
	font-family: "niveau-grotesk", sans-serif;
	color:rgba(84,114,255,1.00);
	font-weight:900;
}
.custom h5{
	margin-top:1%;	
	font-weight:400;
	font-size:11px;
	font-style:italic;
	color:rgba(23,86,32,1.00);
}
.custom p, .custom ul li{
	font-size:6vw;
	line-height:160%;	
}
.custom h4{
	margin-top:1%;	
	font-size:4vw;
	font-style:italic;
	color:rgba(23,86,32,1.00);
}
.custom a{
  color: rgba(255,255,255,1.0)!important;
  width:90%;
  margin:0 auto 15px;
  font-size:7vw
}

/* BLOG PAGE
-------------------------------------------------- */
.blog h2{
  font-size:9vw;
}
.blog p{
  font-size:5vw;
}
.blog .mb-2{
  margin-bottom:30px!important;
}

.blog-text img{
  cursor: pointer;
  box-shadow: 0 2px 3px rgba(0,0,0,1.0);
}
.blog-text p span{
  font-size: 20px !important;
}
.modal-dialog {
  max-width: 800px;
}
/*FLOATING CONTACT FORM*/

.floating-contact{
  position: fixed;
  width:100%;
  top:70px;
  right:-100%;
  background:rgba(255,255,255,.95);
  padding:200px 15px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border:solid 3px rgba(31,202,8,1.0);
  z-index: 1000;
}
@-moz-keyframes myfirst /* Firefox */ {
    0% {background:rgba(9,113,9,1.0);}
    50% {background:rgba(98,212,7,1.0);}
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {
    0% {background:rgba(9,113,9,1.0);}
    50% {background:rgba(98,212,7,1.0);}
}

.float-title{
  color:rgba(23,184,233,1.00);
  font-size:290%;
  font-weight: bold;
  text-align: center;
  padding:0 0 10px;
}
.nda{
  font-size:100%;
  text-align: center;
  color:rgba(255,0,0,1.0) !important;
}
.floating-contact-form .bottom-form h2{
  color:rgba(128,3,5,1.00);
  font-size:135%;
  font-weight: bold;
}
.required-green{
	box-shadow:0 0 10px rgba(0,155,0,.60);	
	border-color:rgba(78,255,80,.30);	
}
.floating-contact-form .btn{
  font-size:6vw;
}
.sent{
  right:0px;
}
/* --VIDEO PAGE-- */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
box-shadow: -1px 1px 3px rgba(0,0,0,.60);
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-page .product-box h2,.video-page .product-box h3, .video-page .product-box-image,.video-page .product-box a{
  width:100%;
}
.video-page .product-box-image{
  height:auto;
}
.video-page  .product-box h2{
float:none;
}
.body-form{
  width:85%;
  margin:0 auto;
}
.new-product-page h1{
  color:rgba(3,81,161,1.00);
  font-size:6vw;
  font-weight:700;
}
.new-product-page h2{
  color:rgba(56,116,177,1.00);
  font-size:4.6vw;
  font-weight:400;
}
.new-product-page .list-header{
  font-size:4vw;
  font-weight:700;
}
.new-product-page .secondary{
  font-size:4vw;
  padding-top:15px;
  padding-bottom:15px;
  font-style:Italic;
  text-align: center;
}
.new-product-page h3{
    font-size:5vw;
}
.new-product-page h4{
	font-size:4.5vw;
}
.new-product-page .tab-pane{
  font-size:4vw;
}
.new-product-page .list-group-item-action{
  font-size:3vw;
}
.new-product-page .white-box .secondary{
  font-style: normal;
}

.ad-back-top h1, .ad-back-top h5, .ad-back-top h2, .ad-back-top h3{
  color:rgba(255,255,255,1.0);
  text-shadow: 0 2px 4px rgba(0,0,0,.5);
}
.ad-back-top h1{
  font-size: 12vw;
  line-height:90%;
  padding-top:20%;
  padding-bottom:1%;
}
.ad-back-top h2{
  color:rgba(52, 128, 235 ,1.0);  
  font-size: 8vw;
  font-weight: 600;
  padding-bottom:15%;
  padding-left: 5%;
  padding-right: 5%;  
}
.ad-back-top h3{
  color:rgba(109, 192, 237,1.0);  
  font-size:5.5vw;
  font-weight:400;
  padding-bottom:0%;

}
.ad-back-top h4{
  color:rgba(201, 121, 121 ,1.0);  
  font-size:3.5vw;
  font-weight:400;
  font-style:italic; 
  padding-bottom:0%;

}
.ad-back-top h5{
  color:rgba(255,255,255 ,1.0);  
  font-weight:200;
  font-size:2vw;
}

.ad-copy h2{
  font-size:6vw;
  font-weight:600;
}
.ad-copy h3{
  font-weight:400;
  font-size:5vw;
}
.ad-copy h4{
  font-weight:400;
  font-size:3vw;
}
.ad-copy h5{
  font-weight:200;
  font-size:2vw;
}
.ad-copy ul li{
  font-size:6vw;
  padding-bottom:5%;
}
.ad-group-right{
  background:url("../images/landing-page/roof-sealer-background.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}
.ad-group-right h2{
  color:rgba(141,183,227,1);
  text-shadow: 0 2px 4px rgba(0,0,0,.5);  
}
.ad-group-right h3{
  color:rgba(252,144,144,1);
  text-shadow: 0 2px 4px rgba(0,0,0,.5);  
}
.ad-group-right ul li{
  color:rgba(255,255,255,1.0);
}
.metal-page{
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,.6);
}
.updateProds .product-box h3{
  float:left !important;
}
.mobile-photo{
  display:inline;
}
.desktop-photo{
  display:none;
}
.tri-home-button .btn-primary{
  font-size:6vw!important;
}
.company-name h1{
  color: #FFF;
  text-shadow: 0px 2px 4px #000;
  font-size:8.5vw;
}
.perma-products{
  padding-top:7%;
  margin-bottom:7%;
  background:url("../images/permakote-backer.jpg");
  background-repeat: no-repeat;
}
.perma-home{
  padding-top:1%;
  border-radius: 5px;
  background:rgba(255,255,255,.7);
  padding-bottom:1%;
}
.perma-home p{
  font-size:4vw;
  color:rgba(0,0,0,1.0);   
}
.call-now-click{
  color:rgba(255,255,255,1)!important;
  cursor: pointer;
  font-size:10vw;
  font-weight:700;
}
.page-bucket{
  max-width:70%!important;
}
.contact-page-phone{
  font-size:6vw !important;
}
.graser-image-update{
  width:25%;
  padding-top:0px;
}
.graser-image-update a{
  padding:0px;
  width:auto;
}
.hero2025{
    background-size: cover; 
    background-position: center; 
}
.hero-title{
    margin:0 0 10px 0; 
    padding: 0; 
    color: rgba(255, 255, 255, 1);
    font-weight: 800; 
    font-size: 10vw;
}
.hero-warr{
    margin:0 0 5px 0; 
    padding: 0; 
    color: rgba(255, 255, 255, 1); 
    font-weight: 600; 
    font-size: 8vw;
}
.hero-spread{
    margin:0 0 5px 0; 
    padding: 0;
    height: auto; 
    color: rgba(255, 255, 255, 1); 
    font-weight: 400; 
    font-size: 7vw;
}
.hero-text{
    color: rgba(255, 255, 255, 1); 
    font-weight: 200; 
    font-size: 4vw;
}
.hero-bucket{
    max-width:60% !important;
}
}
@media (min-width:300px) and (max-width:768px){
.product-page-box .text-xs-center{
  text-align: center;
}
}
@media (min-width:576px){
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.container{
  max-width:100%;
}
.company-name h2{
  font-size:22px;
}
.dual-color h2 {
  font-size: 4.5vw;
}
.tagline h3{
  font-size:2.5vw;
}
.mobile-nav a, .dnav a {
  font-size: 20px;
}.home-product-words{
  font-size:4vw;
}.banner-button a{
  font-size: 4vw;
}
.offer h2 {
    font-size: 4vw;
}
.inline-cn h1 {
  font-size: 20px;
}
.welcome-statement p {
  font-size: 3.5vw;
}
.blog-button h2 a, .video-button h2 a {
  font-size: 5vw;
}
.home-blog h3 {
  font-size: 6vw;
}
.home-blog p {
  font-size: 3.5vw;
}
.footer-phone a, .footer-phone {
  font-size: 4vw;
}
.request-info{
  font-size:25px !important;
  font-weight:bold;
}
.fine-print, .fine-print a {
  font-size: 2vw;
}
.misc-content-banner h1, .banner-bump h1 {
  font-size: 7vw;
}
.product-box h2 {
  font-size: 2.9vw;
}
.product-box h3 {
  font-size: 2.5vw;
}
.product-box a{
  font-size:2.5vw;
}
.permakote-page .blue {
  font-size: 4vw;
}
.product-words p {
  font-size: 2.5vw;
}
.pricing h2, .hp2 {
  font-size: 5vw;
}
.pricing p, .contact-words p, .hpp, p, p span {
  font-size: clamp(16px, 2.5vw, 20px);
}
.pricing h4 {
  font-size: 3vw;
}
.pricing a {
  width: auto;
}
.pricing form{
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.referance h3 {
  font-size: 5vw;
}
.referance h4 {
  font-size: 4vw;
}
.referance h5 {
  font-size: 3vw;
}
.blog h2 {
  font-size: 4vw;
}
.blog p {
  font-size: 2.5vw;
}
.floating-contact{
  top:10px;
  padding-top:15px;
  width:400px;
  right:-400px;
}
.floating-contact-form .btn {
    font-size: 3vw;
}
.custom a {
  width: 60%;
  font-size: 4vw;
}
.custom h4 {
 margin-top: 1%;
 font-size: 2.5vw;
}
.new-product-page h1{
  font-size:6vw;
}
.new-product-page h2{
  font-size:4.6vw;
}
.new-product-page .list-header{
  font-size:3.5vw;
}
.new-product-page .secondary{
  font-size:3.5vw;
}
.new-product-page h3{
  font-size:5vw;
}
.new-product-page h4{
	font-size:4.5vw;
}
.new-product-page .tab-pane{
  font-size:2.5vw;
}
.new-product-page .list-group-item-action{
  font-size:2.5vw;
}
.custom p, .custom ul li{
	font-size:3vw;
}
.tri-home-button .btn-primary{
  font-size:3vw!important;
}
.perma-home p{
  font-size:3vw;
}
.call-now-click{
  width: 250px!important;
  font-size: 24px;
  font-weight: 700;
}
.new-header h3 {
  font-size: clamp(31px, 11vw, 70px);
}
.new-header h5 {
  font-size: clamp(13px, 4.5vw, 28px);
}

.ad-back-top h1{
  font-size: 8vw;
  line-height:110%;
  padding-top:10%;
  padding-bottom:0%;
}
.ad-back-top h2{
  font-size: 5.4vw;
  padding-bottom: 10%;  
}
.ad-back-top h3{
  font-size:5vw;
}
.ad-back-top h4{
  font-size:5vw;
}
.ad-back-top h5{
  font-weight:200;
  font-size:3vw;
}
.ad-copy h2{
  font-size:6vw;
}
.ad-copy h3{
  font-size:5vw;
}
.ad-copy h4{
  font-size:5vw;
}
.ad-copy h5{
  font-size:3vw;
}
.ad-copy ul li{
  font-size:3vw;
  padding-bottom:3%;
}
}
@media (min-width:100px) and (max-width:767px){
.product-box br {
    content: " ";
    display: inline;
    width: 50px;
}
}
@media (min-width:576px) and (max-width:767px){
.product-box {
  padding: 1%;
  margin: 0;
  flex: 0 0 100%;
  max-width: 100%;  
}
}
@media (min-width:768px) and (max-width:991px){
.home-product-logo-image{
  max-width:75%;
}
.home-product-right {
  display: inline;
  max-width:25%;
  padding-top:6%;
}
}

@media only screen and (min-width:768px){
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.hide, .us-phone{
  display:inherit;
}
.nationwide-logo {
  width:96px;
  height:65px;
}
.logo-words{
  padding-left:0px;
}
.company-name, .dual-color{
  text-align: left;
}
.company-name h2{
  margin-top:0px;
}
.dual-color{
  margin-top:-8px;
}
.dual-color h2 {
  font-size: 3vw;
}
.the{
  margin-right:4px !important;
}
.blue-drop{
  margin-right:-1px !important;
}
.phones a {
    font-size: 3vw;
}
.tagline h3 {
    font-size: 2vw;
}.toggle{
  display:none;
}
.mobile-nav{
  background:none;
  display: flex;
  padding-top:0;
  margin-bottom:0;
}
.mobile-nav ul{
  width:75%;
  flex-direction: row; 
  }
.mobile-nav li{
  list-style:none;
  flex-grow: 1;
  text-align: center;
  border-left: solid 1px rgba(255,255,255,.30);
}
.mobile-nav li:last-child{
  border-right: solid 1px rgba(255,255,255,.30);
}
.mobile-nav a{
  color:rgba(255,255,255,1.0);
  border-bottom: none;  
  font-size:1.5vw;
}
.mobile-nav a:hover{
  text-decoration: none;
}
.navigation a:hover{
	text-decoration:none;
	background:rgba(23,155,224,100);
}
.li-left{
  border-bottom:solid 1px rgba(255,255,255,.4)!important;
  border-left:solid 1px rgba(255,255,255,.4)!important;
  text-align: center!important;
}
.li-right{
  border-bottom:solid 1px rgba(255,255,255,.4)!important;
  border-left:solid 1px rgba(255,255,255,.4)!important;
  border-right:solid 1px rgba(255,255,255,.4)!important;  
  text-align: center!important;
}
.product-list{
  display:inline;
}.product-list:hover .dropdown{
  max-height: 500px;
  transition: max-height .25s ease-in; 
}
.prod-cat {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
.prod-cat:hover{
  background-color: rgba(255,0,0,1.0) !important;
}
.prod-cat a{
  padding:5px 0px;
  font-size:2vw
}
.dropdown{
  top:100%;
	overflow:hidden;
	background:rgba(23,155,224,100);
	z-index:105;
	width:50%;
	max-height:0;
	position:absolute;
	text-align:center;
	transition:max-height .25s ease-out;
}
.dropdown li{
	float:left;
	display:block;
	width:50%;
	border-left:none;
}
.dropdown li a{
	height:auto !important;
	color:rgba(255,255,255,1.00) !important;
	display:block !important;
	width:100% !important;
	padding:8px 15px !important;
	overflow:hidden;
	border:none;
}
.dropdown li h4{
	display:inherit;
	width:75%;
	float:left;
	padding-top:5px;
}
.dropdown li a:hover{
	background:rgba(3,81,161,1.00);
}.permakote, .enviro, .shingle-sealer, .acrathane{
  padding:15px 60px;
  display: inline;
	border-bottom:solid 1px rgba(0,0,0,1.00);	
}
.home-product-right img{
  max-width:100%!important;
}
.home-product-logo-image img{
  width:50%;
}
.home-owners .home-product-logo-image{
  max-width:100%;
}.home-product-words{
  font-size: 2vw;
}.banner-button a{
    font-size: 3vw;
}
.home-product-right {
  display: inline;
}
.offer{
  padding:0px 60px;
}
.offer h2{
  font-size: 3vw;
}
.inline-cn h1 {
  font-size: 20px;
}
.welcome-box .dual-color h2{
  font-size:4vw;
}
.welcome-statement p {
  font-size: 2.5vw;
  padding-left:0;
}

.vocfree{
	background:url(../images/homepage-backgrounds/voc-green-background.jpg) no-repeat;
	background-size:cover;
  box-shadow:0 2px 3px rgba(0,0,0,.50);
  display:flex;
}

.vocfree-words{
	background:rgba(0,0,0,0.45);
	border-radius:5px;
	box-shadow:0 0 10px rgba(0,0,0,1.00);
	padding:1%;
	margin-top:1%;
	margin-bottom:1%;
}
.vocfree-words h2{
	font-family: "niveau-grotesk", sans-serif;
	font-size:5vw;
	color:rgba(255,255,255,1.00);
	font-weight:900;
	text-shadow:0 0 10px rgba(0,0,0,1.00);	
}
.vocfree-words div{
	color:rgba(255,255,255,1.00);
	font-size:2vw;
}
.vocfree-bucket{
	padding-top:5%;
}
.vocbutton{
	width:100%;
	float:left;	
}
.vocfree a{
	text-align:center;
	display:block;
	margin:0 auto;
	width:80%;
	padding:.5% 2%;
	background:#00af0c;
	border-radius:8px;
	color:rgba(255,255,255,1.00);
	font-size:32px;
	border:1px solid rgba(18,203,40,1.00);
	margin-bottom:2%;
	font-family: "niveau-grotesk", sans-serif;	
	font-weight:900;
	text-shadow: 0 0 10px rgba(0,0,0,1.00);
}
.vocfree a:hover{
	background:#0e6f1a;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}
.blog-button:hover h2 a, .video-button:hover h2 a{
  display: block;
  text-decoration: none;
  margin-top:0px;
  margin-bottom:14px;
	text-shadow:0 5px 5px rgba(0,0,0,.45);	    
  transition:all .25s ease;  
}
.blog-button h2 a,.video-button h2 a{

}
.home-blog{
  padding-top:10px;
}
.home-blog h3{
  font-size: 4vw;
}
.home-blog p, .contact-words p{
font-size: 2.5vw;
}

.logo-box-footer{
  display:none;
}
.fine-print, .fine-print a {
  font-size: 1.5vw;
}
.footer-phone a, .footer-phone .request-info {
    font-size: 3vw;
}

.product-box{
  margin:0;
}
.product-title-contain{
  min-height:80px;
}
.product-box .product-number{
  margin-top:5px;
}
.product-box h2{
  font-size: 20px;
}
.product-box h3{
  width:100%;
  text-align: center;
  font-size: 15px;  
  height:125px;
  line-height: 130%;
  float:none;
}
.product-box-image{
  width:100%;
  height: 170px;
  padding:0;
}

.product-box-image img{
  width:120px;
  height:151px;
}
.product-box-image .graser{
  width:auto;
  height:auto;
}
.product-box a{
  font-size:2vw;
  margin-top:10px;
}
.misc-content-banner h1, .banner-bump h1 {
  font-size: 5vw;
}
.product-page-recommendations{
	display:none;
}
.pricing, .product-page-box{
  padding:15px 60px;
}

.floating-contact {
  top: 13%;
  min-height:500px;
}
.referance h3 , .contact-words h2{
 font-size: 2.5vw;
}
.referance h4 {
  font-size:3vw;
}
.referance h5 {
    font-size: 2vw;
}
.banner-bump img {
    max-width: 30%;
}
.new-product-page h1{
  font-size:3vw;
}
.new-product-page h2{
  font-size:3.6vw;
}
.new-product-page h3{
  font-size:4vw;
}
.new-product-page h4{
	font-size:3.5vw;
}
.new-product-page .list-header{
  font-size:2vw;
}
.new-product-page .secondary{
  font-size:2vw;
}
.new-product-page .list-group-item-action{
  font-size:1.5vw;
} 
.new-product-page .tab-pane{
  font-size:2vw;
}
.custom a{
  font-size:2vw;
}
.custom h4{
  font-size:1.5vw
}
.custom p, .custom ul li{
	font-size:2vw;
}

.ad-back-top h1{
  font-size: 3vw;
  line-height:130%;
  padding-top:7%;
  padding-bottom:0%;
}
.ad-back-top h2{
  font-size: 2.2vw;
  padding-bottom: 4%;  
}
.ad-back-top h3{
  font-size:1.75vw;
}
.ad-back-top h4{
  font-size:1.75vw;
}
.ad-back-top h5{
  font-size:1.75vw;
}
.ad-back-top a{
  font-size:1.6vw;
  margin-bottom:15px;
}
.ad-copy h2{
  font-size:2.2vw;
}
.ad-copy h3{
  font-size:1.75vw;
}
.ad-copy h4{
  font-size:1.75vw;
}
.ad-copy h5{
  font-size:1.75vw;
}
.ad-copy ul li{
  font-size:1.75vw;
  padding-bottom:2%;
}
.ad-group-right{
  background:url("../images/landing-page/roof-sealer-background.jpg");
  background-repeat: no-repeat;
  background-position: center;
}
.ad-group-right h2{
  color:rgba(141,183,227,1);
  text-shadow: 0 2px 4px rgba(0,0,0,.5);  
}
.ad-group-right h3{
  color:rgba(252,144,144,1);
  text-shadow: 0 2px 4px rgba(0,0,0,.5);  
}
.ad-group-right ul li{
  color:rgba(255,255,255,1.0);
}

.mobile-photo{
  display:none;  
}
.desktop-photo{
  display:inline;  
}
.company-name h1{
  font-size:2.5vw;
}
.company-name p{
  font-size:2vw;
}
.tri-home-button .btn-primary{
  font-size:2vw!important;
}
.perma-home-buckets {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.perma-home p {
  font-size: 2vw;
}
.contact-page-phone{
  font-size:3vw !important;
}
.product-box h3 {
  min-height: auto;
}
.hero2025{
    background-size: cover; 
    background-position: center; 
}
.hero-title{
    margin:0 0 10px 0; 
    padding: 0; 
    font-size: 4vw;
}
.hero-warr{
    margin:0 0 5px 0; 
    padding: 0; 
    font-size: 3vw;
}
.hero-spread{
    margin:0 0 5px 0; 
    padding: 0;
    font-size: 2.2vw;
}
.hero-text{
    font-size: 1.5vw;
}
.hero-bucket{
    max-width:100% !important;
}
}
/*#------NEW NAVIGATION-------------------------------------------------------------------------------------------*/
@media (min-width: 768px){
.header{
  height: auto;
}
.navi{
	background:rgba(3,81,161,1.00);
}
.hide, .us-phone{
  display:inherit;
}
.nationwide-logo {
 max-width: 100%;
}
.logo-words{
  padding-left:0px;
}
.company-name, .dual-color{
  text-align: left;
}
.company-name h2{
  margin-top:0px;
}
.dual-color{
  margin-top:-8px;
}
.dual-color h2 {
  font-size: 3vw;
}
.the{
  margin-right:4px !important;
}
.blue-drop{
  margin-right:-1px !important;
}
.phones a {
    font-size: 3vw;
}
.tagline h3 {
    font-size: 2vw;
}.toggle{
  display:none;
}
.dnav{
  background:none;
  display: flex;
  justify-content: center;
  padding-top:0;
  margin-bottom:0;
}
.dnav ul{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.dnav li{
  list-style:none;
  flex-grow: 1;
  text-align: center;
  border-left: solid 1px rgba(255,255,255,.30);
}
.dnav li:last-child{
  border-right: solid 1px rgba(255,255,255,.30);
}
.dnav a{
  color:rgba(255,255,255,1.0);
  border-bottom: none;  
  font-size:1.5vw;
}
.dnav a:hover{
  text-decoration: none;
}
.navigation a:hover{
	text-decoration:none;
	background:rgba(23,155,224,100);
}
.li-left{
  border-bottom:solid 1px rgba(255,255,255,.4)!important;
  border-left:solid 1px rgba(255,255,255,.4)!important;
  text-align: center!important;
}
.li-right{
  border-bottom:solid 1px rgba(255,255,255,.4)!important;
  border-left:solid 1px rgba(255,255,255,.4)!important;
  border-right:solid 1px rgba(255,255,255,.4)!important;  
  text-align: center!important;
}
.product-list{
  display:inline;
}.product-list:hover .dropdown{
  max-height: 500px;
  transition: max-height .25s ease-in; 
}
.prod-cat {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
.prod-cat:hover{
  background-color: rgba(255,0,0,1.0) !important;
}
.prod-cat a{
  padding:5px 0px;
  font-size:2vw
}
.dropdown{
  top:100%;
	overflow:hidden;
	background:rgba(23,155,224,100);
	z-index:105;
	width:50%;
	max-height:0;
	position:absolute;
	text-align:center;
	transition:max-height .25s ease-out;
}
.dropdown li{
	float:left;
	display:block;
	width:50%;
	border-left:none;
}
.dropdown li a{
	height:auto !important;
	color:rgba(255,255,255,1.00) !important;
	display:block !important;
	width:100% !important;
	padding:8px 15px !important;
	overflow:hidden;
	border:none;
}
.dropdown li h4{
	display:inherit;
	width:75%;
	float:left;
	padding-top:5px;
}
.dropdown li a:hover{
	background:rgba(3,81,161,1.00);
}
.mobile-header-words h1{
  font-size: 3vw;
}
.mobile-header-words h4{
  font-size: 2vw;
}
.mobile-header-bucket{
  margin-top:1.5vw;
}
}

@media only screen and (min-width:992px){
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.stay-top{
  position: sticky;
}
container{
  width:100%;
  overflow:hidden;
}.permakote, .enviro, .shingle-sealer, .acrathane{
  padding:15px 5px;
  height:365px;
}
.home-product-logo-image img {
  width:100%;
  max-width: 100% !important;
  margin-top: 25px;
  transition: all 1s ease;
}
.home-product-right img {
  padding-top:45px;
}.home-product-words{
  font-size: 1.8vw;
  line-height:130%;
}
.banner-button a{
  margin-top:100px;
  transition: all 1s ease;
  font-size:1.5vw;
}
.permakote:hover .home-product-logo-image img,
.permakote:hover .banner-button a,
.enviro:hover .home-product-logo-image img,
.enviro:hover .banner-button a,
.shingle-sealer:hover .home-product-logo-image img,
.shingle-sealer:hover .banner-button a,
.acrathane:hover .home-product-logo-image img,
.acrathane:hover .banner-button a{
  margin-top:0px;
  padding-top:0px;
  padding-bottom:0px;
  transition: all 1s ease;
}
.offer h2 {
  font-size: 2vw;
}
.inline-cn h1 {
  font-size: 17px;
}
.welcome-box .dual-color h2 {
  font-size: 3vw;
}
.welcome-statement p {
  font-size: 1.5vw;
}
.welcome-logo {
  margin-top: 7%;
}
.welcome-logo img{
  width:100%;
}
.vocfree-words h2 {
  font-size: 4vw;
}
.vocfree-words div {
  font-size: 1.5vw;
}
.vocfree a {
  width:50%;
  font-size:2vw;
}
.blog-button h2 a, .video-button h2 a {
  font-size: 2.5vw;
}
.home-blog h2{
  font-size:3vw;
}
.home-blog h3 {
  font-size: 3vw;
}
.home-blog p {
  font-size: 1.7vw;
}
.products{
  display: flex;
	background:url(../images/homepage-backgrounds/where-our-product-is-used-homepage.jpg) no-repeat;
	background-size:cover!important;
	padding-top:2%;
  padding-bottom:2%;
	overflow:hidden;
  box-shadow:0 1px 3px inset rgba(0,0,0,.50);  
}
.products-home-top{
	text-align:center;	
}
.products-home-top h2{
	font-family: "niveau-grotesk", sans-serif;
  font-size: 4vw;
	font-weight:900;
	text-shadow:0 2px 3px rgba(0,0,0,.35);	
}
.product-cat-box{
	background:rgba(255,255,255,1.00);
	border-radius:5px;
	box-shadow:0 0 10px rgba(0,0,0,.30);
	margin-top:3%;
	overflow:hidden;
	padding:1%;
	min-height:225px;
}
.product-cat-box-top{
	width:100%;
	padding:1%;	
	overflow:hidden;
}
.where-product-logo{
	float:left;
	width:100%;
  max-height:63px;
}
.where-product-logo img{
	width:100%;	
}
.where-product-description{
	width:100%;
	float:left;
	text-align:center;	
}
.where-product-description h2{
	font-size:20px;
	font-weight:900;
	padding-top:10%;
}
.product-cat-box-bottom{
	width:95%;	
	margin:0 auto;
}
.product-image-1{
	width:50%;
	float:left;
	padding:1%;	
}
.product-image-2{
	width:50%;
	float:left;	
	padding:1%;	
}
.product-image-1 img, .product-image-2 img{
	width:100%;
}
.product-image-large{
	margin:0 auto;
	text-align:center;
	width:100%;	
}
.product-image-large img{
	width:100%;
}
.bot-red{
	padding:0;
	letter-spacing:-2px;
	display:inline;
	color:rgba(255,0,0,1.00);	
}
.bot-blue{
	padding:0;	
	letter-spacing:-2px;	
	display:inline;	
	color:rgba(0,00,255,1.00)
}
.footer .navigation {
  display:flex;
}
.footer .navigation li{
  list-style: none;
}
.footer .navigation a{
  color:rgba(255,255,255,1.0);
  font-weight:700;
  text-decoration: none;
  padding:5px;
  font-size:1.2vw;
}
.logo-box-footer {
  display: inline;
}
.footer-phone a, .footer-phone .request-info {
  font-size: 2vw;
}
.fine-print, .fine-print a {
  font-size: 1vw;
}
.product-box h2 {
  font-size: 1.4vw;
}
.product-box h3 {
  height: 8vw;
}
.product-box a {
  font-size: 1.75vw;
}
.permakote-page .blue, .referance h3  {
  font-size: 2.5vw;
}

.product-words p {
  font-size: 1.5vw;
  line-height: 165%;    
}.referance h4{
  font-size: 2vw;
}
.products-page-list .product-box h2{
	font-weight:900;
}
.products-page-list .product-box h3{
	display:block;
	height:185px;
}
.product-page-recommendations {
  display: inline;
}
.pricing h2, .hp2, .contact-words h2  {
  font-size: 3vw;
}
.pricing p, .contact-words p, .hpp ,  p, p span{
  font-size: 1.5vw;
}
.pricing h4 {
  font-size: 2vw;
}
.nda{
  margin-bottom:0px;
}
.misc-content-banner h1, .banner-bump h1 {
    font-size: 4vw;
}
.blog h2 {
    font-size: 3vw;
}
.blog p {
    font-size: 1.75vw;
}
.product-title-contain{
  min-height:85px;
}
.product-title-contain {
  min-height: 4vw;
}
.new-product-page .product-box .product-title, .product-box .product-title{
  display:block;
  font-size:1.5vw !important;
  color:rgba(0,0,0,1.0);
  width:100%;
  min-height: auto;
}
.new-product-page .product-box .product-number, .product-box .product-number{
  display:block;
  font-size:1.3vw !important;
  font-weight:400;
  color:rgba(0,0,0,1.0); 
  width:100%;
  min-height:auto;
}
.new-product-page .product-box .product-desc, .product-box .product-desc{
  font-size:1.3vw;
}
.custom p, .custom ul li{
	font-size:1.6vw;
	line-height:160%;	
}
.floating-contact-form .btn {
  font-size: 1.5vw;
}

.ad-back-top h1{
  font-size: 2.6vw;
  line-height:100%;
  padding-top:3%;
  padding-bottom:0%;
}
.ad-back-top h2{
  font-size: 1.75vw;
  padding-bottom: 1%;  
}
.ad-back-top h3{
  font-size:1.65vw;
}
.ad-back-top h4{
  font-size:1.5vw;
}
.ad-back-top h5{
  font-size:1.4vw;
}
.ad-back-top a{
  font-size:1.7vw;
  margin-bottom:15px;
}
.ad-copy h2{
  font-size:3vw;
}
.ad-copy h3{
  font-size:2vw;
  margin-bottom:15px;
}
.ad-copy h4{
  font-size:1.75vw;
}
.ad-copy h5{
  font-size:1.75vw;
}
.ad-copy ul li{
  font-size:1.75vw;
  padding-bottom:1.5%;
}

.nationwide-logo{
  width:117px;
  height:79px;
}
.company-name{
  width:490px;
  height:38px;
}
.company-name h2{
  font-size:20px;
}
.dual-color{
  width:310px;
  height:37px;
  margin-top: -16px;
}
.dual-color h2 {
  font-size: 20px;
}
.ceramic img{
  width:100%;
  height:auto;
}
.top-phones{
  margin-top:0;
}
.us-phone, .all-phone{
  width:200px;
  height:24px;
}
.us-phone, .phones a {
 font-size: 20px!important;
}
.tagline{
  height:15px;
}
.tagline h3 {
 font-size: 9px;
}
.dnav a {
 font-size: 16px;
}
.new-header h3 {
  font-size: clamp(31px, 3vw, 70px);
}
.new-header h5 {
  font-size: clamp(13px, 1.5vw, 28px);
}
.banner-buttons a {
  font-size: 1vw;
}
.contact-page-phone{
  font-size:1vw !important;
}
.mobile-header-words h1{
  font-size: 3vw;
}
.mobile-header-words h4{
  font-size: 2vw;
}
.mobile-header-bucket{
  margin-top:0;
}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.products-page-list .col-lg-4{
  flex: 0 0 25%;
  max-width: 25%;
}
}
@media only screen and (min-width:1200px){
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.header{
  padding-top:5px;
  height:auto;
}
.navi >.row{
  max-width:85%;
  margin:0 auto;
}
.dnav ul {

}
.permakote, .enviro, .shingle-sealer, .acrathane{
  padding:0 15px;
  min-height:325px;
  height:auto;
}
.home-product-logo-image img{
  max-width:325px!important;
}
.home-product-right img {
  padding-top: 25px;
  max-width: 80%!important;
}.home-product-words{
  font-size: 1.3vw;
}
.home-product-logo-image{
  max-height: 300px;
  overflow:hidden;
}
.banner-button a {
  font-size: 1.3vw;
}
.offer h2 {
  font-size: 1.6vw;
}
.inline-cn h1 {
  font-size: 30px;
}
.welcome-box .dual-color h2 {
  font-size: 2vw;
}
.welcome-statement p {
  font-size: 1.2vw;
}
.vocfree-words h2 {
  font-size: 3vw;
}
.vocfree-words div {
  font-size: 1.3vw;
}
.vocfree a {
  font-size: 1.5vw;
}
.blog-button h2 a, .video-button h2 a {
  font-size: 1.6vw;
}
.home-blog h3 {
  font-size: 1.8vw;
}
.home-blog p {
  font-size: 1.3vw;
}
.social img{
  max-width:70%;
}
.footer .navigation a {
  padding: 5px 15px;
  font-size: 1vw;
}
.footer-phone a, .footer-phone .request-info {
  font-size: 1.5vw;
}
.fine-print, .fine-print a {
   font-size: .7vw;
}
.product-box h2 {
  font-size: 1vw;
}
.product-box h3{
  font-size:14px;
}
.permakote-page .blue  {
  font-size: 2vw;
}
.referance h3{
  font-size:1.2vw;
}
.referance h4{
  font-size:1.5vw;
}
.referance h5{
  font-size:1vw;
}
.product-words p, .pricing p, .contact-words p, .hpp, p, p span {
  font-size: 1.2vw;    
}
.products-page-list .product-box h3 {
  height: 140px;
}
.pricing h2, .hp2, .contact-words h2  {
  font-size: 2vw;
}
.pricing h4 {
    font-size: 1.5vw;
}
.misc-content-banner h1, .banner-bump h1 {
   font-size: 3.5vw;
}
.blog h2 {
    font-size: 2vw;
}
.blog p {
    font-size: 1vw;
}
.new-product-page h1{
  font-size:2.2vw;
}
.new-product-page h2{
  font-size:1.9vw;
}
.new-product-page h3{
  font-size:1.9vw;
}
.new-product-page h4{
	font-size:1.5vw;
}
.new-product-page .list-header{
  font-size:1.5vw;
}
.new-product-page .secondary{
  font-size:1.5vw;
}
.new-product-page .list-group-item-action{
  font-size:1vw;
} 
.new-product-page .tab-pane{
  font-size:1.1vw;
}
.new-product-page .product-box .product-desc, .product-box .product-desc{
  font-size:1vw;
}
.product-title-contain{
  height: 5vw;
}
.custom p, .custom ul li{
	font-size:1.3vw;
	line-height:160%;	
}

.ad-copy h3{
  padding-left:5%;
  padding-right:5%;
}
.ad-copy ul li {
  font-size: 1.5vw;
}
.company-name h1{
  font-size:2vw;
}
.company-name p{
  font-size:1.5vw;
}
.tri-home-button .btn-primary{
  font-size:1.5vw!important;
}
.perma-home{
  box-shadow: 0 2px 4px rgba(0,0,0,.7);
}
.perma-home p {
  font-size: 1.5vw;
}
.nationwide-logo{
  width:117px;
  height:79px;
}
.company-name{
  width:490px;
  height:38px;
}
.company-name h2{
  font-size:26px;
}
.dual-color{
  width:365px;
  height:37px;
  margin-top: -8px;
}
.dual-color h2 {
  font-size: 24px;
}
.ceramic img{
  width:106px;
  height:46px;
}
.us-phone, .all-phone{
  width:235px;
  height:24px;
}
.us-phone, .phones a {
 font-size: 20px!important;
}
.tagline{
  height:15px;
}
.tagline h3 {
 font-size: 12px;
}
.dnav a {
 font-size: 16px;
}
.new-header{
  padding-top:70px;
  padding-bottom:70px;
  border-bottom:solid 5px rgba(3,81,161,1);
}
 .product-box h3 {
  height: 6vw;
}
.product-box a {
  width: 19vw;
  font-size: 1.35vw;
}
.mobile-header-words h1{
  margin-top: 2vw;
  font-size: 36px
}
.mobile-header-words h4{
  font-size: 24px;
}
.mobile-header-bucket img{
  max-width:310px;
}
.hero-bucket{
    max-width:82% !important;
}
}

@media only screen and (min-width: 1610px) {
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.header{
  padding-top:15px;
}
.home-product-logo-image {
 min-height: 200px;
 max-height: 345px;
}
.home-owners .home-product-logo-image{
  min-height: auto;
}
.banner-button a {
  font-size: 1.1vw;
}
.vocfree-words h2 {
  font-size: 2.5vw;
}
.vocfree-words div {
  font-size: 1.1vw;
}
.vocfree a {
  width: 37%;
  font-size: 1.2vw;
}
.home-blog h2 {
  font-size: 2vw;
}
.home-blog h3 {
  font-size: 1.6vw;
}
.home-blog p {
  font-size: 1.2vw;
}
.products-home-top h2 {
  font-family: "niveau-grotesk", sans-serif;
  font-size: 3vw;
}
.floating-contact-form .btn {
  font-size: 1.2vw;
}
.product-words p .pricing p, .contact-words p, .hpp, p, p span {
    font-size: 1vw;
}
.permakote-page .blue  {
  font-size: 2vw;
}
.referance h3{
  font-size:1vw;
}
.misc-content-banner h1, .banner-bump h1 {
    font-size: 3vw;
    min-height:90px;
}
.new-product-page h1{
  font-size:2vw;
}
.new-product-page h2{
  font-size:1.9vw;
}
.new-product-page h3{
  font-size:2.4vw;
}
.new-product-page h4{
	font-size:1.5vw;
}
.new-product-page .list-header{
  font-size:1.5vw;
}
.new-product-page .secondary{
  font-size:1.1vw;
}
.new-product-page .list-group-item-action{
  font-size:1.1vw;
} 
.new-product-page .tab-pane{
  font-size:1vw;
}
.new-product-page .product-box .product-title, .product-box .product-title{
  font-size:1.4vw !important;
}
.new-product-page .product-box .product-number, .product-box .product-number{
  font-size:1.4vw !important;
}
.custom a{
  font-size:1.5vw;
}
.energy h5{
font-size:1vw;
}
.custom p, .custom ul li{
	font-size:1.1vw;
	line-height:160%;	
}
.company-name h1{
  font-size:1.5vw;
}
.company-name p{
  font-size:1vw;
}
.tri-home-button .btn-primary{
  font-size:1vw!important;
}
.perma-home{
  padding-top:1.5%;
}
.perma-home-buckets{
  display:block;
}
.perma-home-buckets .img-fluid{
  max-width:75%;
}
.perma-home p {
  font-size: 1.20vw;
}
.nationwide-logo{
  min-height:96px;
}
.nationwide-logo{
  width:141px;
  height:96px;
}
.company-name{
  width:650px;
  height:38px;
}
.dual-color{
  width:500px;
  height:37px;
}
.ceramic img{
  width:170px;
  height:74px;
}
.us-phone, .all-phone{
  width:235px;
  height:24px;
}
.tagline{
  height:15px;
}
.company-name h2{
  font-size:34px;
}
.dual-color h2 {
  font-size: 32px;
}
.dual-color {
  margin-top: -2px;
}
.us-phone, .phones a {
 font-size: 24px!important;
}
.tagline h3 {
 font-size: 12px;
}
.dnav a {
 font-size: 16px;
}
.ad-back-top h1 {
  font-size: 2.6vw;
}
.ad-back-top h2 {
  padding-bottom: 5%;
}
.ad-back-top h5 {
  font-size: 1.4vw;
  padding-bottom: 5%;
}
.ad-copy h3 {
  font-size: 1.65vw;
  margin-bottom: 15px;
}
.product-box a {
  width: 16vw;
  font-size: 1vw;
}
.hero2025{
    background-size: cover; 
    background-position: center; 
}
.hero-title{
    margin:0 0 10px 0; 
    padding: 0; 
    color: rgba(255, 255, 255, 1);
    font-weight: 800; 
    font-size: 48px;
}
.hero-warr{
    margin:0 0 5px 0; 
    padding: 0; 
    color: rgba(255, 255, 255, 1); 
    font-weight: 600; 
    font-size: 28px;
}
.hero-spread{
    margin:0 0 5px 0; 
    padding: 0;
    height: auto; 
    color: rgba(255, 255, 255, 1); 
    font-weight: 400; 
    font-size: 24px;
}
.hero-text{
    color: rgba(255, 255, 255, 1); 
    font-weight: 200; 
    font-size: 20px;
}
.hero-bucket{
    max-width:240px !important;
}
}
@media only screen and (min-width: 1921px) {
.company-name {
  width: 789px;
  height: 48px;
}
.company-name h2 {
  font-size: 42px;
}
.dual-color {
  width: 585px;
  height: 50px;
}
.dual-color h2 {
  font-size: 38px;
}
.tagline {
  height: 40px;
}
.tagline h3 {
  font-size: 20px;
}
.us-phone, .all-phone {
  width: 370px;
  height: 35px;
}
.us-phone, .phones a {
  font-size: 30px !important;
}
.dnav a{
  font-size: 21px;
  padding-top: 12px;
  padding-bottom: 12px;
}.home-product-words{
  font-size: 26px;
}
.banner-button a {
  font-size: 23px;
}
.offer h2 {
  font-size: 34px;
}
.inline-cn h1 {
  font-size: 24px;
}
.welcome-box .dual-color h2 {
  font-size: 50px;
}
.welcome-statement p {
  font-size: 20px;
}
.vocfree-words h2 {
  font-size: 50px;
}
.vocfree-words div {
  font-size: 25px;
}
.vocfree a {
  font-size: 22px;
}
.blog-button h2 a, .video-button h2 a {
  font-size: 35px;
}
.home-blog h3 {
  font-size: 36px;
}
.home-blog p {
  font-size: 24px;
}
.footer .navigation a {
  font-size: 20px;
}
.footer-phone a, .footer-phone .request-info {
  font-size: 20px;
}
.fine-print, .fine-print a {
  font-size: 14px;
}
.home-blog h2 {
  font-size: 44px;
}
.products-home-top h2 {
  font-size: 68px;
}
.misc-content-banner h1, .banner-bump h1 {
  font-size: 64px;
}
.permakote-page .blue, .pricing h2, .hp2, .referance h3  {
    font-size: 36px;
}
.product-words p, .pricing p, .contact-words p, .hpp, p, p span {
    font-size: 23px;
}.referance h4{
    font-size: 32px;
}
.product-box h2 {
    font-size: 22px;
}
.blog h2 {
    font-size: 32px;
}
.blog p {
    font-size: 23px;
}
.new-product-page .product-box .product-title, .product-box .product-title{
  font-size:25px !important;
}
.new-product-page .product-box .product-number, .product-box .product-number{
  font-size:22px !important;
}
.new-product-page .product-box .product-desc, .product-box .product-desc {
  font-size: 18px !important;
}
.ad-back-top h1{
  font-size: 53px;
}
.ad-back-top h2{
  font-size: 40px;
  padding-bottom: 15px;  
}
.ad-back-top h3{
  font-size: 32px;
}
.ad-back-top h4{
  font-size: 28px;
}
.ad-back-top h5{
  font-size: 28px;
}
.ad-back-top a{
  font-size:20px;
}
.ad-copy h2{
  font-size:60px;
}
.ad-copy h3{
  font-size:32px;
}
.ad-copy h4{
  font-size:32px;
}
.ad-copy h5{
  font-size:32px;
}
.ad-copy ul li{
  font-size:32px;
}
.product-title-contain{
  height:77px;
  min-height:77px;  
}
.product-box .product-desc{
  height:97px;
  min-height:97px;  
}
.product-box a {
  width: 275PX;
  font-size: 20px;
}
}

/* ==========================================================================
   Form Builder front-end (.naz-form) — matches legacy contact form look.
   Applied to all ##FORM_X## embeds rendered via class.formbuilder.php.
   ========================================================================== */

/* Hide labels + required-asterisk on single-line text-style inputs.
   Placeholder serves as the visual label. Visually-hidden (not display:none)
   so screen readers still announce the field name. */
.naz-form .naz-field-text > label.form-label,
.naz-form .naz-field-email > label.form-label,
.naz-form .naz-field-tel > label.form-label,
.naz-form .naz-field-number > label.form-label,
.naz-form .naz-field-url > label.form-label,
.naz-form .naz-field-password > label.form-label,
.naz-form .naz-field-date > label.form-label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Strip the red asterisk marker on required fields across the whole form. */
.naz-form label .text-danger {
	display: none;
}

/* Green glow on every input/textarea/select — same look as legacy .required-green. */
.naz-form .form-control,
.naz-form .form-select {
	box-shadow: 0 0 10px rgba(0, 155, 0, 0.60);
	border-color: rgba(78, 255, 80, 0.30);
}
.naz-form .form-control:focus,
.naz-form .form-select:focus {
	box-shadow: 0 0 14px rgba(0, 155, 0, 0.85);
	border-color: rgba(78, 255, 80, 0.60);
	outline: 0;
}

/* Submit button: full-width green, large. Selector specificity beats Bootstrap's
   .btn-primary so no !important is needed. */
.naz-form .naz-form-submit button[type="submit"] {
	display: block;
	width: 100%;
	background-color: #28a745;
	border-color: #28a745;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	padding: 0.75rem 1rem;
	text-shadow: none;
}
.naz-form .naz-form-submit button[type="submit"]:hover,
.naz-form .naz-form-submit button[type="submit"]:focus {
	background-color: #218838;
	border-color: #1e7e34;
	color: #fff;
}

/* Tighter vertical spacing between fields. Cancels the row's g-3 gutter
   (padding-top on each row child) and trims the per-field bottom margin. */
.naz-form {
	--bs-gutter-y: 0;
}
.naz-form .naz-field-wrap {
	margin-bottom: 0.5rem !important;
}

/* Modular Page Builder — purchase_cta block button.
   Solid blue, rounded, bold white CTA. Self-contained so global
   link/heading styles (e.g. .inline-link) can't bleed in. */
.purchase-cta-btn,
.purchase-cta-btn:link,
.purchase-cta-btn:visited {
	display: inline-block;
	background-color: #0d6efd;
	color: #fff !important;
	font-weight: 700;
	font-size: 1.15rem;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	padding: 0.65rem 1.9rem;
	border: 0;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.purchase-cta-btn:hover,
.purchase-cta-btn:focus {
	background-color: #0b5ed7;
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.35);
}
/* Non-clickable fallback (no URL set) — same look, no pointer/hover. */
.purchase-cta-btn--static {
	cursor: default;
}
.purchase-cta-btn--static:hover,
.purchase-cta-btn--static:focus {
	background-color: #0d6efd;
	box-shadow: none;
}

/* Product page — photo lightbox modal image */
.product-modal-img {
	max-height: 100vh;
	width: auto;
}

/* Modular builder — photo block thumbnails open a lightbox modal on click */
.modular-photo-thumb {
	cursor: pointer;
}

/* Modular builder — photo lightbox modal: up to 1800px wide, centered */
.modular-photo-modal .modal-dialog {
	max-width: 1800px;
	width: 95vw;
	margin: 1.75rem auto;
	justify-content: center;
}