@charset "utf-8";

/*----- Stylesheets -----*/
@import "bootstrap.min.css";
@import "revolution-slider.css";
@import "owl.carousel.css";
@import "animate.css";
@import "cubeportfolio.min.css";
@import "cocoen.min.css";

/*----- Fonts -----*/
@import url(https://fonts.googleapis.com/css?family=Oswald&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import "simple-line-icons.css";
@import "ionicons.min.css";

/*----- General ----*/
html,
body {
	height: 100%;
	min-height: 100%;
}
html { -webkit-font-smoothing: antialiased; }
body {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	color: #1c1c1c;
}
a {
	background: transparent;
	outline: none;
	text-decoration: none;

	-webkit-transition: .2s cubic-bezier(0.25,.46,.45,.94);
	transition: .2s cubic-bezier(0.25,.46,.45,.94);
	-webkit-transition-property: background-color,color;
	transition-property: background-color,color;
}
a:active,
a:hover,
a:focus {
	outline: 0;
	color: #1c1c1c;
	text-decoration: none;
}
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: 0;
	outline : 0;
}
.flexbox-wrap { display: -webkit-box; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; }
@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1425px;
		width: 100%;
		padding: 0 90px;
	}
}
@media (min-width: 768px) and (max-width: 992px)) {
	.container {
		width: 100%;
	}
}
@media only screen and (max-width: 640px) {
	.col-xxs-12 {width:100%;}
}
.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	width: 20%;
	float: left;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'benton-sans-wide', sans-serif;
	font-weight: 700;
	line-height: 1;
	color: #1c1c1c;
}
h1 small, h2 small, h3 small {
	font-family: 'Open Sans', sans-serif;
	font-weight: 200;
	color: #1c1c1c;
}
h4 small, h5 small, h6 small {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #1c1c1c;
}
h4 {
	font-size: 20px;
	letter-spacing: 0px;
}
p {
	color: #7a7a7a;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
}

h5.highlight {letter-spacing: 0.5px; font-size:16px;}

.section-title {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 24px;
}
.subheading {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	margin-bottom: 42px;
}
.subheading:after {
	position: relative;
	display: block;
	content: "";
	height: 2px;
	margin: 20px auto 20px;
	width: 115px;
	background: #7a7a7a;
}
.subheading.grey:after {
	background: #fff!important;
	opacity: .4;
}
.subheading-2 {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	margin-bottom: 20px;
}
.subheading-2:after {
	position: relative;
	display: block;
	content: "";
	height: 2px;
	margin: 20px auto 20px;
	width: 115px;
	background: #7a7a7a;
}
.subheading-2.grey:after {
	background: #fff!important;
	opacity: .4;
}
.content-title {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	margin-top: 0;
	margin-bottom: 22px;
	font-family: 'benton-sans-wide',sans-serif;
	font-size: 35px;
}
.project-title {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0px;
	margin-top: 30px;
	margin-bottom: 10px;
	font-family: 'benton-sans-wide',sans-serif;
	font-size: 50px;
}
@media (max-width:600px) {
	.project-title {
		font-size: 24px;
	}
}
.project-subtitle {
	margin-bottom: 50px;
	font-size: 14px;
}
.uppercase {
	text-transform: uppercase;
}
.p-info {
	line-height: 1.8;
	font-size: 14px;
}

/* Preloader */
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	z-index: 9999;
}
#preloader .loader {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin-top: -25px;
	margin-left: 0px;
}

@media (max-width: 450px) {
	#preloader .loader {
	margin-left: 0px;
}
}

#preloader .spinner{
    width: 125px;
    height: 125px;
    
    border: 2px solid #f3f3f3;
    border-top:3px solid #fb6317;
    border-radius: 100%;
    
    position: absolute;
    top:0%;
	left:0;
	right:0;
	bottom:0;
    margin: auto;
    
    animation: spin 1s infinite linear;
}

@keyframes spin {
    from{
        transform: rotate(0deg);
    }to{
        transform: rotate(360deg);
    }
}

#preloader .icon {
  width:75px;
  height:75px;
    position: absolute;
    top:0;
	left:0;
	right:0;
	bottom:0;
  margin:auto;
  display:block;
	animation-duration: 3s;
  animation-iteration-count: infinite;
}

#preloader p {
    position: absolute;
    text-align: center;
    display:block;
    width:300px;
    top:60%;
	left:0;
	right:0;
    margin:auto;
}


/*----- Typography -----*/
@media (min-width: 992px) {
	h1 {
		font-size: 66px;
		letter-spacing: 0px;
	}
	h1 small {
		font-size: 66px;
		letter-spacing: 0px;
	}
	.lead {
		font-size: 16px;
		font-weight: 400;
		color: #7a7a7a;
		margin-bottom: 50px;
	}
	h2 {
		font-size: 50px;
		letter-spacing: 0px;

	}
	h2 small {
		font-size: 50px;
		letter-spacing: 0px;
	}
}
.white {
	color: #fff;
}
.grey {
	color: #d3d3d3;
}
.size-8x { font-size:8em }
.size-7x { font-size:7em }
.size-6x { font-size:6em }
.size-5x { font-size:5em }
.size-4x { font-size:4em }
.size-3x { font-size:3em }
.size-2x { font-size:2.5em }
.size-1x { font-size:1em }

/*----- Backgrounds ------*/

#home-parallax-fullscreen {
	background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-1.jpg");
}
#home-parallax-fullwidth {
	background-image: url(https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-1.jpg);
}
#home-landing {
	background-image: url(https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-1.jpg);
}
.parallax-section-1 {
	background-image: url(https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-product-1.jpg);
}
.parallax-section-2 {
	background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-9.jpg");
}
.parallax-section-3 {
	background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-8.jpg");
}
.parallax-section-4 {
	background-image: url(https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-10.jpg);
}
.parallax-section-5 {
	background-image: url(https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-6.jpg);
}
.parallax-section-6 {
	background-image: url(https://static.dormanproducts.com/images/marketing/tour/backgrounds/bg-6.jpg);
}
.parallax-section-7 {
	background-image: url(https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-7.jpg);
}
.parallax-section-8 {
	background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-11.jpg");
}
.parallax-section-9 {
	background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-12.jpg");
}
.parallax-section-10 {
	background-image: url(https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-product-3.jpg);
}
.parallax-section-11 {
	background-image: url(https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-13.jpg);
}
.parallax-section-12 {
	background-image: url(https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-product-3.jpg);
}


/*----- Home Sections -----*/
#home-parallax-fullscreen,
.parallax-section-1,
.parallax-section-2,
.parallax-section-3,
.parallax-section-4,
.parallax-section-5,
.parallax-section-6,
.parallax-section-7,
.parallax-section-8,
.parallax-section-9,
.parallax-section-10,
.parallax-section-11,
.parallax-section-12{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 100%;
	height: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	z-index: 1;
	display: block;
	position: relative;
}

.parallax-hero {padding-top:100px !important; padding-bottom:120px!important}
.parallax-ty   {padding-top:200px !important; padding-bottom:220px!important}
.parallax-bg-scroll{background-attachment: scroll !important;}

#home-parallax-fullwidth{
	background-position: center 0%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: table;
	width: 100%;
	min-height: 400px;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	z-index: 1;
}
@media (min-width:768px) {
	#home-parallax-fullwidth{
		height: 600px;
	}
}
@media (max-width:768px) {
	#home-parallax-fullwidth{
		height: 400px;
	}
	.dtc-logo {max-width:300px !important;}
	
	.parallax-hero { padding-top:100px !important;}
}
@media (max-width:500px) {
	.parallax-hero {padding-top:50px !important; padding-bottom:50px !important}
	.video-section .row {margin-top:0px !important;}
	.video-section h3,
	.section-title,
	#advanced h3.content-title {font-size:20px !important; line-height:30px !important;}
	.section-subhead {font-size:16px !important; line-height:24px !important; margin-bottom:20px !important;}
	.center-container-menu h3.section-title {font-size:30px !important;}
 }

.menu-img:after,
#home-parallax-fullscreen:after,
.parallax-section-1:after,
.parallax-section-2:after,
.parallax-section-3:after,
.parallax-section-4:after,
.parallax-section-6:after,
.parallax-section-7:after,
.parallax-section-8:after,
.parallax-section-9:after,
.parallax-section-11:after,
.parallax-section-12:after,
#hero:after {
	content: "";
	position: absolute;
	background: url(https://static.dormanproducts.com/images/marketing/tour/assets/dot-pattern.png) repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
}
.garage-image:after,
.garage-hero:after,
.menu-img:after,
#home-landing:after,
#home-parallax-fullwidth:after,
#page-top .hero:after {
	content: "";
	position: absolute;
	background: url(https://static.dormanproducts.com/images/marketing/tour/assets/dot-pattern.png) repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.tp-banner li:after {
	content: "";
	position: absolute;
	background: url(https://static.dormanproducts.com/images/marketing/tour/assets/gridtile.png) repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 0!important;
}
.tp-banner-video li:after {
	content: "";
	position: absolute;
	background: url(https://static.dormanproducts.com/images/marketing/tour/assets/gridtile.png) repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2!important;
}
#page-hero {
	height: 400px;
}
#home-landing {
	background-position: center 0%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	z-index: 1;
}
#home-parallax-fullscreen {
	display: table;
}
.home-container {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 3;
}
.home-title {
	position: relative;
	text-transform: uppercase;
	color: #1c1c1c;
	z-index: 3;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
}
#home-parallax-fullwidth .home-title {
	margin-top: 130px;
}
.home-title h1 {
	letter-spacing: 2px;
}
.home-heading {
	font-family: 'benton-sans-wide',sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
}
@media (min-width:992px) {
	.home-heading {
		font-size: 60px;
	}
}
@media (min-width:768px) and (max-width:992px) {
	.home-heading {
		font-size: 55px;
	}
}
@media (max-width:600px) {
	.tp-banner .home-subheading {
		display: none;
	}
}
@media (max-width:500px) {
	.tp-banner .btn {
		display: none;
	}
}
.home-subheading {
	font-family: 'benton-sans-wide',sans-serif;
	font-size: 20px;
	letter-spacing: .5px;
	font-weight: 400;
	color: #ccc;
	z-index:999!important;
}
.tp-banner .home-subheading {
	line-height: 40px!important;
}
.home-button {
	margin-top: 80px;
}
.home-bottom {
	position: absolute;
	z-index: 99;
	width: 100%;
	left: 0;
	bottom: 30px;
	text-align: center;
	opacity: 0.9;
}
#home-landing .home-bottom {
	z-index: 3;
}
.move {
	width: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.bounce {
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-ms-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}
.home-bottom a {
	padding-top: 7px;
	padding-bottom: 17px;
	padding-left: 7px;
	padding-right: 7px;
	color: #FFFFFF;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.home-bottom a:hover {
	opacity: .9;
}
.home-bottom a {
	font-size: 22px;
}

/*----- Home Revolution Slider -----*/
#home-revolution-slider  {
	width: 100%;
	height: 100%;
	min-height: 100%;
}
.hero {
	position: fixed;
	z-index: 1;
	top: 0;
	bottom:  0;
	left: 0;
	right: 0;
	background-size: cover;
}
.content {
	position: relative;
	z-index: 3;
	background-color: #fff;
}
.home-heading,
.home-subheading,
.home-button {
	position: relative;
	z-index: 1;
	text-align: center;
	transform: translateY(0px);
	/*-webkit-transition: 1s opacity ease-in-out;*/
}
.tp-loader.spinner1 {
	width: 40px;
	height: 40px;
	background: url(https://static.dormanproducts.com/images/marketing/tour/assets/rev-loader.GIF) no-repeat center center;
	background-color: transparent;
	box-shadow:  none;
	-webkit-box-shadow: none;
	margin-top: -20px;
	margin-left: -20px;
	-webkit-animation: none;
	animation: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;
	margin-top: 0;
	z-index: -1;
}
.tparrows.preview4:after {
	background: #fff;
	background: rgba(255,255,255,.05);
}
.tp-caption a {
	color: #fff;
	padding: 9px 22px;
	margin: 0 7px 0 7px;
	text-transform: uppercase;
}
.tp-caption a:hover {
	color: #fff;
}
.html5-video-container video {
	width: 100%!important;
	height: auto!important;
	left: 0!important
}
.tp-banner-video video {
	min-width: 100%;
}

/*----- Header -----*/
nav {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
@media (min-width: 1360px and max-width: 1920px) {
	nav { max-width: 1903px; }
}
@media (max-width: 1360px) {
	nav { max-width: 1343px; }
}
.navbar {
	min-height: 55px;
	border: none;
}
.navbar-default {
	position: fixed;
	background-color: #fff;
	border-radius: 0;
	border-color: none;
	border-bottom: none;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	z-index: 4;
	/*border-bottom: 1px solid rgba(255,255,255,0.25);*/
}
.navbar-alt {
	background-color: transparent;
}
.navbar-small {
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.15);
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.15);
}
.navbar-default .container {
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.navbar-small .container {
	padding-top: 0px;
	position: relative;
}
@media (min-width: 992px) {
	.navbar-alt .container {
		margin-top:10px;
	}
	.navbar-small .container {
		margin-top:0px;
	}
}
.navbar-default .navbar-right {
	font-family: 'benton-sans-wide', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	height: 100%;
	letter-spacing: 0.5px;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.navbar-alt .navbar-right {
	margin-top: 35px;
	margin-bottom: 10px;
}
.navbar-small .navbar-right {
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.navbar-alt .navbar-nav > li > a,
.navbar-alt .navbar-nav > li > span {
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.navbar-small .navbar-nav > li > a,
.navbar-small .navbar-nav > li > span {
	color: #1C1C1C;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.navbar-nav>li>a,
.navbar-nav>li>span {
	margin-top: 3px;
	padding-top: 16px;
	padding-bottom: 13px;
}
.navbar-nav>li>span {
	line-height: 20px
}
.nav>li>a,
.nav>li>span {
	padding-left: 10px;
	padding-right: 10px;
}
.nav > li > span {
	position: relative;
	display: block;
	cursor: pointer;
}
.navbar-nav .caret {
	margin-left: 3px;
	margin-top: -3px;
}
/*Navbar Toggle*/
.navbar-default .navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 2px;
	margin-top: 26px;
	margin-right: 0px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: none;
	border-radius: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.navbar-small .navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 0px;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: none;
	border-radius: none;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
	outline: none;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 2px;
}
/*Navbar Collapse Menu*/
.navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
	color: #3a3a3a;
}
.navbar-default .navbar-nav>li>a:focus {
	color: #f5f5f5;
}
.navbar-small .navbar-nav>li>a:focus {
	color: #1c1c1c;
}



/*Navbar Collapse*/
@media (max-width: 992px) {
	.navbar-default .navbar-collapse {
		margin-top: 18px;
		padding-right: 0px;
		padding-left: 0px;
	}
	.navbar-small .navbar-collapse {
		margin-top: 0px;
	}
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: none;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-default .navbar-collapse {
		background-color: #1c1c1c;
	}
	.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
		margin-right: 0;
		margin-left: 0;
		padding-left: 25px;
		padding-right: 25px;
	}
	.container>.navbar-header {
		margin-right: 0;
		margin-left: 0;
		padding-left: 35px;
		padding-right: 35px;
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 0;
	}
	.navbar-default .navbar-toggle {
		margin-top: 44px;
	}
	.navbar-small .navbar-toggle {
		margin-top: 11px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a,
	.navbar-nav>li>span {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > span {
		color: #fff;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > span:hover {
		background: rgba(255,255,255, 0.03);
	}
	.collapse.in{
		  display:block !important;
	}
	.navbar-default .container {
		width: 100%;
	}
	.navbar-small .container {
		padding-right: 0px;
		padding-left: 0px;
		width: 100%;
	}
	.navbar-default ul.nav li {
		border-bottom: 1px dotted #2A2A2A;
	}

	.navbar-default ul li:last-child {
		border-bottom: none;
	}
	.navbar-default .navbar-right {
		margin-top: 7px;
		margin-bottom: 3px;
	}
}
@media (min-width: 768px) {
	.navbar-nav.navbar-right:last-child {
		margin-right: 0;
	}
}
.navbar>.container .navbar-brand {
	margin-left: 0;
}
.navbar-brand {
	float: left;
	height: 55px;
	padding: 15px 0 15px 0px;
	font-size: 30px;
	line-height: 20px;
}
/* Logo Big White */

.navbar-default .navbar-brand .logo-big {
	position:absolute;
	opacity: 1;
	width: 220px;
	margin-top: 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.navbar-default .navbar-brand .logo-small {
	position:absolute;
	width: 220px;
	margin-top: 5px;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.navbar-alt .navbar-brand .logo-big {
	margin-top: 35px;
}
.navbar-alt .navbar-brand .logo-small {
	margin-top: 35px;
}
/* End Logo Big White */
/* Logo Small Black */
.navbar-small .navbar-brand .logo-big {
	position:absolute;
	opacity: 0;
	width: 200px;
	margin-top: 3px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.navbar-small .navbar-brand .logo-small {
	position:absolute;
	opacity: 1;
	width: 200px;
	margin-top: 3px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;

}
/* End Logo Small Black */


@media (max-width: 768px) {
   .navbar-collapse {
	  max-height: none;
	  overflow-x: hidden;
   }
}

/*Dropdown*/
@media (min-width: 992px) {
	.navbar-default .container {
		max-width: 1245px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-right .dropdown-menu {
		right: auto;
		left: 0;
	}
	.dropdown-menu {
		background-color: #1C1C1C;
		border: 0;
		border-radius: 0;
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);
		margin: 0;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 0;
		padding-right: 0;
		top: auto;
	}
	.dropdown-menu > li > a {
		color: #CCC;
		font-size: 12px;
		font-weight: 400;
		text-transform: none;
		position: relative;
		padding: 11px 25px 11px 20px;
		border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
	}
	.dropdown-menu > li:last-child > a {
		border-bottom: 0;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
		text-decoration: none;
		background-color: #333;
	}
	.dropdown-menu {
		margin-top: 20px;
	}
	.dropdown > ul.dropdown-menu {
		visibility:hidden;
		display:block;
		margin-top: 20px;
		opacity: 0;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		transition: all 0.2s ease;

	}
	.dropdown:hover > ul.dropdown-menu{
		visibility:visible;
		opacity:1;
		display: block;
		margin: 0;
	}
	.dropdown-menu > .active > a {
		text-decoration: none;
		background-color: transparent;
		outline: 0;
	}
	.navbar-collapse.collapse {
		height: auto!important;
		padding-bottom: 0;
		overflow: visible!important;
	}
}
@media (max-width: 992px) {
	.dropdown-menu {
		float: none;
		position: static;
		background-color: transparent;
		box-shadow: none;
		border: none;
		margin-left: 15px;
	}
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > span {
		color: #fff;
	}
	.navbar-default ul li.open ul li {
		border-bottom: 0;
		padding: 5px;
		float: none!important;
	}

	.navbar-default ul li.open ul li a:hover {
		background-color: transparent;
	}
	.dropdown-menu li a {
		color: #f5f5f5;
		font-weight: 400;
		font-size: 12px;
	}
	.dropdown-menu>.active>a,
	.dropdown-menu>.active>a:hover,
	.dropdown-menu>.active>a:focus {
		background-color: transparent;
	}
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #CCC;
	}
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
	background-color: transparent;
}
.dropdown .arrow {
	font-size:9px;
}
.menu-padding {
	padding-top:70px;
}
.content {
	margin-top:0px;
}
.navbar .icon {
	font-size: 18px;
}
.navbar .social-icon {
	padding-left: 15px;
	padding-right: 0;
}


.main {
	padding-top: 60px;
	padding-bottom: 60px;
}
.main-text {
	margin-top: 20px;
	padding-right: 60px;
}
.main p {
	line-height: 1.8;
}
.video-container {
	position: relative;
	padding-bottom: 51%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/*----- History -----*/
#history {
	padding-top: 80px;
	padding-bottom: 65px;
}

/* Img Hover Effect */
.effects .img {
	position: relative;
	overflow: hidden;
}
.effects .img a {
	display: inline;
	margin: auto;
	padding: 0;
	max-width: 100%;
	height: auto;
	color: #fff;
}
.overlay {
	display: block;
	margin: 0 auto;
	position: absolute;
	z-index: 3;
	background: rgba(0, 0, 0, 0.8);
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all .5s;
}
.expand {
	display: block;
	position: absolute;
	z-index: 100;
	text-align: center;
	color: #fff;
	line-height: 50px;
	font-weight: 700;
	font-size: 20px;
	list-style: none;
	padding: 0;
}
.expand .social-icon {
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}
.expand .cbp-l-icon {
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}
.effect .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.effect .overlay .expand {
  left: 0;
  right: 0;
  top: 50px;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.effect:hover .img .img-responsive {
	transform: scale(1.25);
}
.effect .img-responsive {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all .25s ease-in-out;
}
.effect:hover .img .overlay {
  opacity: 1;
}
.effect:hover .img .overlay .expand {
  top: 52%;
  margin-top: -30px;
  opacity: 1;
}

.effect .cbp-item-wrapper .img {
	position: initial;
	overflow: hidden;
}
.effect:hover .cbp-item-wrapper .img .overlay .expand {
  top: 50%!important;
  margin-top: -30px;
  opacity: 1;
}

#oe-fix {padding-top:50px;}
.oefix-icon {max-width:250px}

.section-1 {margin-top:50px; margin-bottom:50px;}
.section-2 {margin-top:100px; margin-bottom:50px;}
.section-3 {margin-top:100px; margin-bottom:20px;}
.section-4 {margin-top:0px; margin-bottom:50px;}
.section-5 {margin-top:100px; margin-bottom:150px;}

@media (max-width: 767px) {
	.section-1, 
	.section-2, 
	.section-3,
	.section-4,
	.section-5 {margin-top:10px; margin-bottom:30px;}
	.main-content {padding-bottom:40px !important;}
	.oefix-icon {margin-top:20px;}
	.fact .fact-font,
	.fact h4 {text-align:center; display:block}
	.video-section h3 {
		width: 90%;
		display: block;
		margin: 0 auto;
		line-height: 40px;
	}
	.main-content {padding-top:30px !important;}
	.main-text {margin-top:0px; padding-right:15px;}
	.embed-responsive {margin-top:20px; margin-bottom:20px;}
	.garage-container {margin-bottom: 30px;}
}



.grey-section {padding-top:50px; padding-bottom:50px; background-color:#f7f7f7;}

.oe-fix-text-1 {margin-top:50px; font-style:italic;}
.oe-fix-text-2 {margin-top:10px; font-style:italic;}

.garage-container {width:100%; display:block; position:relative; height:400px;}
.garage-360 {position:absolute; left:0; right:0; z-index:2; top:40%;}
.garage-hero {
	background-image: url("https://static.dormanproducts.com/images/marketing/tour/assets/garage-hero.jpg"); 
	background-position: center center; 
	background-size: cover;
}
.garage-icon {height:80px; width:80px;}
.garage-icon:hover {opacity: 0.8;}


.creaformbtn {top:40%; left:28%;}
.printbtn {top:20%; left:15%;}
.farobtn {top:57%; left:10%;}

.owl-main {margin-top:120px;}
.crg-main {margin-top:50px;}
.value-ltr {margin-bottom: 15px;}
.value-hdl {font-size:14px; line-height:1.2;}
.value-txt {font-size:14px; line-height:24px;}

@media (max-width:1300px) {
	.creaformbtn {left:31%;}
	.printbtn {left:18%;}
	.value-hdl {font-size:12px; line-height:16px;}
	.value-txt {font-size:12px; line-height:20px;}
}

@media (max-width:1200px) {
	.creaformbtn {left:39%;}
	.printbtn {left:21%;}
}

@media (max-width:991px) {
	.creaformbtn {left:42%;}
	.printbtn {left:33%;}
	.farobtn {left:25%;}
	.owl-main {margin-top:0px;}
	.crg-logo {max-width:450px; width:90%; margin-top:30px;}
	#crg-slider > .owl-wrapper-outer, #brand-slider > .owl-wrapper-outer, #influencer-slider > .owl-wrapper-outer, #media-slider > .owl-wrapper-outer {margin-bottom: 40px;}
	.value-hdl {font-size:14px; line-height:1.2;}
	.value-txt {font-size:14px; line-height:24px;}
}
@media (max-width:767px) {
	.owl-main {padding-right:40px;}
	.crg-text {margin-top:24px; padding-right:60px;}
	.value-ltr {max-width: 350px; margin-top: 40px;}
}
@media (max-width:650px) {
	.farobtn {left:15%;}
	.crg-text {margin-top:24px; padding-right:60px;}
}
@media (max-width:425px) {
	.farobtn {left:10%;}
	.crg-text {margin-top:24px; padding-right:60px;}
	
}

/*----- Fun Facts -----*/
#fun-facts,
#fun-facts-2{
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
	z-index: 1;
}
#fun-facts.main-content-b {
	padding-top:10px;
	padding-bottom:10px;
}
.fact-container {
	padding-top:0px;
	padding-bottom:30px;
}
.fact h2 {
	font-size: 65px;
	letter-spacing: 0px;
	margin: 0;
	line-height: 65px;
}
.fact h4 {
	font-size: 18px;
	margin-bottom: 5px;
}
.fact p {
	font-size: 13px;
	margin-top: 3px;
}
.counter {
	font-family: 'benton-sans-wide', sans-serif;
	font-size: 50px;
	letter-spacing: 0px;
	margin: 0;
	line-height: 65px;
}
.fact-font {
	font-family: 'benton-sans-wide', sans-serif;
	font-size: 50px;
	letter-spacing: 0px;
	margin: 0;
	line-height: 65px;
}
#alternative .counter {font-size: 65px;}
#fun-facts .lead
#fun-facts-2 .lead {
	font-size: 16px;
}

/*----- Portfolio -----*/
.main-content {
	padding-top: 60px;
	padding-bottom: 100px;
}
.project-video,
.project-widget {
	margin-bottom: 60px;
}
.project-big-slider {
	margin-bottom: 20px;
}
.project-big-slider img {
	min-width: 100%;
}
.project-widget h4 {
	margin-top: 0;
}
.project-widget p {
	color: #7a7a7a!important;
}


/*----- Call To Action 1 -----*/
#call-to-action-1 {
	padding-top: 45px;
	padding-bottom: 53px;
}
#call-to-action-1 p {
	margin: 23px 0 30px 0;
	line-height: 1.8;
}

.btn-effect {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	color: #d8d8d8;
	font-family: 'benton-sans-wide', sans-serif;
	font-weight: 400!important;
	font-size: 14px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	vertical-align: middle;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	text-decoration: none;
	text-shadow: none;
	padding: 8px 22px;
	border: 2px solid rgba(255,255,255,.7);
	border-radius: 3px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.btn-effect:after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 0;
	bottom: 0;
	left: 0;
	transition: all 0.3s;
}
.btn-effect:hover {
	background: none;
	opacity: 1!important;
	color: #fff;
}
.btn-effect:hover:after {
	height: 100%;
}


.loader {
	padding: 0 10px;
}

/*----- Video Popup Section -----*/
.video-section {
	padding-top: 20px;
	padding-bottom: 20px;
}
.video-section .row {
	margin-top: 90px;
}
.video-section .logo {
	margin-bottom: 20px;
	width: 180px;
}
.video-section h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 30px;
}
.video-section p {
	margin-bottom: 10px;
}
.video-section .cbp-wrapper,
.video-section .cbp .cbp-item {
	position: relative;
	height: 110px;
}
.video-section .cbp-item-wrapper {
	top: 20px;
}
.video-section .cbp {
	overflow: visible;
}

.play {
	position: relative;
	display: inline-block;
	top: -10px;
	width: 70px;
	height: 70px;
	border: 7px solid rgba(255,255,255,.9);
	border-radius: 50%;
	text-indent: -999em;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.play:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	height: 0;
	width: 0;
	margin: -12px 0 0 -6px;
	border: solid transparent;
	border-left-color: rgba(255,255,255,.9);
	border-width: 12px 20px;
	pointer-events: none;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.play:hover:after {
	border-left-color: rgba(255,255,255,.7);
}
.play:hover{
	border: 7px solid rgba(255,255,255,.7);
}


@media (min-width:992px) {
	.video-section .cbp {
		margin-bottom: 45px;
	}
}
@media (max-width:992px) {
	.video-section .cbp {
		margin-bottom: 35px;
	}
}
.video-section .cbp-item {
	width: 100%;
}
.video-section .subheading.grey:after {
	margin-top: 25px;
	opacity: .6;
}
.video-section .cbp-item-wrapper {
	padding-left: 20px;
}

/*----- Footer 1 -----*/
.logo-footer {
	margin-bottom: 15px;
}
.footer-icon {font-size:66px;}
.footer-widgets {
	background-color: #252525;
	color: #7e7e7e;
	padding: 55px 0px 0 0;
	margin-bottom: 0px
}
.col-footer {
	margin-bottom: 55px;
	max-height: 160px;
}
@media (max-width:768px) {
	.col-twitter {
		margin-bottom: 55px;
		max-height: 160px;
	}
}
footer h4 {
	font-size: 16px;
	color: #DDD;
	margin-bottom: 20px;
	text-transform: uppercase;
}
footer p {
	font-size: 13px;
	color: #a0a0a0;
}
.tweet ul {
	list-style: none;
	padding-left: 0;
}
.tweet ul li {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 400;
	color: #a0a0a0;
}
.tweet ul li .date {
	color: #CCC;
}
footer .contact-details {
	list-style: none;
	margin: 0;
	padding: 0
}
.contact-details .icon {
	font-size: 1.2em;
	margin-right: 8px;
}
.footer-copyright {
	background-color: #1c1c1c;
	padding-top: 22px;
	padding-bottom: 20px;
}
.footer-copyright p {
	margin: 0;
	line-height: 26px;
	color: #8C8989;
}
footer #social-icons {
	list-style: none;
	float: right;
	margin: 0;
}
@media (max-width:992px) {
	.footer-copyright p {
		text-align: center;
	}
	footer #social-icons {
		float: none!important;
		text-align: center;
		padding-left: 0px;
		padding-top: 10px;
	}
}
footer #social-icons li {
	font-size: 20px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
footer #social-icons li a {
	color: #46494a;
}
footer a:hover {
	color: #fff;
}

/*----- Twitter Feed -----*/
#twitter-feed {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #f6f7f7;
}
.ion-7x {
	font-size: 7em;
}
/*----- Back to Top Button -----*/
#back-to-top {
	position: fixed;
	color: #fff;
	z-index: 100;
	line-height: 26px;
	bottom: -50px;
	right: 20px;
	display: none;
	cursor: pointer;
	border-radius: 2px;
	height: 30px;
	width: 30px;
	display: block;
	text-align: center;
	transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
}
#back-to-top:hover {
	color: #fff;
	background-color: #121212;
}
#back-to-top .icon {
	font-size: 10px;
}
.to-top {
	cursor: pointer;
}


/*----- Shortcodes -----*/

/*-- Buttons --*/
.btn-primary {

	margin-top: 24px;
	text-transform: uppercase;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}
.btn,
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
	font-family: 'benton-sans-wide', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	line-height: 1.6;
	letter-spacing: 1px;
	margin: 0 5px 0 5px;
	padding: 10px 22px;
	text-align: center;

	box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
	-o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;

	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}
.btn:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-danger:hover {
	border-color: none;
	opacity: .7;
}
.btn:focus,
.btn-primary:focus,
.btn-success:focus,
.btn-info:focus,
.btn-warning:focus,
.btn-danger:focus {
	border-color: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #1C1C1C;
	border-color: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus, .btn:active
.focus,
.btn.active.focus {
outline: none;
outline-offset: 0;
}
.btn-default {
	color: #1c1c1c;
	background-color: #fff;
	border-color: none;
	border: none;
}
.btn-default:hover {
	color: #fff;
}
.btn-primary-full {
	width: 100%;
	font-family: 'benton-sans-wide', sans-serif;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 2;
	margin: 0;
	padding: 5px 20px;
	text-align: center;
	transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
}
.btn-primary-full:hover {
	background-color: #1c1c1c;
}
.open .dropdown-toggle.btn-primary {
	border-color: none;
}
.btn-transparent {
	padding: 6.5px 20px!important;
	color: #fff;
	font-family: 'benton-sans-wide', sans-serif;
	font-weight: 400!important;
	background-color: transparent;
	border: 2.3px solid rgba(255,255,255,.8);
}
.btn-transparent-dark {
	padding: 6.5px 20px!important;
	color: #252525;
	font-family: 'benton-sans-wide', sans-serif;
	text-transform: uppercase;
	font-weight: 700!important;
	background-color: transparent;
	border: 2.3px solid rgba(0,0,0,.7);
}
.btn-buy {
	color: #f6f7f7;
	padding: 2px 6px;
	font-size: 10px;
	line-height: 1;
	border-radius: 2px;
	transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
}
.btn-icon .icon {
	margin-right: 5px;
}
.btn-icon {
	margin-right: 10px;
}
.btn-xs {
	font-size:10px;
}
.btn-sm {
	font-size:13px;
}
.btn-md {
	font-size:16px;
}
.btn-lg {
	font-size:18px;
}

#page-top img {
	position:fixed;
	width: 100%;
}
.page-top-title {
	top:160px;
	position:relative;
	z-index: 99;
}
.page-top-title h2 {
	font-size:60px;
	letter-spacing:2px;
}
.shortcode-heading {
	margin:60px 0 60px 0;
}
.dark-grey {
	color: #7a7a7a;
}
.shortcode-btns {
	margin-bottom:20px;
}

ul.check-list-1 li:before,
ul.check-list-2 li:before,
ul.check-list-3 li:before,
ul.chevron-list-1 li:before,
ul.chevron-list-2 li:before,
ul.dot-circle-list li:before {
display: inline-block;
width: 40px;
margin-left: -40px;
text-align: center;
line-height: inherit;
font-family: 'Ionicons';
}
ul.check-list-1,
ul.check-list-2,
ul.check-list-3,
ul.chevron-list-1,
ul.chevron-list-2,
ul.dot-circle-list,
ul.caret-list {
	list-style:none;
}
ul.check-list-1 li:before {
	font-size: 13px;
	content: '\f122';

}
ul.check-list-2 li:before {
	font-size: 13px;
	content: '\f120';

}
ul.check-list-3 li:before {
	font-size: 13px;
	content: '\f374';

}
ul.chevron-list-1 li:before {
	font-size: 13px;
	content: '\f125';

}
ul.chevron-list-2 li:before {
	font-size: 13px;
	content: '\f362';

}
ul.dot-circle-list li:before {
	font-size: 13px;
	content: '\f14b';

}
ul.caret-list li:before {
	font-size: 13px;
	content: '\f152';

}
.btn-link:hover,
.btn-link:focus {
  color: #3a3a3a;
  text-decoration: underline;
  background-color: transparent;
}
.shortcode-title {
	padding: 0 0 20px 0;
	text-align: center;
}
.form-control:focus {
	border-color: #3a3a3a;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-control {
	border-radius: 0px;
}
.blog-author {
	margin: 60px 0 60px 0;
}
.author-img {
	max-height:100px;
	float:left;
	margin-right: 20px
}

.action-btn {
	margin: 20px 0 20px 0;
}
.call-action-1 {
	background: #3a3a3a;
	padding: 20px;
	margin: 20px 0 20px 0;
}
.call-action-2 {
	border: 1px solid #CCC;
	padding: 20px;
	margin: 20px 0 20px 0;
}
.call-action-3 {
	background: #3a3a3a;
	padding: 20px 40px 20px 40px;
	margin: 20px 0 20px 0;
}
.call-action-4 {
	border: 1px solid #CCC;
	padding: 20px 40px 20px 40px;
	margin: 20px 0 20px 0;
}
.call-action-5 {
	background: #3a3a3a;
	padding: 20px 40px 20px 40px;
	margin: 20px 0 20px 0;
	vertical-align: middle;
	display: table;
}
.call-action-6 {
	border: 1px solid #CCC;
	padding: 20px 40px 20px 40px;
	margin: 20px 0 20px 0;
	vertical-align: middle;
	display: table;
}
@media (min-width: 768px) {
	.action-5-btn {
	padding: 20px 0 20px 20px;
	}
	.action-5-info {
		text-align: left;
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		padding: 0;
	}
	.action-5-btn {
		text-align: right;
		display: table-cell;
		vertical-align: middle;
	}
}
@media (max-width: 180px) {
	.action-5-btn {
	padding: 20px 0 20px 20px;
	}
}
@media (max-width: 480px) {
  .btn-responsive {
	font-size:90%;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .btn-responsive {
	font-size:100%;
  }
}
.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 1px;
	box-shadow: none;
}
.panel-default>.panel-heading {
	color: #666;
	background-color: #f0f0f0;
	padding: 15px 17px;
}
.panel-heading i {
	margin-right: 5px;
	font-size: 12px
}
.panel-title {
	font-size: 13px;
	text-transform: uppercase;
	display:block;
	width:100%;
}
.panel-title:hover {
	 cursor: pointer;
}
.panel-title a{
	display:block;
}
.panel-body {
	background-color: #f6f7f7;
	padding-left: 30px;
	color: #666;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
	border: none;
	background: none;
}
/*--tabs--*/
.nav-tabs-center {
	display: inline-block;
}
.nav-tabs>li>a {
	font-family: 'benton-sans-wide', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #666;
	cursor: default;
	background-color: #f0f0f0;
	border: 1px solid #f0f0f0;
	border-radius: 4px;
}
.nav-tabs>li>a:hover {
	color: #fff;
	cursor: pointer;
}
.nav-tabs {
	border-bottom: none;
}
.tab-pane p {
	line-height: 24px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	font-family: 'benton-sans-wide', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	cursor: default;
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	cursor: pointer;
}
.tab-content {
	padding-top: 20px;
}
.separator {
	color: #fff;
	background-color: transparent;
}
.separator:before,
.separator:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 100%;
	z-index: 199;
	height: 0;
	width: 50%;
	border-bottom: 20px solid;
}
.separator:before {
	border-right: 20px solid transparent;
	left: 0;
}
.separator:after {
	border-left: 20px solid transparent;
	right: 0;
}
.bg-grey {
	background-color: #f9f9f9;
}
/*----- Owl Carousel -----*/
.owl-theme .owl-controls .owl-buttons div {
	color: #1C1C1C;
	display: inline-block;
	margin: 5px 3px 10px 3px;
	padding: 0px 10px;
	font-size: 12px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.owl-carousel  .owl-item {
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
 /* Applies a "closed-hand" cursor during drag operation. */
.owl-carousel  .owl-item:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}
.owl-theme .owl-controls .owl-page span {
	cursor: pointer;
	display: inline-block;
	background-color: #bbb;
	border-color: #bbb;
	border: 2px solid transparent;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	margin: 0 3px;
	-moz-background-clip: content;
	-webkit-background-clip: content;
	background-clip: content-box;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.owl-theme .owl-controls .owl-page.active span {
	border-color: #f0f0f0;
	background-color: transparent;
}
.owl-carousel{
	overflow: hidden;
}
.owl-theme .owl-controls .owl-buttons div {
	padding: 5px 9px;
	background: rgba(0,0,0,.0);
	opacity: 1;
}
.owl-carousel:hover .owl-controls .owl-buttons div {
	opacity: 1;
}
.owl-prev:hover,
.owl-next:hover {
	opacity: 1!important;
}
.owl-theme .owl-controls .owl-buttons div,
.owl-carousel:hover .owl-controls .owl-buttons div {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.owl-buttons i {
	font-size: 35px;
	color: #fff;
}
.owl-buttons div {
	position: absolute;
}
.owl-buttons .owl-prev {
	left: -6px;
	height: 115px;
	width: 43px;
	line-height: 111px;
}
.owl-buttons .owl-next {
	right: -6px;
	height: 115px;
	width: 43px;
	line-height: 111px;
}
.owl-wrapper {padding-left:50px; padding-right:50px;}
.owl-buttons {position:absolute; top:40%; width:100%;}

.blog-post-fullwidth .owl-buttons .owl-prev,
.blog-post-fullwidth .owl-buttons .owl-next {
	margin-top: 10%;
}

@media all and (max-width: 991px) {
	.owl-wrapper {padding-left:20px; padding-right:20px;}
}

@media all and (max-width: 767px) {
	.owl-wrapper {padding-left:20px; padding-right:20px;}
}


@media all and (max-width: 575px) {
	.owl-buttons {display:none;}
}



.pager li>a,
.pager li>span {
	display: inline-block;
	padding: 8px 13px;
	background-color: #333;
	border: none;
	border-radius: 2px;
	font-size: 11px;
	color: #f3f3f3;
}
.blog-post #owl-slider {
	margin-bottom: 15px;
}
.post-title a {
	color: #3a3a3a;
}
.post-img {
	margin-bottom:10px;
}
.project-img {
	margin-bottom:60px;
}
.tags-list {
	list-style: none;
	padding:0px;
}
.tags-list li {
	font-size: 13px;
	margin-top: 5px;
	display: inline-block;
	padding: 5px 9px;
	border: 1px solid #ccc;
}
.tags-list li a {
	color: #888;
}

.search {
	height: 40px;
}
.search-button {
	position: absolute;
	height: 40px;
	right: 50px;
	width: 50px;
	overflow: hidden;
	background: transparent;
	border: none;
	box-shadow: none;
	font-size: 15px;
	color: #999;
	z-index: 6;
}
.search-button:hover {
	border: none;
	box-shadow: none;
	border-radius: 0;
}

pre {
	background-color: #f3f3f3;
	border: none;
	border-radius: 0;
	color: #888;
}

.depth-2 {
	padding-left: 40px;
}
.depth-3 {
	padding-left: 80px;
}

@media (min-width:992px) {
	.column{ width: 33.3%; }
}
@media (min-width:564px) and (max-width:992px) {
	.column { width: 50%; }
}
@media (max-width:564px) {
	.column { width: 100%; }
}
#masonry .column-info {
	padding: 15px;
}
#masonry img {
	width: 100%;
}
#masonry .blog-column .btn {
	margin-top: 20px;
	margin-left: 0;
}

/*////////////////////////////////////////
// Heros
///////////////////////////////////////*/
.hero-fullscreen {
	position: relative;
	height: 100vh;
	padding: 114px 0;
	overflow: hidden;
}
.hero-fullscreen .container {
	z-index: 2;
}
.hero-fullscreen .container {
	position: relative;
	padding-top: 60px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media all and (max-width: 992px) {
	.hero-fullscreen {
		height: auto;
	}
	.hero-fullscreen .container {
		padding-top: 0;
		top: 0;
		transform: none;
		-moz-transform: none;
		-webkit-transform: none;
	}
}
/* Hero Fullwidth */
.hero-fullwidth {
	position: relative;
	height: auto;
	padding: 100px 0;
	overflow: hidden;
}
.hero-fullwidth .container {
	padding-top: 60px;
	z-index: 2;
}
.hero-fullwidth.parallax > .background-image {
	height: 100%;
	top: 0;
}
@media all and (max-width: 992px) {
  .hero-fullwidth .container {
		padding-top: 0;
	}
}
/* Hero Slider */
.hero-slider {
	position: relative;
	top: 0;
	background-color: #191a1c;
	z-index: 1;
}
.parallax .slide {
	position: relative;
	z-index: 1;
}
@media all and (min-width: 992px) {
	.hero-slider,
	.hero-slider .owl-stage-outer,
	.hero-slider .owl-wrapper-outer,
	.hero-slider .owl-height,
	.hero-slider .owl-stage,
	.hero-slider .owl-wrapper,
	.hero-slider .owl-item {
		height: 100%!important;
	}
}
.hero-slider .slide {
	position: relative;
	height: 100%;
}
.owl-item .appear {
	opacity: 0;
	padding: 114px 40px;

	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
	transform: translateY(60px);

	-webkit-transition: transform .5s, opacity .5s;
	-moz-transition: transform .5s, opacity .5s;
	-o-transition: transform .5s, opacity .5s;
	-ms-transition: transform .5s, opacity .5s;
	transition: transform .5s, opacity .5s;

	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.owl-item.active .appear {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
.hero-slider .owl-item img {
	display: none;
}
.slider-fullwidth {
	padding: 0;
}
.slider-fullwidth .owl-prev,
.slider-fullwidth .owl-next {
	margin-top: 22px;
}
/* Hero Video */
#dorman-vimeo {
	position: absolute;
	overflow: hidden;
	background-color: #0f1112;
	top: 50%;
	left: 50% !important;
	z-index: 0;
	-webkit-transform: translate3d( -50%, -50%, 0 );
	-ms-transform: translate3d( -50%, -50%, 0 );
	-moz-transform: translate3d( -50%, -50%, 0 );
	-o-transform: translate3d( -50%, -50%, 0 );
	transform: translate3d( -50%, -50%, 0 );
}
.background-image iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
}
@media (max-width:450px) {
	.background-image iframe {position:absolute; left:-90%;}
}
#play-toggle,
#mute-toggle {
	font-size: 23px;
	position: absolute;
	z-index: 1;
	bottom: 20px;
	padding: 1px;
	line-height: 10px;
	opacity: .3;
}
#mute-toggle {
	left: 66px;
	bottom: 19px;
}
#play-toggle {
	left: 36px;
	font-size: 20px;
}
[data-overlay-dark] #mute-toggle,
[data-overlay-dark] #play-toggle,
[data-overlay-color] #mute-toggle,
[data-overlay-color] #play-toggle {
	color: #fff;
}
[data-overlay-light] #mute-toggle,
[data-overlay-light] #play-toggle {
	color: #111;
}
.dorman-video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	overflow: hidden;
	background-color: #0f1112;
	top: 50%;
	left: 50% !important;
	z-index: 0;
	-webkit-transform: translate3d( -50%, -50%, 0);
	-moz-transform: translate3d( -50%, -50%, 0);
	transform: translate3d( -50%, -50%, 0);
}
@media (max-width:992px) {
	.dorman-video {
		display: none;
	}
}
/*Owl Controls*/
.owl-controls {
	margin-top: 0;
}
.owl-dot {
	display: inline-block;
	padding: 6px 2px;
	position: relative;
}
.owl-dots {
	text-align: center;
}
.owl-theme .owl-controls .owl-dot span {
	width: 4px;
	height: 4px;
	margin: 2px 2px;
	display: block;
	background: rgba(255,255,255,.8);
	position: relative;
	z-index: 1000 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: none;
	-webkit-transition: background 0.27s;
	-moz-transition: background 0.27s;
	-o-transition: background 0.27s;
	-ms-transition: background 0.27s;
	transition: background 0.27s;
}
[data-overlay-dark] .owl-theme .owl-controls .owl-dot span,
[data-overlay-color] .owl-theme .owl-controls .owl-dot span {
	background: rgba(255,255,255,.3);
}
.owl-theme .owl-controls .owl-dot.active span,
[data-overlay-dark] .owl-theme .owl-controls .owl-dot.active span,
[data-overlay-color] .owl-theme .owl-controls .owl-dot.active span {
	background: rgba(255,255,255,1);
}
.dark-pagination.owl-theme .owl-controls .owl-dot span,
[data-overlay-light] .owl-theme .owl-controls .owl-dot span {
	background: rgba(0,0,0,.3);
}
.dark-pagination.owl-theme .owl-controls .owl-dot.active span,
[data-overlay-light] .owl-theme .owl-controls .owl-dot.active span {
	background: rgba(0,0,0,.8);
}
.owl-theme .owl-controls .owl-nav div {
	position: absolute;
	color: #fff;
	display: inline-block;
	padding: 20px;
	font-size: 42px;
	border-radius: 0;
	background: transparent;
	opacity: 0;
	-webkit-transition: opacity .3s, margin .3s;
	-moz-transition: opacity .3s, margin .3s;
	-o-transition: opacity .3s, margin .3s;
	-ms-transition: opacity .3s, margin .3s;
	transition: opacity .3s, margin .3s;
}
.owl-theme:hover .owl-controls .owl-nav div {
	opacity: 1;
}
.owl-prev {
	margin-left: 40px;
}
.owl-next {
	margin-right: 40px;
}
.owl-theme:hover .owl-prev {
	margin-left: 0;
}
.owl-theme:hover .owl-next {
	margin-right: 0;
}
.owl-theme .owl-controls .owl-nav div.owl-prev:hover,
.owl-theme .owl-controls .owl-nav div.owl-next:hover {
	opacity: .7;
}
.owl-theme .owl-controls .owl-nav .owl-prev {
	left: 0;
	top: 50%;
	transform: translateY(-52%);
	-moz-transform: translateY(-52%);
	-webkit-transform: translateY(-52%);
}
.owl-theme .owl-controls .owl-nav .owl-next {
	right: 0;
	top: 50%;
	transform: translateY(-52%);
	-moz-transform: translateY(-52%);
	-webkit-transform: translateY(-52%);
}
/* Owl Grab */
.owl-carousel .owl-item {
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
.owl-carousel .owl-item:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}
[data-touch-drag="false"] .owl-item,
[data-touch-drag="false"] .owl-item:active {
	cursor: default;
	cursor: -moz-default;
	cursor: -webkit-default;
}
.carousel .owl-dots {
	margin-top: -30px;
}
/* Parallax */
.parallax {
	position: relative;
	overflow: hidden
}
.parallax .container {
	position: relative;
	z-index: 2;
}
.parallax > .background-image {
	height: 100vh;
	top: -50vh;
	-webkit-transition: opacity 0.9s ease;
	-moz-transition: opacity 0.9s ease;
	transition: opacity 0.9s ease;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
.hero-fullscreen .background-image {
	top: 0;
}
@media all and (max-width: 1024px) {
	.parallax > .background-image,
	.parallax .slides li > .background-image {
		top: 0 !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		transform: none !important;
		height: 100%;
	}
}
.background-image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover !important;
	background-position: 50% 50% !important;
	z-index: -2;
	opacity: 1;
	background-color: #1c1c1c;
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
}
.background-image img {

}
img {
  max-width: 100%;
}
/* Hero Content Slider */
.hero-content-slider {
	text-align: center;
	padding: 0 20px;
	opacity: 0;
	-webkit-transition: opacity 1.3s;
	-moz-transition: opacity 1.3s;
	transition: opacity 1.3s;
}
.hero-content-slider h1 {
	margin-bottom: 20px;
}
.hero-content-slider a.btn {
	margin-top: 30px;
}
.hero-content-slider .owl-item {
  top: 50%;
}
.hero-content-slider.owl-carousel .owl-item,
.hero-content-slider.owl-carousel  .owl-item:active,
.quote-slider.owl-carousel .owl-item,
.quote-slider.owl-carousel  .owl-item:active {
	cursor: default;
}
.hero-content-slider .owl-animated-in {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-delay: 1s;
}
.hero-content-slider .owl-item p,
.hero-content-slider .owl-item h5,
.hero-content-slider .owl-item h1 {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
	animation-duration: 0.6s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.mt20 {
	margin-top: 20px;
}
.mt50 {
	margin-top: 50px;
}


#slider-nav-up {
	position: relative;
	overflow: visible;
}
#slider-nav-up .owl-buttons {
	top: -58px;
	position: absolute;
	left: 50%;
}
#slider-nav-up .owl-buttons > div {
	opacity: 1;
	height: 43px;
	width: 43px;
	line-height: 35px;
}
#slider-nav-up .owl-prev {
	left: -48px;
}
#slider-nav-up .owl-next {
	right: auto;
}

/* History */
#history h2 {
	/*font-size:55px; font-style:bold; right: 25px !important; text-shadow: #000 2px 2px 5px;color:#FFFFFF !important;*/
    position:absolute !important;
    z-index: 99;  
	animation-delay: 2s;
    /* new styles */
    font-size: 16px;
    color:#000000 !important;
    top:115px;
    background: #FFFFFF;
    padding:8px 0px;
    right:-70px;
}


/* Main Overlay */
.menu-overlay {
	height:100%;
	width:0;
	position:fixed;
	z-index: 9999;
	left:0;
	top:0;
	background-color: rgb(47,51,56);
	background-color: rgb(47,51,56, 0.95);
	overflow-x: hidden;
	transition: 0.5s;
}
.overlay-content {
	position:relative;
	width:100%;
	margin-top:0px;
}
.menu-overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 16px;
  color: #818181;
  display: block;
  transition: 0.3s;
  margin-bottom:0px;
  margin-top:0px;
}

.menu-overlay h4 {
	color:#FFFFFF;
	border-bottom: 3px solid #FB6317;
	line-height:40px;
	display:block;
	text-transform: uppercase;
	margin-top:20px;
}

.menu-overlay a:hover, .menu-overlay a:focus {
  color: #f1f1f1;
}

.menu-overlay .closebtn {
  position: absolute !important;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .menu-overlay a {font-size: 20px}
  .menu-overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

.menu-collapsed,
.printer-collapsed{
   background-color: rgba(0, 0, 0, 0.85);
   transition: all .5s;
   line-height: 30px;
   height: 100%;
   width: 100%;
   top: 0;
   left: -9000px;
   background-color: rgba(0, 0, 0, 0.85);
   z-index: 999;
   position:fixed;
   
}
.menu-collapsed .main-menu {
    transition: all 0s;
    position: fixed;
    left: -9000px;
}           
           

.menu-expanded,
.printer-expanded{
   background-color: rgba(0, 0, 0, 0.85);
   transition: all .5s;
   line-height: 30px;
   height: 100%;
   width: 100%;
   top: 0;
    left: 0;
       background-color: rgba(0, 0, 0, 0.85);
   z-index: 999;
   position:fixed;
}
.menu-expanded .main-menu {
      transition: all 0s;
      position: relative;
      left: 0;
      z-index: 2;
   }
.menu-expanded ul {list-style: none;}           
.menu-expanded a {
    transition: all .15s;
    text-decoration: none;
    font-size: 14px;
    padding: 5px;
    color: #fff;
    display:block;
}
           
.menu-expanded a:hover {
    background-color:rgba(white, .8);
    transition: all .15s;
    color:#fb6317;
}



/* Intro Video */
#video-intro {display:block; top:0}
#video-intro.close {
	top:-9000px; 
	-moz-transition: all 0.15s;
	-o-transition: all 0.15s;
	-ms-transition: all 0.15s;
	transition: all 0.15s ;
}


/* SBU content */

#sbu-main > .col-md-4 {padding-top:20px;}

@media all and (max-width: 768px) {
	#sbu-main > .col-sm-6,
	#sbu-main > .col-xs-6 {padding-top:20px;}
}

.sbu-container {
	background-color:#f7f7f7; 
	border:1px solid #d5d5d6; 
	border-radius:4px; 
	padding-top:20px; 
	padding-bottom:20px; 
	text-align: center;
	margin-top:0px;
	height:100%;
}
.sbu-container:hover {
	background-color:#f9f9f9; 
	border-color:#999999;
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.sbu-image-wrapper {
	position: relative; 
	margin-bottom:65px;
	width:92%; 
	height:225px;
	overflow:hidden;
}
.sbu-icon-2 {height:110px; width:110px; margin:20px auto; display:block; background-color:#FB6317; padding:20px; border-radius:50%; border:2px solid #f7f7f7; position:absolute; left:0; right:0; top:-140px;}
.sbu-container .sbu-image {
	background-position:center center; 
	background-repeat: no-repeat; 
	background-size:cover; 
	height:100%;
	width:100%;
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
	.sbu-body 		{background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/sbu-body-2.jpg");}
	.sbu-chassis 		{background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/sbu-chassis-2.jpg");}
	.sbu-engine 		{background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/sbu-engine-3.jpg");}
	.sbu-electronic 	{background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/sbu-electronic-2.jpg");}
	.sbu-steering 	{background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/sbu-steering-2.jpg");}
	.sbu-undercar 	{background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/sbu-undercar-2.jpg");}
	.sbu-retail	{background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/sbu-retail-3.jpg");}
.sbu-container:hover .sbu-image{
	-ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.sbu-container:hover .sbu-image:before, .sbu-container:focus .sbu-image:before {
    display: block;
}

.sbu-content {position:relative; padding-left:10px; padding-right:10px;}
.sbu-content button {
	font-family: 'Open Sans', sans-serif;
	text-transform:capitalize;
	font-weight:normal;
	box-shadow: none;
	background-color:#2f3338;
	color:#FFFFFF;
}
.sbu-content button:hover {background-color:#fb6317; color:#ffffff;}
.sbu-content p {width:90%; margin-left:auto; margin-right:auto; display:block;}


/* Before - After Sliders */
.ba-Slider{
    position:relative;
    display:block;
    
    background:#212121;
    border:1px solid white;
    margin:20px auto;
    overflow:hidden;
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
}
.slider{
    position:absolute;
    top:calc(50% - 16px);
    left: calc(50% - 16px);
    background: transparent url(https://i.imgur.com/ImtbhIo.png);
    width:32px;
    height:32px;
    cursor:pointer;
}
#before{
    position:absolute;top:0;left:0;
    width:50%;
    overflow:hidden;
    
}
.ease{
    transition:width ease .5s,left ease .5s;
    -moz-transition:width ease .5s,left ease .5s;
    -webkit-transition:width ease .5s,left ease .5s;
}
#before:after{
   
}

#advanced h3.content-title {font-size:28px;}
.engineer-img {max-height:500px;}

@media all and (max-width: 991px) {
	.engineer-img {margin-left:auto; margin-right:auto;}
}

/* Animated Hotspots */
.hotspot {position:absolute; z-index:999;}
  
.hotspot .button-wrap {display: table;}
  
.hotspot .pulse-button {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    display: table-cell;
    width: 40px;
    height: 40px;
    font-size: 30px;
    line-height:40px;
    font-weight: bold;
    background: #FFFFFF;
	color: #FB6317;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);

    border: none;
    border-radius: 100%;
    vertical-align: middle;
    cursor: pointer;
    -webkit-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
	}

.hotspot .pulse-button:hover {
    background: #FB6317;
	color:#FFFFFF;
}
    
.hotspot .pulse-button .deactivate {
      color: #000;
      background: #999;
      -webkit-animation: none;
      -moz-animation: none;
      animation: none;
}


@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}

@keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}

.show-overlay {display:block;}
.hide-overlay {display:none;}

/* Navigation Menu */
.panel-overlay-from-left {
position: fixed;
width: 60%;
height: 100%;
overflow: hidden;
top: 0;
left: -100%;
background: #111;
-webkit-transition: all .8s ease-in-out;
   -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
     -o-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
z-index: 99;
}

@media all and (max-width: 768px) {
  .panel-overlay-from-left {
    width: 0%;
  }
}

.panel-overlay-from-left.open {
left: 0;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.panel-overlay-from-right {
position: fixed;
width: 40%;
height: 100%;
overflow: hidden;
top: 0;
right: -100%;
background: #111;
-webkit-transition: all .8s ease-in-out;
   -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
     -o-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
z-index: 99;
}

@media only screen and (max-width: 768px) {
  .panel-overlay-from-right {
    width: 100%;
  }
}

.panel-overlay-from-right.open {
right: 0;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/* 4.2. navigation panels */
.panel-from-left {
position: fixed;
width: 60%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
top: 0;
left: -100%;
background: #111;
-webkit-transition: all .8s ease-in-out;
   -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
     -o-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
z-index: 99;
}

@media only screen and (max-width: 768px) {
  .panel-from-left {
    width: 0%;
  }
}

.panel-from-left.open {
left: 0;
}

.panel-from-right {
position: fixed;
width: 40%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
top: 0;
right: -100%;
background: #111;
-webkit-transition: all .8s ease-in-out;
   -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
     -o-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
z-index: 99;
}

@media only screen and (max-width: 768px) {
  .panel-from-right {
    width: 100%;
  }
}

.panel-from-right.open {
right: 0;
}




/* Timeline */
.visible-xxs{display:none;}
.hidden-xxs{display:inline-block;}
@media only screen and (max-width: 450px) {
	.visible-xxs{display:inline-block;}
	.hidden-xxs{display:none;}
}
.wrapper {
  background-color: #FFFFFF;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  color: #777;
  padding: 50px 20px 0px;
  box-sizing: border-box;
}

.start-year {
	position: absolute;
	bottom: 15px;
	right: 0;
	left: 0;
	margin: auto;
	font-size: 70px;
	color: #FFFFFF !important;
	z-index: 9999;
	text-align: center;
	text-shadow: #000 2px 2px 5px;
}

.block {
  z-index: 1;
  position: relative;
}
.block:before {
    content: "";
    position: absolute;
    height: calc(100% - 0px);
    width: 2px;
    background-color: #FB6317;
    left: 50%;
    margin-top: -10px;
}


#history .title {
  text-align: center;
  padding: 20px;
  /*transition: all 0.8s ease-in-out;*/
}

.event-sub {font-size:13px; line-height:14px; color:#2f3338;}

.each-event {
  background-color: #f4f4f4;
  color: #777;
  padding: 20px;
  margin: 10px 20px;
  width:100%;
  max-width: 400px;
  position: relative;
  border-radius: 4px;
  box-sizing: border-box;
  /*transition: all 0.3s ease-in-out;*/
	
}
.each-event:before {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: -29px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #FFFFFF;
	border:2px solid #fb6317;
	box-shadow: 0 0 0 0 rgba(251, 99, 23, 0.9);
	-webkit-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
  }
.each-event.timeleft {
    margin-left: calc(50% + 22px);
  }
.each-event.timeright {
    margin-left: calc(50% - 571px);
	background-color: transparent;
	width:100%;
	max-width:550px;
	text-align:left;
    margin-bottom:250px;
}

.each-event.timeright2 {
    margin-left: calc(50% - 425px);
	text-align:right;
}

.each-event.timeright2:before {
    left: calc(100% + 18px);
}

.each-event.timeright:before {
    left: calc(100% + 14px);
	background-color: #FB6317;
    top:125px
}

.timeline-content {
    /* previous style*/
    /*margin-left: 15px;*/
    clear:both; padding:1px 15px 0px; animation-delay: 0.7s;
    /*new styles*/
    position:absolute;
    top:50px;    
    width:100%;
    margin-left: calc(50% + 350px);
}

@media only screen and (max-width: 1099px) {
	
	.each-event.timeright {
    	margin-left: calc(50% - 421px);
		max-width:400px;
	}
    .each-event.timeright::before {top:80px;}
    .timeline-content {margin-left:calc(50% + 270px);top:10px;}
    #history h2 {top:70px}
}

@media only screen and (max-width: 859px) {
	.each-event {max-width:350px; width:100%;}
	.each-event.timeright {
    	margin-left: calc(50% - 391px);
		max-width:370px;
	}
	.each-event.timeright2 {
    	margin-left: calc(50% - 375px);
	}
    .timeline-content {margin-left:calc(50% + 250px);}
}



.title.non-focus {
  font-size: 24px;
  line-height: 34px;
  transition: all 0.8s ease-in-out;
}

.each-event.non-focus {
  color: #d2d2d2;
  background: #e6e6e6;
  margin-top: 90px;
  transform: rotateZ(45deg);
  transition: all 0.8s ease-in-out;
}
 .each-event.non-focus:before {
    opacity: 0;
    background-color: #aaa;
  }

.time1 {/*margin-top:-130px;*/ margin-top:30px;}
.time2 {margin-top:60px;margin-bottom:75px;}
.time3 {/*margin-top:-115px;*/}
.time4 {/*margin-top:-125px;*/}
.time5 {/*margin-top:50px;*/}
.time6 {/*margin-top:125px;*/ margin-top:80px;}
.time7 {/*margin-top:-75px;*/}
.time8 .each-event.timeright {margin-bottom:0px;}
.time8 .each-event.timeright:before {top:25px;}
.time9, .time12 {margin-top:-60px;}
.time10, .time11 {margin-top:-40px;}


@media (max-width:768px) {
	.timeline-content {margin-left:0px;}
}

.timeline-add {color:#Fb6317; cursor: pointer; font-size:20px;}
.timeline-add:hover {color:#2f3338;}

.timeline-img-wrapper {max-width:500px; width:100%; float:right; margin-bottom:15px;}
.timeline-year {animation-delay: 0.7s}

#investiment .fact span {font-size:100px;}
#investiment .fact h4 {font-size: 30px;}
#investiment .fact p {font-size: 20px;}

@media (max-width:650px) {
	#investiment .fact span {font-size:65px;}
}

@media only screen and (max-width: 768px) {
	.block:before{
		left:5%;
	}
	.timeline-img-wrapper {max-width:none;}
	.each-event {max-width:auto !important; width:85%;}
	.each-event.timeright::before,
	.each-event.timeright2:before{
		left:-29px;
	}
	.each-event.timeleft,
	.each-event.timeright,
	.each-event.timeright2{
		margin-left: calc(5% + 22px);
		max-width:600px;
		width:85%;
		text-align: left;
        margin-bottom:0px;
	}
	.time1, 
	.time2, 
	.time3, 
	.time4, 
	.time5,
	.time6,
	.time7,
	.time9,
	.time10,
	.time11,
	.time12 {margin-top:0px; margin-bottom:0px;}
	
	.timeline-img-wrapper {float:left; max-width:auto;}
	#history h1 {left: 25px !important; right:auto !important}
	.start-time img {margin-left:0px}
	#history .title {text-align:left !important;}
    .timeline-content {position: relative;}
    .visible-xs {display:inline-block !important;}
}
@media only screen and (max-width: 768px) {
    .timeline-year h2.hidden-xs {display:none;}
}
@media only screen and (max-width: 600px) {
	#history h1 {font-size:50px;}
}



/* SBU Overlays */
.sbu-icon-sub {
	height:60px;
	width:60px;
	margin:20px;
	display:block;
	background-color:#FB6317;
	padding:10px;
	border-radius:50%;
	border:2px solid #f7f7f7;
	float:left;
}

/*  Play Videos */
.play-text {
	color:#D5D5D6;
	display:block; 
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s ;
}

.cbp-popup-lightbox {background: rgba(0, 0, 0, 0.95) !important;}
.cbp-lightbox:hover + .play-text {display:block;}
#colmar-location.cbp-popup-wrap::before,
#lewisberry-location.cbp-popup-wrap::before,
#sanford-location.cbp-popup-wrap::before,
#portland-location.cbp-popup-wrap::before,
#louisiana-location.cbp-popup-wrap::before,
#warsaw-location.cbp-popup-wrap::before,
#shanghai-location.cbp-popup-wrap::before,
#india-location.cbp-popup-wrap::before,
#reno-location.cbp-popup-wrap::before,
#dayton-location.cbp-popup-wrap::before,
#virginia-location.cbp-popup-wrap::before,
#whiteland-location.cbp-popup-wrap::before{height:65px !important; display:block;}

#body-sbu.cbp-popup-wrap::before,
#chassis-sbu.cbp-popup-wrap::before,
#engine-sbu.cbp-popup-wrap::before,
#electronic-sbu.cbp-popup-wrap::before,
#steering-sbu.cbp-popup-wrap::before,
#retail-sbu.cbp-popup-wrap::before,
#undercar-sbu.cbp-popup-wrap::before,
#influencer-guiseppe.cbp-popup-wrap::before,
#influencer-sally.cbp-popup-wrap::before,
#influencer-gilk.cbp-popup-wrap::before,
#influencer-corey.cbp-popup-wrap::before,
#influencer-tangelo.cbp-popup-wrap::before,
#influencer-sixspeed.cbp-popup-wrap::before{height:50px !important; display:block;}

#colmar-location h2,
#lewisberry-location h2,
#sanford-location h2,
#portland-location h2,
#louisiana-location h2,
#warsaw-location h2,
#shanghai-location h2,
#india-location h2,
#reno-location h2,
#dayton-location h2,
#virginia-location h2,
#whiteland-location h2,
#body-sbu h2,
#chassis-sbu h2,
#engine-sbu h2,
#electronic-sbu h2,
#steering-sbu h2,
#retail-sbu h2,
#undercar-sbu h2 {font-size:40px; line-height: 80px;}
.sbu-icon-sub {margin-left:0px;}
.sbu-category {border-left:1px solid #333333;}



.location-text {padding-left:30px;}
.location-icon {
	height:80px; 
	width:80px; 
	margin:0px 20px; 
	display:inline-block; 
	border-radius:50%; 
	border:2px solid #f7f7f7;
	background-position:center center; 
	background-repeat: no-repeat; 
	background-size:cover;
	float:left;
}
	.usa 		{background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/usa.jpg");}
	.china		{background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/china.jpg");}
	.india 		{background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/india.jpg");}

.slant-back-lt,.slant-front-lt,.slant-back-rt,.slant-front-rt {position:absolute;background:#fb6317;padding:10px 30px;bottom:0px;width:245px;}
.slant-back-lt {transform:skew(45deg, 0); height:40px;left:22px;}
.slant-front-lt {color:#FFFFFF;font-size:14px;left:0px;text-align:left;}
.slant-back-rt {transform:skew(-45deg, 0); height:40px;right:22px;}
.slant-front-rt {color:#FFFFFF;font-size:14px;right:0px;text-align:right;}
#colmar-prev:hover .slant-back-lt,#colmar-prev:hover .slant-front-lt,#colmar-next:hover .slant-back-rt,#colmar-next:hover .slant-front-rt,#lewisberry-prev:hover .slant-back-lt,#lewisberry-prev:hover .slant-front-lt,#lewisberry-next:hover .slant-back-rt,#lewisberry-next:hover .slant-front-rt,#sanford-prev:hover .slant-back-lt,#sanford-prev:hover .slant-front-lt,#sanford-next:hover .slant-back-rt,#sanford-next:hover .slant-front-rt,#portland-prev:hover .slant-back-lt,#portland-prev:hover .slant-front-lt,#portland-next:hover .slant-back-rt,#portland-next:hover .slant-front-rt,#louisiana-prev:hover .slant-back-lt,#louisiana-prev:hover .slant-front-lt,#louisiana-next:hover .slant-back-rt,#louisiana-next:hover .slant-front-rt,#warsaw-prev:hover .slant-back-lt,#warsaw-prev:hover .slant-front-lt,#warsaw-next:hover .slant-back-rt,#warsaw-next:hover .slant-front-rt,#china-prev:hover .slant-back-lt,#china-prev:hover .slant-front-lt,#china-next:hover .slant-back-rt,#china-next:hover .slant-front-rt,#india-prev:hover .slant-back-lt,#india-prev:hover .slant-front-lt,#india-next:hover .slant-back-rt,#india-next:hover .slant-front-rt,#reno-prev:hover .slant-back-lt,#reno-prev:hover .slant-front-lt,#reno-next:hover .slant-back-rt,#reno-next:hover .slant-front-rt,#dayton-prev:hover .slant-back-lt,#dayton-prev:hover .slant-front-lt,#dayton-next:hover .slant-back-rt,#dayton-next:hover .slant-front-rt,#whiteland-prev:hover .slant-back-lt,#whiteland-prev:hover .slant-front-lt,#whiteland-next:hover .slant-back-rt,#whiteland-next:hover .slant-front-rt,#vab-prev:hover .slant-back-lt,#vab-prev:hover .slant-front-lt,#vab-next:hover .slant-back-rt,#vab-next:hover .slant-front-rt
{background:#FB7D3E;cursor:pointer;}

@media only screen and (max-width: 991px) {
	#colmar-location h2,
	#lewisberry-location h2,
	#sanford-location h2,
	#portland-location h2,
	#louisiana-location h2,
	#warsaw-location h2,
	#shanghai-location h2,
	#india-location h2,
	#reno-location h2,
	#dayton-location h2,
	#body-sbu h2,
	#chassis-sbu h2,
	#engine-sbu h2,
	#electronic-sbu h2,
	#steering-sbu h2,
	#retail-sbu h2,
	#undercar-sbu h2 {font-size: 35px; line-height:75px;}
	.sbu-category {border-left: none; padding-bottom:30px;}
	
}

@media only screen and (max-width: 768px) {
	#colmar-location h2,
	#lewisberry-location h2,
	#sanford-location h2,
	#portland-location h2,
	#louisiana-location h2,
	#warsaw-location h2,
	#shanghai-location h2,
	#india-location h2,
	#reno-location h2,
	#dayton-location h2,
	#whiteland-location	h2,
	#virginia-location h2,
	#body-sbu h2,
	#chassis-sbu h2,
	#engine-sbu h2,
	#electronic-sbu h2,
	#steering-sbu h2,
	#retail-sbu h2,
	#undercar-sbu h2 {font-size: 30px; line-height:50px;}
}

@media only screen and (max-width: 555px) {
	#colmar-location h2,
	#lewisberry-location h2,
	#sanford-location h2,
	#portland-location h2,
	#louisiana-location h2,
	#warsaw-location h2,
	#shanghai-location h2,
	#india-location h2,
	#reno-location h2,
	#dayton-location h2,
	#whiteland-location	h2,
	#virginia-location h2,
	#body-sbu h2,
	#chassis-sbu h2,
	#engine-sbu h2,
	#electronic-sbu h2,
	#steering-sbu h2,
	#retail-sbu h2,
	#undercar-sbu h2 {font-size:32px; line-height:80px;}
	.sbu-icon-sub,
	.location-icon {width:50px; height:50px; margin-left:0px;}
	.location-text {padding-left:15px;}
}

@media only screen and (max-width: 415px) {
	#colmar-location h2,
	#lewisberry-location h2,
	#sanford-location h2,
	#portland-location h2,
	#louisiana-location h2,
	#warsaw-location h2,
	#shanghai-location h2,
	#india-location h2,
	#reno-location h2,
	#dayton-location h2,
	#whiteland-location	h2,
	#virginia-location h2,
	#body-sbu h2,
	#chassis-sbu h2,
	#engine-sbu h2,
	#electronic-sbu h2,
	#steering-sbu h2,
	#retail-sbu h2,
	#undercar-sbu h2 {font-size:32px; line-height:40px;}
	.sbu-icon-sub, 
	.location-icon {display:none;}
}

.home-subheading {font-size:24px;}







.center-container-menu {margin-top:50px; clear:both}

.brackets {margin:40px 20px 70px; padding-left:0px;}
ul.brackets li{
	font-size:18px;
	padding:10px 15px;
	list-style:none;
	text-align:center;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s ;
}
ul.brackets li a {color:#d5d5d6;}
ul.brackets li:hover{
	background:#fb6317;
	cursor: pointer
}
ul.brackets li:hover a{color:#ffffff}


.center-container-menu #social-icons {
    list-style: none;
    margin: 70px auto;
	text-align: center;
	padding-left:0px;
}

.center-container-menu #social-icons li {
    font-size: 20px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.center-container-menu #social-icons li a { color: #46494a;}
.center-container-menu #social-icons li a:hover { color: #FB6317; transition: all 0.3s ease-in-out;}
.navigation-menu-close {
	display: block;
	padding-right: 30px;
	width: 100%;
	overflow: hidden;
}
.navigation-menu-close a:hover {color:#FFFFFF !important;}

.menu-img {
	background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-9.jpg"); 
	background-position: center center; 
	background-size: cover; 
	width:100%; 
	height:100vh;
	
}
	.menu-img.bg-1 {background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-3.jpg"); transition: all 0.3s ease-in-out;}
	.menu-img.bg-2 {background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-7.jpg"); transition: all 0.3s ease-in-out;}
	.menu-img.bg-3 {background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-8.jpg"); transition: all 0.3s ease-in-out;}
	.menu-img.bg-4 {background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-11.jpg"); transition: all 0.3s ease-in-out;}
	.menu-img.bg-5 {background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-10.jpg"); transition: all 0.3s ease-in-out;}
	.menu-img.bg-6 {background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-12.jpg"); transition: all 0.3s ease-in-out;}
	.menu-img.bg-7 {background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-13.jpg"); transition: all 0.3s ease-in-out;}
    .menu-img.bg-8 {background-image: url("https://static.dormanproducts.com/images/marketing/tour/backgrounds/dp-bg-14.jpg"); transition: all 0.3s ease-in-out;}


.footer-cta > a:hover > h1,
.footer-cta > a:hover > h4 {color:#fb6317;}

.subheadline-text {font-size:16px; font-weight:bold; font-style:italic; color:#FB6317;}
.section-subhead {font-size:18px; font-weight:bold; font-style:italic; color:#FB6317; margin-bottom:40px;}
.datamap circle {cursor: pointer}
.datamaps-hoverover {font-size:12px;}

.garage-360-btn-1  {display:block;}
.garage-360-btn-2  {display:none;}

.skipVideo {position:absolute; right:0; bottom:30px; padding:15px 30px; background-color:#999999; z-index:99999; color:#FFFFFF;}
#360frame {height:800px !important;}

.hero-fullscreen h1.home-heading, .hero-fullscreen h2.home-heading {margin-bottom:60px;}

@media only screen and (max-width: 991px) {
	.hero-fullscreen h1.home-heading, .hero-fullscreen h2.home-heading {margin-top:60px;}
}
@media only screen and (max-width: 904px) {
	#heroMain {top:350px !important;}
	#heroMain h1.home-heading, #heroMain h2.home-heading {font-size:55px; display:block; width:90%; text-align: center; margin: auto; margin-top:0px;}
}
@media only screen and (max-width: 768px) {
	.hero-fullscreen {height:90%;}
	.hero-fullscreen h1.home-heading, .hero-fullscreen h2.home-heading {margin-top:200px; margin-bottom:60px;}
}
@media only screen and (max-width: 530px) {
	#heroMain h1.home-heading, #heroMain h2.home-heading {font-size:45px; margin-top:-75px;}
}
@media only screen and (max-width: 425px) {
	.skipVideo {font-size:12px; bottom:5px; padding: 3px 8px;}
	#heroMain {top:225px !important;}
	.hero-fullscreen {height:95%;}
	.hero-fullscreen h1.home-heading, .hero-fullscreen h2.home-heading {margin-top:120px; margin-bottom:50px;}
	.container > .navbar-header {padding-left:20px; padding-right:20px;}
}
@media only screen and (max-width: 375px) {
	#heroMain {top:290px !important;}
	#heroMain h2.home-heading {font-size:38px; margin-top:-110px;}
}


.bubbles > .datamaps-bubble:first-child {
	position: relative;
  
  	display: inline-block;
  	width: 0;
  	height: 0;
  
  	margin-left: .9em;
  	margin-right: .9em;
  	margin-bottom: 1.2em;
  
  	border-right:  .3em solid transparent;
 	border-bottom: .7em  solid #FC0;
  	border-left:   .3em solid transparent;

  	/* Controls the size of the stars. */
  	font-size: 24px;
}
  
  .bubbles > .datamaps-bubble:first-child:before,
  .bubbles > .datamaps-bubble:first-child:after {
    content: '';
    
    display: block;
    width: 0;
    height: 0;
    
    position: absolute;
    top: .6em;
    left: -1em;
  
    border-right:  1em solid transparent;
    border-bottom: .7em  solid #FC0;
    border-left:   1em solid transparent;
  
    transform: rotate(-35deg);
  }
  
  .bubbles > .datamaps-bubble:first-child:after {  
    transform: rotate(35deg);
  }


#map-interactive {display:block;}
#map-accordion {display:none;}

@media only screen and (max-width: 530px) {
	#map-interactive {display:none;}
	#map-accordion {display:block;}
}



.panel-title > a.collapsed:after {font-family:"Ionicons"; float:right; content:"\f2c7"}
.panel-title > a:after {font-family:"Ionicons"; float:right; content:"\f462"}

#sbu-main .col-md-4,
#sbu-main .col-sm-6,
#sbu-main .col-xs-6 {padding-left:8px; padding-right:8px;}

/*
.main-map {height:600px; width:100%;}
@media only screen and (max-width: 1200px) {
	.main-map {height:500px;}
}
@media only screen and (max-width: 991px) {
	.main-map {height:600px;}
}
*/

.sbu-category > h3 {text-transform: uppercase; margin-left:20px;}
@media only screen and (max-width: 991px) {
	.sbu-category > h3 {margin-top:50px;}
	.owl-main {margin-top:30px;}
}

.cornertop {position:relative;}

.cornertop:before {
	content: "\e900";
	font-family: 'icomoon' !important;
	color:#FB6317;
	position:absolute;
	
}
h3.cornertop:before {top:-20px; left:-20px;}
h4.cornertop:before {top:-15px; left:-15px;}
h3.cornertop,
h4.cornertop {text-transform: uppercase;}

.progress {display:none;}
.navbar-small > .progress {display:block !important}

.language {
	text-align: center; margin-top:30px;
}
.language a:hover{color:#FFFFFF;}

.btn-cta {background-color:#fb6317 !important; color:#ffffff !important; border:none !important; border-color:none !important; box-shadow:none !important;}
.btn-cta:hover {background-color:#FB7D3E !important; color:#ffffff !important; border:none !important; border-color:none !important; box-shadow:none !important;}

a.location-link:hover {color:#FFFFFF !important; transition-property:none;}


#map-container {
    position: relative;
}

#zoom-buttons {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1000; /* Ensure buttons stay above the map */
}

#zoom-buttons button {
    padding: 5px 10px;
    margin-right: 5px;
    font-size: 16px;
}

.partnership-section {margin-top:50px; margin-bottom:50px; padding-top:50px; padding-bottom:50px; border-top:solid #f7f7f7 1px;}
.brand-text {min-height:155px;}
#brand-slider .owl-wrapper-outer {margin-bottom:50px;}
#brand-slider .owl-prev, #brand-slider .owl-next  {margin-top:-40px;}
@media only screen and (max-width: 991px) {
	.brand-text {min-height:20px !important;}
	.fact {margin-bottom:20px !important;}
}