@charset "utf-8";
/* CSS Document */


/* Global Styles */

.feat-header-dark{
	color:#fff;
}

.feat-p-dark{
	color:#fff;
}

html{
	height: 100%
}

body{
	position:relative;
	min-height:100%;
	font-family:'Roboto', sans-serif;
	padding-bottom:72px;
}

#wrapper{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.row{
	text-align:center;
}

.row h3{
	text-align:center;
	padding-top:12px;
	font-size:20pt;
}

.col-dark{
	color:#fff;
	background-color:#000;
}

.col-light{
	color:#000;
	background-color:#E3E3E3;
}

.rect{
	box-sizing: border-box;
	border:solid #FFFFFF 12px;
	height:275px;
}

.sq-lg{
	box-sizing: border-box;
	border:solid #FFFFFF 12px;
	width:100%;
}

.sq-lg:after{
	content:"";
	display:block;
	padding-bottom:72%;
}

.sq-lg p{
	position:absolute;
	text-align: justify;
	text-align-last: center;
	font-size: 12pt;
	padding:0px 30px 0px 12px;
}

.sq-sm p{
	position:absolute;
	text-align: justify;
	text-align-last: center;
	font-size: 12pt;
	padding:0px 30px 0px 12px;
}

.rect p{
	position:absolute;
	text-align: justify;
	text-align-last: center;
	font-size: 12pt;
	padding:0px 30px 0px 12px;
}

.sq-sm{
	box-sizing:border-box;
	border:solid #FFFFFF 12px;
	width:100%;
}

.sq-sm:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.text-shadow-light{
	text-shadow: 0px 0px 5px #000;
}

.text-shadow-dark{
	text-shadow: 0px 0px 5px #fff;
}

.ds-category{
	width:auto;
	background-color:rgba(157,29,35,1.00);
	color:#fff;
	border:solid 12px;
}

.ds-category h3{
	font-size:20pt;
}

.product-image{
	background-size:cover;
	background-position:center;
	box-sizing:border-box;
	border:solid #FFFFFF 12px;
}

.product-image:after{
	content:"";
	display:block;
	padding-bottom:120%;
}

.product-info h3{
	font-size:18pt;
}

.product-info p{
	font-size:12pt;
}

.ds-links a{
	color:rgba(157,29,35,1.00);
}

.tds-link{
	text-align:right;
	margin-left:auto;
	padding-right:40px;
}

.sds-link{
	text-align:left;
	margin-right:auto;
	padding-left:40px;
}

.document-link a{
	color:rgba(157,29,35,1.00);
	text-decoration:none;
}

.new-product{
	position:absolute;
	margin:-20px 0 0 -30px;
	height:40px;
}

.category-description a{
	text-decoration:none;
	color:inherit;
}


/* Navbar Styles */


.navbar{
	max-width:1200px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.navbar-light{
	z-index:9;
	position:fixed;
}

.navbar-light li{
	display:block;
	margin: 0 11px 0 8px;
}

.form-control{
	background-color:rgba(240,240,240,0.70);
	border-radius: 0px;
}

.form-control:hover{
	background-color:rgba(255,255,255,0.70);
}

.nav-btn{
	background-color:rgba(157,29,35,1.00) !important;
	color:#fff;
	border:none;
}

.nav-btn:hover{
	background-color:#7F171C !important;
}

.btn-outline-success{
	background-color:#7F171C;
	border-color:#7F171C;
}

/*
.btn-outline-success:after{
	background-color:#7F171C;
	border-color:#7F171C;
}
*/

.autocomplete{
	position:relative;
	display:inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 66%;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #9D1D23;
  color:#FFFFFF;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: #9D1D23 !important; 
  color: #ffffff; 
}

.page-header{
	width:100%;
	height:110px;
	text-align: center;
}

.page-header h1{
	font-size:26pt;
	font-weight:700;
	padding-top:65px;
}


/* Home Page Styles */


.jumbotron{
	background-image:linear-gradient(to bottom right,rgba(250,250,250,0.8),rgba(250,250,250,.3),rgba(250,250,250,1)),url("../images/home-page/home-feature.jpg");
	background-position: top;
	background-size:cover;
	color:#000;
	height:450px;
	padding-top:85px;
	margin:0 12px 12px 12px;
}

.jumbotron h1{
	font-weight:400;
	font-size:42pt;
	text-align:center;
}

.jumbotron p{
	font-weight:300;
	font-size:24px;
}

.home3{
	background-image:url("../images/gallery-1.jpg");
	background-size:cover;
	background-position:center;
}


/* Contact Us Styles */


.row input{
	margin: 0 auto 0 auto;
	width:100%;
}

.contact-info{
	text-align:center;
	padding-top:6px;
}

.contact-info h4{
	font-size: 16pt;
}

.contact-info hr{
	border:0;
	height:1px;
	background-image:linear-gradient(to right, rgba(157,29,35,0),rgba(157,29,35,1.00),rgba(157,29,35,0))
}

.contact-info p{
	font-size: 12pt;
	margin-bottom:8px;
}

.contact-email:hover{
	text-decoration: underline;
}

form .btn{
	background-color:rgba(157,29,35,1.00);
	border:none;
	text-align: left;
}

form .btn:hover{
	background-color:#7F171C;
	margin:0 auto 0 0;
}

#email-submit{
	float:left;
	margin-top:12px;
}


/* Who We Are Page Styles */


.bio-image{
	background-size:cover;
	background-position:center;
	box-sizing:border-box;
	border:solid #FFFFFF 12px;
}

.bio-image:after{
	content:"";
	display:block;
	padding-bottom:110%;
}

.bio-text{
	font-size:10pt;
	text-align:justify;}

.bio-name{
	font-size:18pt;
	text-align:center;
}

.bio-title{
	margin-top:-6px;
	margin-bottom:8px;
	font-size:16pt;
	color:rgba(157,29,35,1.00);
}

.LI-profile-badge{
	padding:0 0 15px 20px;
	float:right;
}

div .LI-col .LI-header{
	text-align:right;
}

a.LI-view-profile{
	float:left;
}

.LI-more-info{
	text-align:left;
}

.LI-header{
	text-align:left;
}


/* Products Page Styles */


.color-division{
	background-image:linear-gradient(to top left,rgba(255,255,255,.0),rgba(255,255,255,.85)),url("../images/products-page/products-01.jpg");
	background-size:cover;
	background-position: bottom;
}

.surface-hardeners{
	background-image:linear-gradient(to top right,rgba(255,255,255,.05),rgba(255,255,255,.85)),url("../images/products-page/products-02.jpg");
	background-size:cover;
	background-position: bottom;
}

.resurface-repair{
	background-image:linear-gradient(to top left,rgba(255,255,255,.0),rgba(255,255,255,.85)),url("../images/products-page/products-03.jpg");
	background-size:cover;
	background-position:top;
}

.grouts-anchoring{
	background-image:linear-gradient(to top right,rgba(255,255,255,.05),rgba(255,255,255,.85)),url("../images/products-page/products-04.jpg");
	background-size:cover;
	background-position: bottom;
}

.bonding-epoxies{
	background-image:linear-gradient(to bottom left,rgba(255,255,255,.05),rgba(255,255,255,.85)),url("../images/products-page/products-05.jpg");
	background-size:cover;
	background-position: center;
}

.water-repellants{
	background-image:linear-gradient(to top right,rgba(255,255,255,.0),rgba(255,255,255,.9)),url("../images/products-page/products-06.jpg");
	background-size:cover;
	background-position: bottom;
}

.cleaning-resto{
	background-image:linear-gradient(to top left,rgba(255,255,255,.05),rgba(255,255,255,.80)),url("../images/products-page/products-07.jpg");
	background-size:cover;
	background-position: center;
}

.admix-misc{
	background-image:linear-gradient(to bottom right,rgba(255,255,255,.05),rgba(255,255,255,.8)),url("../images/products-page/products-08.jpg");
	background-size:cover;
	background-position: center;
}

.curing-sealing{
	background-image:linear-gradient(to top left,rgba(255,255,255,.05),rgba(255,255,255,.75)),url("../images/products-page/products-09.jpg");
	background-size:cover;
	background-position: center;
}

.sealers-pigmented{
	background-image:linear-gradient(to top right,rgba(255,255,255,.0),rgba(255,255,255,.65)),url("../images/products-page/products-10.jpg");
	background-size:cover;
	background-position: bottom;
}

.wall-systems{
	background-image:linear-gradient(to top left,rgba(255,255,255,.2),rgba(255,255,255,.85)),url("../images/products-page/products-11.jpg");
	background-size:cover;
	background-position: bottom;
}

.product-page-anchor{
 	padding-top:60px;
	margin-top:-60px;
	visibility:hidden;
}


/* Data Sheets Page */

#datasheets-filter{
	height:40px;
	color:#fff;
	background-color: rgba(157,29,35,1.00);
	text-align:center;
	padding-top:8px;
	margin:10px 0;
}

#datasheets-filter a{
	text-decoration:none;
	color:#fff;
	padding:0 2px;
}

.datasheet-anchor{
 	padding-top:100px;
	margin-top:-100px;
	visibility:hidden;
}


/* FAQ Page Styles */


#pigment-guide{
	text-decoration:underline;
}


/* Industry Information Page */


.industry-info{
	color:#000;
}

.industry-info a{
	text-decoration:none;
}


/* Footer Styles */


footer{
	bottom:0;
    width:100%;
	position:absolute;
	background-color:#222;
	margin:12px 0 0 0;
	color:#fff;
	font-size:12px;
}

.footer-content{
	margin: 15px auto 8px auto;
	max-width:1200px;
}

footer a{
	color:#FFFFFF;
	text-decoration:none !important;
}

footer a:hover{
	color:#B1B1B1;
	text-decoration:none !important;
}

.footer-left{
	height:40px;
	padding-top:8px;
	text-align:left;
}

.footer-right{
	height:40px;
	padding-top:8px;
	text-align: right;
}

.social-icons{
	height:40px;
	padding-top:6px;
}

.social-icons img{
	margin: 0 8px;
}

.social-icons a:hover{
	filter:invert(0.4)
}

.footer-left span{
	display:none;
}


/* Alternate Size Styles */


@media screen and (max-width:991.98px){
	.page-header h1{font-size:24pt;}
	.navbar-nav a{text-align:right;margin-right:-6px;}
	.form-control{margin:0 5px 0 auto;width:200px !important;}
	.rect h3{font-size:16pt;}
	.sq-lg h3{font-size:16pt;}
	.sq-sm h3{font-size:16pt;}
	.product-info h3{font-size:16pt}
	.rect p{font-size:10pt;}
	.sq-lg p{font-size:10pt;}
	.sq-sm p{font-size:10pt;}
	.product-info p{font-size:10pt;}
	footer{max-height:100%}
	.footer-left{;padding:2px 0px 0px 12px;}
	.footer-left span{display:inline;}
	.footer-content p{font-size:8pt;}
	.footer-right{display:none;}
	.social-icons{text-align: right;padding-right:8px;}
	#email-submit{margin:0;float:right;}
	.g-recaptcha{float:left;padding-bottom:24px}
	.product-image{display:none;}
	.bio-row{height:inherit;}
	.LI-profile-badge{padding:0;float:none;}
	.bio-image{display:none;}
	.bio-name h3{font-size:16pt;}
	.bio-title{font-size:14pt;}
}

@media screen and (max-width:767.98px){
	.page-header{height:auto;}
	.page-header h1{font-size:20pt;}
	.rect h3{font-size:16pt;}
	.sq-lg h3{font-size:16pt;}
	.sq-sm h3{font-size:16pt;}
	.product-info h3{font-size:16pt}
	.rect p{font-size:13pt;}
	.sq-lg p{font-size:13pt;}
	.sq-sm p{font-size:13pt;}
	.product-info p{font-size:10pt;}
	.product-hide{display:none;}
	.ds-category h3{font-size:18pt;}
	#datasheets-filter{font-size:10pt;padding-top:10px;}
	#jump-to{display:none;}
}

@media screen and (max-width:575.98px){
	.page-header h1{font-size:18pt;}
	body{padding-bottom:120px;}
	.jumbotron h1{font-size:32pt;}
	.jumbotron p{font-size:20px}
	.sq-lg p{font-size:10pt;}
	.sq-sm p{font-size:10pt;}
	.rect p{font-size:10pt;}
	.product-info p{font-size:9pt;}
	footer{max-height:100%;}
	.footer-left{display:block;text-align:center;padding:0px;margin-bottom:5px;}
	.social-icons{padding-bottom:0px;text-align: center;padding-right:0px;}
	.footer-content p{font-size:10pt;}
	#products{display:none;}
	#datasheets-filter a{padding:0}
}

@media screen and (max-width:494.98px){
	#email-submit{margin:0;}
	.g-recaptcha{float:right;padding-bottom:12px}
}

@media screen and (max-width:374.98px){
	.sq-lg h3{font-size:16pt;}
	.sq-lg p{font-size:9pt;}
	.sq-sm h3{font-size:16pt;}
	.sq-sm p{font-size:9pt;}
	.rect h3{font-size:16pt;}
	.rect p{font-size:9pt;}
}