/* 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%;
}

#header .logo-container{
	display:inline-block;
	float:left;
	flex:auto;
}
#header span.additional-links{
	display: inline-block;
    float: left;
    padding: 5px;
    font-size: 16px;
	flex:auto;

}
#header span.additional-links a{
	color:#000;
}
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;
}
.bottom-logo {
	flex: 0 0 40%;
	margin: auto;
	padding: 0 0 10px 0;
}
.main .logos {
	display: flex;
	flex-wrap: wrap;
	column-gap: 15px;
	row-gap: 15px;
	margin: 50px 0;
	justify-content: center;
	align-items: center;
}
.main .logos .logo-col {
	flex: 0 1 auto;
}
.main .logos img {
	max-height: 90px;
	width: auto;
}
/* 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) {
	.mobile-logo span.additional-links{
		float:unset!important;
	}
	.mobile-logo{
		text-align:center;
	}
	#header{
		background:#fff;
	}
	.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;
	}
}