/* Theme Name: California Industrial Rubber */
#blog-block-2 {
	display: none;
}
.content-block img {
	max-width: 100%;
	height: auto;
}
.content-block .flex-col {
	max-width: 100%;
}
.icons-inner .item {
	max-width: 100%;
}
/* Default */
.btn{background: #20559d; color: #fff;}
.btn:hover, .btn:focus{background: #e62429; color: #fff;}
a{color: #20559d;}
a:hover, a:focus{color: #e62429;}
#header.sticky{position: fixed; top: 0; right: 0; left: 0;background: #fff;z-index: 11;}
#header.sticky .navbar{margin-bottom: 0;}
#header.sticky .logo img {width: 40%;}
ul.col-2{column-count:2;list-style:inside;}
/* .interior-page .carousel-caption{display: none;} */
.page-id-1734 .feat img{
	padding-right: 12px; 
}
/* Header */
#header{position:absolute;width:100%;z-index:10;padding:20px 50px;}
#main-nav a {text-transform: uppercase; font-size: 16px;}
.main-nav{text-align: center;}
.mobile-menu-toggle-box{display: none;}
.c2a{width: 100%;}
.mobile-logo{display: none;}
#menu-main-menu > .active.dropdown .dropdown-menu a{color: #20559d;}
.dropdown-menu {
	overflow: auto;
	max-height: calc(100vh - 70px);
}
.sticky .dropdown-menu {
	max-height: calc(100vh - 65px);
}
span.product-heading{
	min-height: 75px;
    display: inline-block;
}
/* Banner */
#banner:before{content: '';position: absolute;top: 0;right: 0; bottom: 0;left: 0;background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 80%, rgba(255,255,255,0.8603816526610644) 88%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 80%, rgba(255,255,255,0.8603816526610644) 88%);
background: linear-gradient(0deg, rgba(0,0,0,0) 80%, rgba(255,255,255,0.8603816526610644) 88%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);z-index: 2;}
.home #banner{height: auto!important;}
.d-top{ display:block; } 
.m-top{display:none; visibility:hidden; } 
/* Home */
.home .carousel-caption{text-transform: uppercase;font-size: 20px;}
#bottom-content{color:#fff;text-align:center;padding:150px 0;background-attachment:fixed;background-size:cover;background-position:center;box-shadow: 0 0 20px inset #000;text-transform: uppercase;}
#bottom-content h2{padding-bottom: 20px;}
#products{padding: 50px 0;text-align: center; text-transform: uppercase;font-size: 16px;}
.products-inner{border-top: 2px solid #ccc;padding-top: 30px;}
.certification-logos{padding-top: 20px;padding-bottom: 30px;}

/* Footer */
.sitemap .list-inline>li {display: block;}
.address-footer, .branch, .branch-email, .branch-phone {display: block;}
.locations-map img {max-width: 100%; width: 250px;}
.contact-info-inner{padding: 30px 15px;}
.locations{padding-bottom: 20px;}
.contact-info-container .social-icons {font-size: 25px;}
.contact-info-container .social-icons > a{padding: 0 2px;}
.branch{font-size: 18px; color: #e62429;}
.locations-container{padding: 0 20px;}
.copyright{text-align: center; padding: 10px 0;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {#contact-info .flex-4-col{width: 25%;flex: 1;}}

.overflow{overflow: hidden}



/*IPS*/
div#contact-wrapper{background: #fff;}
div#contact-wrapper .current-menu-item{background:#e62429;}
div#contact-wrapper .current-menu-item a:hover{color: #20559d}
#menu-main-menu > .active {background:#e62429;color: #fff;}
#menu-main-menu > .active a{color:#fff;}
.page-id-589 #feature-block-2, .page-id-605 #feature-block-2, .page-id-602 #feature-block-2, .page-id-596 #feature-block-2, .page-id-599 #feature-block-2, .page-id-592 #feature-block-2{display: none;}
.page-id-632 #content-block-1 .flex-display-align{align-items: flex-start;}
.page-id-636 .content u, .page-id-636 .content-block u {font-size: 18px;}


span.captionHeading{font-size: 36px;margin: 0; font-weight: 500; }
body:not(.page-template-page-service-details) .content-block{padding: 50px 0;}



/*Locations*/
.icons-inner{padding-bottom: 50px}
.icons-inner .item{text-align: center;}
.icons-inner .item a:hover img{transform: scale(1.2);transition: all linear .5s;}
.icons-inner .item img{transition: all linear .5s; padding: 10px;}
.hover-opt{overflow: hidden;}
span.anchor-link-title{font-size: 24px; letter-spacing: 1px; text-transform: uppercase;font-weight: bold;}
.featured-products-heading{text-align: center;font-size: 26px; padding-bottom: 20px;}
.product-single{padding: 0 10px;}
.feature-block{padding-bottom: 50px;}
.branch-manager{display: block; color: #fff; font-size: 16px;}

/*Products*/
.page-id-581 .icons-inner  .flex-container,.page-id-1734 .icons-inner .flex-container, .page-id-569 .icons-inner .flex-container{width: 85%; margin: auto;}
.page-id-569 span.anchor-link-title{font-size: 18px; letter-spacing: 0px;}
.page-id-581 span.anchor-link-title{font-size: 18px; letter-spacing: 0px;}
.products-inner .product{padding:10px;}

.icons-inner .item img {max-width: 399px;}
.page-id-1734 .icons-inner .item img{
	max-width: 100%;	
}

/*Single Products & Single Services*/
ul.side-nav{list-style: none;padding: 50px 20px;}
div.side-nav{text-align: center;}
ul.side-nav li{padding: 7px 5px;text-align: left; }
ul.side-nav li a{font-size: 18px;color: #fff;text-transform: uppercase;}
div.side-nav{background: #235496;border-right: solid 2px #e62429;}
ul.side-nav li a:hover{color: #e62429;}
.page-template-page-service-details .feat{padding:0 15px;}
.content-container{padding:50px;}
.content-block{padding:15px 0;}
.table-heading{display:block;font-weight:bold;font-size:18px;padding-bottom:15px;}
.table-row.title-row{font-weight:bold;font-size:16px;text-align:center;}
.table-row.title-row > .table-cell{border:none;}
.table-row:nth-of-type(even){background:#eee;}
.table-cell{border:1px solid #444;padding:10px;}

/*About*/
.side-nav h2{color: #fff;}
.page-template-page-about .side-nav{padding:15px; text-align: left; margin-right: 20px; display: flex; align-items: center; flex-direction: column;border:solid 2px #e62429; }
.page-template-page-about .side-nav a{font-size: 18px; color: #fff;text-transform: uppercase; padding: 7px 14px; background: #e62429; color: #fff; margin: 5px;text-align: center}
.page-template-page-about .side-nav a:hover{color: #20559d;}
.page-template-page-about .side-nav p{line-height: 2.3em;margin: 0;display: flex; flex-direction: column;}
.page-template-page-about .side-nav h2{padding-bottom: 15px;position: relative;margin-bottom: 10px;}
.page-template-page-about .side-nav h2:before{width: 75px; margin: auto; content: ""; position: absolute; background: #e62429; padding: .5px 0;bottom: 0;left: 0; right: 0;}
.page-template-page-about .content-block{position: relative;}
.page-template-page-about .content-block:before{content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 70%; padding: .5px; background: #e62429;margin: auto;}
.page-template-page-about .content-block .flex-70 p:first-of-type{margin-top: 0;}


/*Blog*/
.blog-box{padding: 20px;text-align: center;position: relative;}
.blog-box:before{position: absolute;content: ""; left: 0; right: 0; bottom: 0; width: 100%; margin: auto; padding: 1px; background:#e62429; }
.blogs{border-radius: 20px;}
.blogs a img{transition: all linear .5s;}
.blogs a:hover .blog-box img{transform: scale(1.2); transition: all linear .5s;}
.blog-box h2{padding-bottom: 0px;width: 100%;display: inline;position: relative;font-size: 21px;}
.blog-inner .widget ul{list-style: none; text-align: center; padding: 0;}
.blog-inner .blog{padding:10px 0;}
.blog-content{display: flex; align-items: center;flex-wrap: wrap;text-align: left; margin-top: 10px;}
.blog-content > p{flex-basis:0;flex-grow:1;}
.blog-box p{line-height: 2.3em;}
.hover-feat{overflow: hidden;flex-basis:0;flex-grow:1;margin: 20px;}
.blog-inner .widget h2{padding:15px 0;text-align: center}
.blog-inner .widget ul li{padding: 5px 0; font-size: 16px; }
.blog-inner{padding: 50px 0;}
span.event-title{color: #fff; position: relative;font-size: 16px;}
.flex-col.sidebar{border: solid .7px #e62429; background: #235496;margin:20px;}
.events-inner-box{overflow:hidden;}
.event-item{position:relative;top:0;left:0;padding: 25px 0;text-align: left;}
.event-item:before{position: absolute; content: ""; left: 0; right: 0; bottom: 5px; width: 100%; margin: auto;padding: 1px; background: #fff;}
.scrolls{text-align: center;font-size: 2.5em;}
.scrolls > div{cursor:pointer;}
.sidebar{padding: 20px; }
.sidebar h2{text-align: center;padding-bottom: 30px;color: #fff}
.read-more-text{background: #e62429; padding: 3px 12px; color: #fff; margin: 5px 0;border:solid 2px #e62429;display: block;display: inline-block;}
.blogs a:hover .read-more-text{background: #fff; color: #e62429;}
.event-item >a { position: absolute;left: 0;display: flex;right: 0;top: 0;bottom: 0;flex-direction: column;   justify-content: center;}
.event-item:hover span.event-title{color: #e62429;}
.event-item:hover:before{background: #e62429}

.page-id-564 #contact-wrapper{padding: 50px 0;}
/*Single Location*/
.page-template-page-contact .feat{padding: 10px;}
.page-template-page-contact .form-map-row{width: 80%; margin: auto;}
.formheading{padding: 25px 0; text-align: center;background:#235496; }
.formheading h2{color: #fff}
.formheading a{color: #fff;font-size:21px;}


div#gform_wrapper_3,
div#gform_wrapper_14,
div#gform_wrapper_10,
div#gform_wrapper_11,
div#gform_wrapper_13,
div#gform_wrapper_9,
div#gform_wrapper_12,
div#gform_wrapper_1{padding: 25px 15px; text-align: center; background:#e62429;text-align: center;}





div#gform_wrapper_3 h2,
div#gform_wrapper_14 h2,
div#gform_wrapper_10 h2,
div#gform_wrapper_11 h2,
div#gform_wrapper_13 h2,
div#gform_wrapper_9 h2,
div#gform_wrapper_12 h2,
div#gform_wrapper_1 h2{color: #fff;text-align: center;}
.form-map-row  > .flex-col:not(.form){text-align: center;padding: 25px 0; background: #20559d;padding-bottom: 0;overflow: hidden;display: flex; align-items: center;flex-direction: column;}
.form-map-row  > .flex-col:not(.form) h2{color: #fff;}

.form.flex-col{padding: 0 15px;}
.contact-page-map-box{height: 100%;width: 100%;color: #fff;border-top: 10px;padding-top: 15px;}
.contact-page-map-box > p{height: 100%;}
.contact-page-map-box iframe{height: 100%;}
.page-template-page-contact .contact-inner{padding-bottom: 50px;}
.gform_wrapper{margin: 0 !important;}
.form-map-row > .flex-col:not(.form) a{font-size: 18px;color: #fff;}
.form-map-row > .flex-col:not(.form) a:hover{color: #e62429;}
.form-map-row > .flex-col:not(.form) > p{line-height: 2.3em;}
input#gform_submit_button_1{width: 100%;}


/*Contact Page*/

.page-id-564 .form-map-row .flex-col:last-of-type h2{color: #fff;}
.page-id-564 .form-map-row .flex-col:last-of-type{padding:15px 0 0 0; text-align: left; margin-left: 20px; display: flex; align-items: center; flex-direction: column;background: #235496; }
.page-id-564 .form-map-row .flex-col:last-of-type a{font-size: 18px; color: #fff;text-transform: uppercase; padding: 7px 14px; background: #e62429; color: #fff; margin: 5px;text-align: center}
.page-id-564 .form-map-row .flex-col:last-of-type a:hover{color: #20559d;}
.page-id-564 .form-map-row .flex-col:last-of-type p{line-height: 2.3em;margin: 0;display: flex; flex-direction: column;}
.page-id-564 .form-map-row .flex-col:last-of-type h2{padding-bottom: 15px;position: relative;margin-bottom: 10px;}
.page-id-564 .form-map-row .flex-col:last-of-type h2:before{width: 75px; margin: auto; content: ""; position: absolute; background: #e62429; padding: .5px 0;bottom: 0;left: 0; right: 0;}





/*404*/
.error404 #contact-wrapper{ padding: 50px 0 10rem 0;}
/*Thank You*/
h1.message{font-size: 50px;  text-align: center;  padding-top: 50px;  padding-bottom: 50px;}
/*Sitemap*/
.sitemap-page ul{list-style: none; padding: 0; text-align: center}
.sitemap-page ul li{font-size: 21px; font-weight: bold; padding: 5px 0;}
.sitemap-page a{color: #000;}
#menu-sitemap-menu li a{text-transform: uppercase;}
.sitemap-page a:hover{color: #e62429;}
.page-template-page-thank-you h1{padding:20px 0;text-align: center;}
.page-template-page-thank-you #page-content{padding: 50px 0;}
/*Single*/
.single #banner img{width: 100%;}
.single #page-content h1{text-align: center;}
.single #page-content{padding: 50px 0;}


.btn-link {width:100%; display: block;text-align: center;}
.btn-link a {display: inline-block; white-space: normal;}

#list-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
  margin: 0;
}
#list-wrap > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.list-box ul {padding-left:15px;}

.img-wrap {text-align: center; display: block;}
.img-wrap img {width:auto; display:inline-block; margin:5px 20px;}


.center-link {display:flex; justify-content: center; margin-bottom: 30px;}

.footbadge {display: flex; justify-content: center;text-align: center;margin-top: 30px;}

.footer-wrap {justify-content: space-around;}
.foot-loc {max-width: 100%; width: 815px;}


/* Media */
@media screen and (max-width:1200px){
	.page-id-569 .icons-inner .item{flex: 1 1 50%;}
	.page-id-581 .icons-inner .item{flex: 1 1 50%;}
	.page-template-page-service-details .content-block .flex-container.flex-display-align.flex-col{padding: 50px 10px;}
	ul.side-nav li a{font-size: 14px;}
	.page-template-page-contact .form-map-row{width: 98%;}
}
@media screen and (max-width: 1190px){
	#menu-main-menu > li{padding: 15px 10px;}#main-nav a{font-size: 14px;}.logo{width: 20%;}.main-nav{width: 80%;}.locations-container{flex: 1 1 60%;}.sitemap-section, .locations-map{flex: 1 1 20%;}
}
@media screen and (max-width: 991px){
	.d-top{ display:none; visibility:hidden; } 
	.m-top{ display:block; visibility: visible; } 
	.dropdown-menu {max-height: calc(100vh - 130px);}
	.sticky .dropdown-menu {max-height: calc(100vh - 135px);}
	.dropdown:hover .dropdown-menu{animation: none;}
	.form-map-row > .flex-col:not(.form){margin: 15px 0}
	.contact-page-map-box{height: 500px;}
	.page-template-page-about .flex-70-full{flex: 1 1 100%;}
	.page-template-page-about .side-nav{display: none;}
	.flex-20{display: none;}
	.page-id-585 .icons-inner .item{flex: 1 1 50%;}
	#main-nav a{font-size: 16px;text-align: center;}#bottom-content{background-attachment:scroll;}.product{flex: 1 1 50%;}.locations-container, .sitemap-section, .locations-map{flex: 1 1 100%;text-align: center;}.locations-container{padding-top: 20px;}.main-nav, .logo{width: 100%;}.logo img {text-align: center; display: block; margin: 0 auto;}.carousel-caption{position: relative; background: #ccc; left: 0; right: 0;bottom: 0; top: 0;}
    .page-template-page-service-details .feat{padding:20px 0;}
}
@media screen and (max-width: 890px){}
@media screen and (max-width: 767px){
    .content-container{padding:10px;}
	.page-template-page-service-details .feat{padding:0px}
	.page-template-page-service-details .content-block .content{padding: 20px 10px;}
	.page-id-581 .icons-inner .item{flex: 1 1 100%;}
	.page-id-569 .icons-inner .item{flex: 1 1 100%;}
	.page-id-585 .icons-inner .item{flex: 1 1 100%;}
	div#header{background: #fff;}.main-nav{width: 100%;}.locations{flex: 1 1 50%;}.carousel-caption{padding: 20px;}.c2a{background: #e62429;}.c2a a {color: #fff;}.navigation a, .nav-toggler, .main-nav .nav-list .menu-item a{color: #20559d;}#header.sticky{position: relative; top: 0; right: 0; left: 0;background: #fff;z-index: 11;}#header.sticky .logo img{width: auto;}
	.mobile-logo{display: block;}.desktop-logo{display: none;}
	.mobile-menu-toggle-box{display: block;font-size:22px;font-weight:bold;transition:all ease .7s;color: #fff;}
	.mobile-menu-toggle-box:hover{cursor:pointer;transition:all ease .7s;}
	#menu-main-menu{background:#fff;display:none;padding:10px;position:absolute;top:50px;right:0;box-shadow:0 0 10px #000;z-index: 15;width: 100%;overflow-y:auto;max-height: 250px;}
	.dropdown-menu>li>a{white-space: normal;}
	#menu-main-menu > li{display:block;padding:5px;}
	.navigation.flex-display-align{position: absolute; right: 0; top: 0;}
	.dropdown-menu{position:relative;width:100%;margin:5px 0 15px;}
	.dropdown-menu{display:none;}
	.dropdown-menu a{font-size:14px!important;letter-spacing:0px!important;}
	.dropdown-toggle .caret{border:none;}
	.dropdown-toggle .caret:after{color: #20559d;content: "\f0da";font-family:"Font Awesome 5 Free";font-weight: 900;position:absolute;font-size:24px;transition:transform ease .5s;}
	.dropdown-toggle .caret.active:after{transform:rotate(90deg);top:-5px;transition:transform ease .5s;}
    ul.col-2{column-count:1;}
    .table-row.title-row{font-style:italic;}
    .table-row.title-row > .table-cell{padding:5px;}
}
@media screen and (max-width: 500px){
	.product, .locations{flex: 1 1 100%;}
}
@media screen and (max-height: 650px){
	.main-nav .nav-list .menu-item a{padding: 5px;}#main-nav a{font-size: 13px;}
}