/** CSS RESET **/
/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
	background-color: #000;
	font-family: "proxima-nova", helvetica neue, arial;
	font-size: 16px;
	color: #c7c5c5;
}
.share-plan {
	text-align: center;
	background-color: #000;
}
.share-plan a {
	color: #EF7B31;
	display: inline-block;
	padding: 0em 1em 1em 1em;
	font-weight: 700;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colors to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}


/*******************/
/** BLUR CLASSES **/
/******************/
.blur-3 {
	filter: blur(3px);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxmaWx0ZXIgaWQ9ImJsdXIiPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIiAvPgo8L2ZpbHRlcj4KPC9zdmc+#blur); /* svg file is located at /assets/site/images/blur-3.svg */
}
/****************************/
/* LAYOUT RULES */
/****************************/

body {
	margin: 0;
	overflow-x: hidden;
	-webkit-overflow-scrolling: none;
}
div {
	min-height: 1px; /* this makes sure that an empty dive (from unsemantic) will show as having volume, and not collapse */
}
/* reset grid container to 960 wide*/
.grid-container {
	max-width: 1200px;
}

div.screen-width-bg {
	margin: 0px -9999px 0px;
	padding: 0 9999px 0px;
	background-position: center top;
}
section.corecCustomStylePreview div.screen-width-bg {
	margin: 0px 0px 0px;
	padding: 0 0px 0px;
	background-position: center top;
}

/* set the bottom margin for the content areas */
div.precontentWrapper, div.contentWrapper, div.postcontentWrapper, footer.ccWrapper {
	padding-bottom: 10px;
}

/* for empty template areas that need to still have some volume to show properly */
div.empty-template-area {
	width: 1px;
	height: 1px;
}
/* every module is vertically placed... clear each one */
.ccModule {
	clear: both;
}

.contentArea {
	float: left;
}
section, img {
	border: 0;
	margin: 0;
	padding: 0;
}

/** TOP **/
.logo img {
	height: 102px;
	width: 120px;
	padding-top: 8px;
}
.top-fixed {
	position: fixed !important;
	top: 0;
	width: 100%;
	z-index: 200;
	background: rgba(0,0,0,1);
}
.top-margin {
	height: 125px;
}

/** SLIDER **/
.slider-container {
	width: 100%;
}
.slider-container ul, .slider-container li {
	margin: 0;
}
.mightySlider {
	width: 100%;
	height: auto;
}

.mightySlider .slideelement {
	height: 100%;
	list-style: none;
}

.mightySlider .slideelement .slide {
	  float: left;
	  height: 100%;
}
.mightySlider .slide .slide-text {
	position: absolute;
	width: 50%;
	bottom: 0;
	margin-left: 25%;
	margin-bottom: 10%;
	text-align: center;
}
.mightySlider .slide .slide-text h1 {
	font-family: 'Michroma', arial, helvetica;
	text-transform: uppercase;
	letter-spacing: .3em;
	color: #fff;
	font-size: 38px;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.6);
}
.mightySlider .slide .slide-text p {
	font-family: 'proxima-nova', helvetica neue, arial;
	color: #d0d0d0;
	font-size: 21px;
	line-height: normal;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.6);
}
.mightySlider .slide .slide-text p a {
	color: #ff7301;
	text-decoration: none;
}
.mightySlider .slide .slide-text p a:hover {
	color: #fff;
}
.mightySlider.mightyslider_windows8_skin .mSPages {
	bottom: auto;
	margin-top: -70px;
	z-index: 91;
}
.mightySlider.mightyslider_windows8_skin .mSPages li {
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background-color: transparent;
	margin: 0 4px;
	opacity: 1;
}
.mightySlider.mightyslider_windows8_skin .mSPages li.active {
	background-color: #ff7602;
}

/* The Nav - Horizontal */
nav[role=navigation] {
	margin: 0;
	float: right;
}
nav[role=navigation] ul li {
	margin: 0;
    /** tranglt disable
    fix bug https://setaintl2008.atlassian.net/browse/CC-229
    z-index: 10000;
    */
    z-index: 102;

}
nav[role=navigation] ul {
	list-style: none;
	padding: 0;
	clear: both;
	float: left;
	margin: 0;
}
nav[role=navigation] > ul > li {
	float: left;
}
nav[role=navigation] > ul li a {
	color: #fff;
	font-size: 12px;
	font-family: "Michroma", Helvetica Neue, Arial;
	text-transform: uppercase;
	text-decoration: none;
}
nav[role=navigation] > ul > li > a {
	float: left;
	padding: 10px 14px;
	line-height: 102px;
}
nav[role=navigation] > ul li a:hover {
	color: #ff7602;
}
nav[role=navigation] > ul > li .siteMenu-arrow-down {
	position: absolute;
	display: none;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff; /*#EDECE7*/
	margin-top: 38px;
	margin-left: 10px;
	z-index: 3100;
}

.nav-full-length nav[role=navigation] ul {
	width: 100%;
}
nav[role=navigation] ul.navLv2 {
	position: absolute;
	display: none;
	z-index: 3000;
	width: inherit;
	margin-top: 85px;
}
nav[role=navigation] ul:not(.freezeMenu) li:hover ul.navLv2 {
	display: block;
	background-color: #111111;
	padding-top: 20px;
	padding-bottom: 20px;
}
nav[role=navigation] .navLv2 > li {
	clear: both;
	width: 240px;
	float: left;
	font-family: "proxima-nova", sans-serif;
	text-transform: initial;
}
nav[role=navigation] .navLv2 > li > a {
	font-family: "proxima-nova", sans-serif;
	font-size: 14px;
	color: #fff;
	padding: 0 20px;
	float: left;
	width: 200px;
	background-color: #111111;
	text-transform: initial;
}
nav[role=navigation] .navLv2 > li > a.no-link {
	cursor: default;
}
nav[role=navigation] .navLv2 > li.has-children > a:after {
	display: block;
	content: ">";
	color: #fff;
	position: absolute;
	margin-left: 180px;
	margin-top: -32px;
}
nav[role=navigation] .navLv2 > li.has-children:hover > a:after {
	color: #ff7602;
}
nav[role=navigation] .navLv2 > li:hover > a {
	color: #ff7602;
	background-color: #252525;
}
nav[role=navigation] ul:not(.freezeMenu) .navLv2 li ul.navLv3 {
	position: absolute;
	display: none;
	z-index: 3000;
	width: inherit;
	margin-left: 230px;
}
nav[role=navigation] ul:not(.freezeMenu) .navLv2 li:hover ul.navLv3 {
	display: block;
	background-color: #252525;
	width: 290px;
}
nav[role=navigation] ul:not(.freezeMenu) .navLv2 li ul.navLv3 a {
	display: block;
	font-family: "proxima-nova", sans-serif;
	text-transform: initial;
	font-size: 14px;
	padding: 0 20px;
	width: 290px;
}

/* The Nav - Vertical */
.grid-container .grid-25 nav[role=navigation],
.grid-container .grid-33 nav[role=navigation] {
	float: none !important;
}
.grid-container .grid-25 nav[role=navigation] ul.navLv1,
.grid-container .grid-33 nav[role=navigation] ul.navLv1 {
	float: none;
}
.grid-container .grid-25 nav[role=navigation] > ul > li,
.grid-container .grid-33 nav[role=navigation] > ul > li {
	float: none;
	width: 100%;
}
.grid-container .grid-25 nav[role=navigation] > ul > li > a,
.grid-container .grid-33 nav[role=navigation] > ul > li > a {
	float: none;
	padding: 10px 20px;
	display: block;
}
.grid-container .grid-25 nav[role=navigation] ul.navLv2,
.grid-container .grid-33 nav[role=navigation] ul.navLv2 {
	display: none;
	margin-left: 100%;
	margin-top: -39px;
}

/* The Nav - Fixed */
nav[role="navigation"].fixed {
	position: fixed !important;
	top: 5px;
	z-index: 10000;
}
nav[role="navigation"].fixed ul.navLv1 {
	margin: auto;
	z-index: 10000;
	position: relative;
}
nav[role="navigation"].fixed ul.navLv1 > li{
	float: none;
	display: inline-block;
}
/* don't do after for vertical menus */
.grid-25 nav[role="navigation"].fixed:after,
.grid-33 nav[role="navigation"].fixed:after {
	display: none;
}
nav[role="navigation"].fixed:after {
	content : '';
	display: inline-block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9000;
}

/** HOME **/
.home-highlights {
	min-height: 200px;
}
.home-quad {
	margin-top: 10px;
	padding: 0;
	min-height: 200px;
}
.home-quad img {
	height: 190px;
	position: absolute;
}
.home-quad a {
	position: absolute;
	display: block;
	width: 100%;
	padding-top: 85px;
	height: 105px;
	width: 235px;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	color: #ff7303;
	font-family: "proxima-nova", arial, helvetica;
	font-weight: 400;
	font-size: 19px;
	letter-spacing: .1em;
	z-index: 2;
	text-transform: uppercase;
	text-decoration: none;
	transition: all .3s;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.9);
}
.home-quad a:hover {
	background-color: rgba(0,0,0,0);
}
.home-highlights .clear {
	clear: none;
}

/** PAGES **/
.page-title {
	margin-top: 60px;
}
.page-title h1 {
	font-size: 38px;
	font-family: "Michroma", arial,helvetica;
	color: #fff;
	letter-spacing: .3em;
	text-transform: uppercase;
	text-align: center;
	margin: 0.3em;
}
.page-title p {
	color: #fff;
}
.page-title #Module_5 p {
	line-height: normal;
	margin-bottom: 0;
}

/** Bottom **/
.bottom {
	padding-top: 10px;
	padding-bottom: 30px;
}
.bottom p {
	color: #fff;
	line-height: normal;
	font-size: 13px;
	padding-top: 15px;
}
.bottom p a {
	color: #fff;
	text-decoration: none;
}
.bottom p a:hover {
	text-decoration: underline;
}
.footer-social, .social-page-icons {
	margin: 30px 0 0 0;
	list-style-type: none;
	padding-left: 20px;
	border-left: solid 1px #fd7322;
}
 .social-page-icons {
 	border-left: 0;
 	margin: auto;
 	text-align: center;
 	margin-bottom: 30px;
}
.footer-social li, .social-page-icons li {
	display: inline-block;
	margin-right: 5px;
	border-radius: 50%;
	background-color: #fd7322;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	line-height: normal;
}
.footer-social li a, .social-page-icons li a {
	display: block;
	width: 17px;
	height: 13px;
	color: #fff;
	font-size: 14px;
	padding: 5px 4px 6px 4px;
	text-align: center;
}
.footer-social li:hover a, .social-page-icons li:hover a {
	color: #fd7322;
}
.footer-social li:hover, .social-page-icons li:hover {
	background-color: #fff;
}
.footer-social li.ico-pinterest a, .social-page-icons li.ico-pinterest a {
	padding: 6px 4px 5px 4px;
}

/** ARTICLE LIST **/
.article-list {
	height: 400px;
}

.grid-container .article-list img {
	height: 390px;
	width: 390px;
	margin-top: -390px;
	z-index: -1;
	position: absolute;
}
.grid-container .article-list a {
	display: block;
	height: 390px;
	width: 390px;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	color: #fff;
	font-family: "proxima-nova", arial, helvetica;
	font-weight: 300;
	font-size: 19px;
	letter-spacing: .1em;
	z-index: 2;
	text-transform: uppercase;
	text-decoration: none;
	transition: all .3s;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.9);
}
.grid-container .article-list a:hover {
	background-color: rgba(0,0,0,0.3);
}
.grid-container .article-list a h2 {
	font-family: "Michroma", arial, helvetica;
	font-size: 17px;
	width: auto;
	margin: 0;
	padding-top: 45%;
	transition: all .3s;
}
.grid-container .article-list a p {
	font-size: 17px;
	color: #fff;
	visibility: hidden;
	transition: all .3s;
	opacity: 0;
	line-height: normal;
}
.grid-container .article-list a p i {
	color: #fd7322;
	padding-left: 10px;
}
.grid-container .article-list a:hover h2 {
	padding-top: 40%;
}

.grid-container .article-list a:hover p {
	visibility: visible;
	opacity: 1;
	line-height: normal;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.9);
}

/** NEW ARTICLE LIST **/
.new-article-list {
	margin-bottom: 2em;
	padding-bottom: 3em;
	border-bottom: solid 2px #333333;
	padding-left: 0;
}
.new-article-list div {
	float: left;
	position: relative;
	padding-right: 1em;
	width: 270px;
	height: 200px;
	overflow: hidden;
	margin: 0;
}
.new-article-list div img {
	position: absolute;
	top: -45px;
	left: 0;
	width: 270px;
	height: auto;
}
.new-article-list a {
	color: #fff;
}
.new-article-list a:hover {
	text-decoration: none;
	color: #fd7223;
}
.new-article-list a:hover h3 {
	color: #fd7223;
}
.new-article-list p a {
	font-family: "Michroma", arial, helvetica;
	font-size: .75em;
}
.new-article-list p a i {
	font-size: .8em;
	margin-left: .25em;
}

.pagination-dots {
	list-style-type: none;
	margin: 0;
	padding: 40px 0 60px 0;
	text-align: center;
}
.pagination-dots li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 10px;
	width: 10px;
	border: solid 1px #fff;
	border-radius: 50%;
	background-color: transparent;
	display: inline-block;
	margin-right: 8px;
}
.pagination-dots li a {
	display: block;
	width: 10px;
	height: 10px;
}
.pagination-dots li:last-child {
	margin-right: 0;
}
.pagination-dots li:not(.number) {
	background-color: #fd7322
}
.pagination-dots li:hover {
	background-color: #fd7322;
}

/** SALESFORCE FORM **/
#sf-form {
	display: block;
	width: 900px;
}
#sf-form label {
	width: 170px;
	display: inline-block;
	margin-bottom: 10px;
}
#sf-form input[type=text], #sf-form textarea, #sf-form select {
	width: 200px;
	padding: 10px;
	border: solid 1px #ccc;
	border-radius: 5px;
	color: #333;
	margin-bottom: 10px;
	display: inline-block;
}
#sf-form textarea {
	height: 50px;
}
#sf-form select {
	color: #333;
	padding: 3px;
	min-width: 222px;
	height: 35px;
}
#custom-form-info div {
	display: none;
}
#submit-btn-block {
	width: 900px;
	float: left;
	padding: 30px 0;
	text-align: center;
}
#submit-btn-block input[type='submit'] {
	color: #fff;
	background-color: #fb7331;
	border: 0;
	padding: 5px 10px;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
}
#submit-btn-block input[type='submit']:hover {
	color: #000;
	background-color: #cfcfcf;
}



/** PAGINATION **/
ul.prevNext {
	clear: both;
	list-style-type: none;
	margin: 80px 0 10px 0;
	padding-left: 0 !important;
	border-top: solid 1px #444343;
	padding-top: 30px;
}
ul.prevNext li {
	float: left;
	padding-right: 6px;
}
ul.prevNext li.pageNumberOpen {
	font-weight: bold;
}
ul.prevNext li.previous, ul.prevNext li.next {
	background-color: #383838;
	color: #fff;
	font-family: "proxima-nova", arial, helvetica;
	font-weight: 700;
	font-size: 21px;
	border-radius: 10px;
	padding: 7px 15px;
	text-transform: uppercase;
}
ul.prevNext li.previous:hover, ul.prevNext li.next:hover {
	background-color: #fd7322;
}
ul.prevNext li.previous a, ul.prevNext li.next a {
	color: #fff;
	text-decoration: none;
}
ul.prevNext li.next {
	float: right;
}

/** HERO IMAGE MODULES **/
.hero-image-module,
.full-width-image-module {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 510px;
}
.hero-image-module > img,
.full-width-image-module > img {
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	width: 2000px !important;
	height: 510px !important;
	min-width: 1000px;
}
.hero-image-module.hero-home > img,
.full-width-image-module.hero-home > img {
	height: 400px !important;
}
.hero-image-module > img[src="/cms_images/spacer.gif"],
.full-width-image-module > img[src="/cms_images/spacer.gif"] {
 	width: 2000px;
 	height: 510px;
}
/** GALLERY **/
/* @group SUB | Gallery */
.grid-container ul.galleryListPage {
	list-style: none;
	margin: 0;
	width: 100%;
	padding: 0;
}
.grid-container ul.galleryListPage li {
	float: left;
	display: block;
	margin-right: 15px;
}
.grid-container ul.galleryListPage li div.galleryItemContainer {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
	float: left;
	margin: 0 0 25px 0;
	background: #353535;
	cursor: pointer;
}
.grid-container ul.galleryListPage li h2 {
	margin-bottom: 3px;
}
.grid-container ul.galleryListPage li div.galleryItemContainer img {
	position: absolute;
}

.grid-container ul.galleryListPage li > div.galleryItemContainer span.galleryCaption {
	width: 30%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	height: 100%;
	right: 0;
	z-index: 2;
	font-size: 1em;
	line-height: 1.5em;
	color: rgba(255,255,255,.9);
	text-align: left;
	padding: 2em;
	text-shadow: 0px 0px 2px #000;
}

.grid-container ul.galleryListPage li > div.galleryItemContainer span.galleryViewMore {
	position: absolute;
	bottom: -20px;
	right: -5px;
	background: none;
	clear: both;
	color: rgba(0,0,0,1);
	display: block;
	font-size: 1.2em;
	line-height: 1em;
	z-index: 2;
	text-align: center;
	text-shadow: 0px 0px 1px #000;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid #fff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	opacity: 0.6;
}
.grid-container ul.galleryListPage li > div.galleryItemContainer span.galleryViewMore span {
	position: absolute;
	margin-left: -25px;
	margin-top: -15px;
	font: bold 25px arial,helvetica,verdana;
	position: absolute;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	text-shadow: 0px 0px 0px #000;
}

.grid-container ul.galleryList {
	list-style: none;
	margin: 0;
	width: 100%;
	margin-right: -30px;
	padding: 0;
}
.grid-container ul.galleryList li {
	float: left;
	display: block;
	margin-top: 15px;
	padding-left: 0px;
}
.grid-container ul.galleryList li > div.galleryItemContainer {
	width: 100%;
	height: 100px;
	overflow: hidden;
	position: relative;
	float: left;
	margin: 0;
}
.grid-container ul.galleryList li > div.galleryItemContainer a {
	border: 1px solid #666666;
}
.grid-container ul.galleryList li > div.galleryItemContainer span.galleryCaption {
	width: 100%;
	background: rgba(0,0,0,0.4);
	position: absolute;
	bottom: 0px;
	z-index: 2;
	font-size: .8em;
	line-height: 1em;
	color: rgba(255,255,255,.85);
	text-align: left;
	padding: 4px 4px 4px 4px;
	text-shadow: 0px 0px 2px #000;
}

/** NEW PRODUCT PAGE **/
.grid-container .product-title h1 {
	font-size: 23px;
	letter-spacing: 0.05em;
	margin-bottom: .75em;
}
.grid-container .product-page {
	padding-left: 50px;
}
.grid-container .product-page p {
	font-size: 17px;
	line-height: 32px;
	margin-top: 0;
	margin-bottom: 1em;
}
.grid-container .product-page .request {
	display: inline-block;
	background-color: #fb6f1e;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	padding: 1em 1em .9em 1em;
	font-weight: 700;
	margin-right: 1.5em;
	margin-top: -3em;
	text-decoration: none;
	float: right;
}
.grid-container .product-page .request:hover {
	color: #fb6f1e;
	background-color: #fff;
}

/* product gallery */
.gallery {
	position:relative;
	width:596px;
	margin:0 0 21px;
	clear: left;
	margin-top: 10px;
}
.gallery .slides {
	position:relative;
	overflow:hidden;
	width:595px;
	min-height:400px;
	padding:0;
	margin:0 0 11px;
}
.gallery .slides li {
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:596px;
	list-style:none outside;
}
.gallery img {
	display:block;
	transition: all 0.3s ease-in;
}
.gallery .gallerylarge i {
	font-size: 70px;
	cursor: pointer;
	position: absolute;
	margin-top: -200px;
	margin-left: 10px;
	color: #fff;
	text-shadow: 0 0 3px rgba(0,0,0,0.3);
	transition: all 0.3s ease-in;
}
.gallery .gallerylarge i:hover {
	color: #fb6f1e;
}
.gallery .gallerylarge i:nth-child(3) {
	margin-left: 560px;
}
.gallery .gallerylarge img {
	width: 595px;
	height: 322px;
}
.gallery .slides li.active {z-index:2;}
.gallery .pagination {
	float:left;
	width:600px;
	overflow:hidden;
	position:relative;
}
.gallery .pagination ul {
	width:99999px;
	overflow:hidden;
	padding:0;
	margin:0;
	list-style:none;
}
.gallery .pagination li {
	float:left;
	width:102px;
	margin:0 5px 0 0;
}
.gallery .btn-prev,
.gallery .btn-next {
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	width:22px;
	height:21px;
	margin:29px 9px 0 -31px;
}
.gallery .btn-next {
	background-position:0 -24px;
	margin:29px -32px 0 6px;
}
.gallery #latestPhotos {
	margin-top: 10px;
	width: 10000px;
}
.gallery #latestPhotos img {
	width: 141px;
	height: 75px;
	margin-right: 10px;
}
.gallery .gallerynav > div {
	width: 600px;
	height: 120px;
	overflow:
	hidden;
	float: left;
}
.gallery .gallerynav > a {
	font-size: 18px;
	height: 95px;
	line-height: 95px;
	margin-left: 3px;
	padding: 0 0 10px;
	position: absolute;
	width: 20px;
}
.gallery .gallerynav > a.photosSlideLeft {
	margin-left: -615px;
}
/** product image **/
.product-page > img {
	max-height: 325px;
	min-height: 100px;
	min-width: 100px;
	max-width: 530px;
	width: auto;
	display: block;
	text-align: center;
	margin: auto;
}
/** product fitment **/
.grid-container .ui-widget-content {
	background-image: none;
	background-color: #464646;
	border: none;
}
.grid-container .ui-widget-content {
	color: #fff;
}
.grid-container .ui-widget-header {
	border: none;
}
.grid-container .ui-tabs {
	padding: 0;
}
.grid-container .ui-tabs .ui-tabs-nav li {
	margin: 0;
	border: none;
	border-top-right-radius: 5px;
	background-image: none;
	background-color: #242424;
	color: #ff7204;
	padding-bottom: 2px;
	margin-right: 2px;
}
.grid-container .ui-tabs .ui-tabs-nav li a {
	padding: .5em 1em;
	color: #ff7204;
	font-family: "proxima-nova", sans-serif;
	font-size: 12px;
	font-weight: 700;
}
.grid-container .ui-state-active, .grid-container .ui-widget-content .ui-state-active, .grid-container .ui-widget-header .ui-state-active {
	border: 0;
	top: 0;
	border-radius: 0;
}
.grid-container .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background-color: #464646;
	background-image: none;
	color: #ff7204;
	padding-bottom: 2px;
	margin-right: 2px;
}
.grid-container .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #fb6f1e;
}
.grid-container .ui-tabs .ui-tabs-nav {
	background-image: none;
	padding: 0;
	background-color: #000000;
}
.grid-container .ui-tabs .ui-tabs-panel {
	padding: 1em 0;
}

.fitment h4 {
	color: #ff7304;
	font-size: 17px;
	margin-top: 50px;
	margin-bottom: 5px;
}
.fitment table {
	width: 100%;
}
.fitment tr {
	padding-bottom: 20px;
}
.fitment tr th {
	color: #fff;
	font-family: "proxima-nova", sans-serif;
	font-size: 12.5px;
	text-align: center;
	min-width: 75px
}
.fitment tr th hr {
	width: 0;
	height: 20px;
	margin-top: -5px;
	float: right;
	display: inline-block;
	border-right: solid 1px #fff;
}
.fitment tr th:last-child {
	border-right: 0;
}
.fitment tr td {
	font-size: 12px;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	margin-top: 10px;
}
.fitment tr td:first-child {
	text-align: left;
	padding-left: 20px;
}
.fitment tr.gray td {
	background-color: #363636;
}

/** PRODUCT MESSAGE **/
.product-message {
	padding-top: 30px;
}
.product-message p {
	font-size: 26px;
	color: #fff;
	margin: 0 20px 20px 20px;
	line-height: 43px;
}
.product-message p:last-child a {
	color: #fff;
	display: inline-block;
	padding: 4px 28px;
	background-color: #ff7204;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
}
.product-message p:last-child a:hover {
	background-color: #fff;
	color: #ff7204;
	text-decoration: none;
}

/** PRODUCT **/
.grid-container ul.productListPage {
	list-style: none;
	margin: 0;fitment
	width: 100%;
	padding: 0;
}
.grid-container ul.productListPage li {
	float: left;
	display: block;
	margin-right: 15px;
}
.grid-container ul.productListPage li div.productItemContainer {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	float: left;
	margin: 0 0 25px 0;
}
.grid-container ul.productListPage li div.productItemContainer > div {
	margin: 0 0 0 15px;
}
.grid-container ul.productListPage li div.productItemContainer > div p.productShortDescription {
	display: block;
}
.grid-container ul.productListPage li div.productItemContainer > div p.productViewMore {
	display: block;
}

/** LANDING PAGE **/
div:not(.sitemap-7):not(.sitemap-11):not(.sitemap-13):not(.sitemap-30) .landing-page .cms-body p,
div:not(.sitemap-7):not(.sitemap-11):not(.sitemap-13):not(.sitemap-30) .landing-page .cms-body li {
	width: 80%;
	margin-left: 10%;
}
.center-area-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}

.gray-highlight {
	background-position: center top;
	margin: 0 -9999px;
	padding: 0 9999px;
	background-color: #333333;
	margin-top: 60px;
	margin-bottom: 60px;
}
.gray-highlight > .grid-container > div:nth-child(1) img {
	/*
	height: 600px;
	width: 600px;
	float: left;
	*/
}
.gray-highlight > .grid-container > div.grid-50:nth-child(2) li,
.gray-highlight > .grid-container > div.grid-50:nth-child(1) li,
.gray-highlight > .grid-container > div.grid-50:nth-child(2) p,
.gray-highlight > .grid-container > div.grid-50:nth-child(1) p {
	font-size: 20px;
}
.gray-highlight.about-us-page > .grid-container > div.grid-50:nth-child(2) p,
.gray-highlight.about-us-page > .grid-container > div.grid-50:nth-child(2) li {
	font-size: 16px;
	padding: 60px 0px 60px 100px;
}
.gray-highlight .grid-33 .under-video {
	font-size: 18px;
	color: #fd8524;
	margin-top: 25px;
	text-align: center;
	padding: 0;
}
.middle-image {
	margin-top: 60px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.middle-image img {
	display: block;
	width: 100%;
	height: auto;
}
/*
.about-us .middle-image,
.about-us .middle-image img {
	height: 800px !important;
}
*/
.dark-gray-highlight {
	background-position: center top;
	margin: 0 -9999px;
	padding: 0 9999px;
	background-color: #252525;
}
.dark-gray-highlight:not(.main-top-image) > .grid-container > div:nth-child(1) img, .dark-gray-highlight > .grid-container > div:nth-child(2) img {
	float: left;
}
.dark-gray-highlight > .grid-container > div.grid-50:nth-child(2) p, .dark-gray-highlight > .grid-container > div.grid-50:nth-child(1) p,
.dark-gray-highlight > .grid-container > div.grid-50:nth-child(2) li, .dark-gray-highlight > .grid-container > div.grid-50:nth-child(1) li {
	font-size: 18px;
}
.dark-gray-highlight > .grid-container > div.grid-50:nth-child(2) p:first-child,
.dark-gray-highlight > .grid-container > div.grid-50:nth-child(1) li:first-child {
}
.dark-gray-highlight > .grid-container > div.grid-50:nth-child(2) p:last-child,
.dark-gray-highlight > .grid-container > div.grid-50:nth-child(1) li:last-child {
	/*padding-bottom: 60px;*/
}
.darkest-gray-highlight {
	background-position: center top;
	margin: 0 -9999px;
	padding: 0 9999px;
	background-color: #232323;
}
.darkest-gray-highlight > .grid-container > div:nth-child(1) img, .darkest-gray-highlight > .grid-container > div:nth-child(2) img {
	float: left;
}
.darkest-gray-highlight > .grid-container > div.grid-50:nth-child(2) p, .darkest-gray-highlight > .grid-container > div.grid-50:nth-child(1) p,
.darkest-gray-highlight > .grid-container > div.grid-50:nth-child(2) li, .darkest-gray-highlight > .grid-container > div.grid-50:nth-child(1) li {
	font-size: 16px;
}
.almost-black-highlight {
	background-position: center top;
	margin: 0 -9999px;
	padding: 0 9999px;
	background-color: #1c1c1c;
}
.nearest-black-highlight {
	background-position: center top;
	margin: 0 -9999px;
	padding: 0 9999px;
	background-color: #111111;
}
.split-body {
	background-position: center top;
	margin: 0 -9999px;
	padding: 60px 9999px;
	background-color: #1a1a1a;
}
.split-body > div > div:nth-child(2) {
	padding-top: 65px;
}
.darkest-gray-highlight .grid-100 table td:nth-child(1), .dark-gray-highlight .grid-100 table td:nth-child(1), .almost-black-highlight .grid-100 table td:nth-child(1) {
	padding-right: 20px;
}
.technology-page .mightySlider.mightyslider_windows8_skin .mSPages {
	margin-top: -80px;
}
.technology-page .mightySlider.mightyslider_windows8_skin .mSPages li {
	height: 18px;
	width: 18px;
	border: 2px solid rgba(255, 255, 255, 0.8);
}
.technology-page .mightyslider_windows8_skin .mSPages {
	opacity: 1;
}
.technology-bottom-border {
	height: 10px;
	width: 100%;
	clear: both;
	background-color: #ff7301;
}
.grid-container .tech-timeline img {
	padding: 130px 0;
	width: 1200px;
	max-width: 100%;
	height: auto;
}
.grid-container .tech-highlights img {
	padding: 130px 0;
	width: 587px;
	max-width: 100%;
	height: auto;
}
.grid-container .right-content-block {
	padding-top: 100px;
	padding-left: 100px;
	padding-top: 60px;
}

.grid-container .left-content-block {
	padding-top: 100px;
	padding-right: 100px;
}
.grid-container .two-columns {
	/*
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	*/
	padding-bottom: 0;
	margin-bottom: 0;
	text-align: left;
}
.sitemap-10 p {
	font-size: 21px;
}
.video-iframe {
	text-align: center;
	margin: auto;
	padding: 100px 0;
}
.tech-left-image img {
	margin-left: -110px;
	width: 710px;
	height: auto;
}
.tech-right-image img {
	width: 710px;
	height: auto
}



/** COMMENTS **/
div.addNewComment {
	font: bold 15px helvetica, arial;
	margin-top: 25px;
	clear: both;
}

/** STANDARD DISPLAY FOR DRAGGABLE ITEMS **/
span.dragItem {
	width: 150px;
	display: block;
}
span.dragLeft {
	float: left;
	margin: 0 15px 15px 0;
}
span.dragMiddle {
	display: table !important;
	margin: 0 auto;
	clear: both;
	width: 100%;
	text-align: center;
}
span.dragMiddle img {
	margin: 0 auto;
	display: block; /*display: table !important;*/
}
span.dragRight {
	float: right;
	margin: 0 0 15px 15px;
}
imgcaption {
	/*
	display: block;
	*/
	display: none;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	font: normal 11px helvetica, arial;
}
.grid-container p.ccColophon {
	font-size: 10px;
	text-align: center;
	clear: both;
}

/** SOCIAL GRID **/
.sitemap-9 .landing-page, .page-title.sitemap-3 {
	margin-top: 0;
}
.sitemap-9 .landing-page h1, .sitemap-3 h1 {
	margin-top: 0 ;
}
.social-grid > div {
	margin-top: 10px;
}
.social-grid > div > .social-feature {
	height: 490px;
	width: 590px;
	background-size: cover;
	background-position: top center;
	overflow: hidden;
	border-top: solid 4px #fd7322;
	background-color: #4c4c4c;
}
.social-grid > div:hover > .social-feature {
	background-color: #7f7f7f;
}
.social-grid > div > div:not(.social-feature) {
	width: 290px;
	height: 240px;
	overflow: hidden;
	background-size: cover;
	background-position: top center;
	border-top: solid 4px #fd7322;
	background-color: #4c4c4c;
}
.social-grid > div:hover > div:not(.social-feature) {
	background-color: #7f7f7f;
}
.social-grid > div > div > i {
	background-color: #fd7322;
	color: #fff;
	font-size: 18px;
	padding: 5px 20px;
}
.social-grid > div > div > i:after {
	content : " ";
	width: 0;
	height: 0;
	border-top: 0 solid transparent;
	border-bottom: 28px solid transparent;
	border-left: 20px solid #fd7322;
	position: absolute;
	margin-left: 20px;
	margin-top: -5px;
}
.social-grid > div > div:not(.social-feature) > i {
	font-size: 13px;
	padding: 4px 15px;
}
.social-grid > div > div:not(.social-feature) > i:after {
	margin-left: 15px;
	border-bottom-width: 21px;
	border-left-width: 15px;
}
.social-grid > div > div p {
	font-family: "proxima-nova", arial,helvetica;
	font-size: 17px;
	color: #fff;
}
.social-grid > div > div > div {
	margin-top: 50%;
	background-color: rgba(0,0,0,0.7);
	border: none;
	padding: 40px;
	margin-top: 35%;
	height: 100%;
	transition: all;
}
.social-grid > div > div:hover > div {
	background-color: rgba(0,0,0,0.5);
}
.social-grid > div > div > div p {
	margin-top: 0;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
	height: 140px;
	overflow: hidden;
}
.social-grid > div > div > div p a {
	color: #fd7322;
	text-decoration: none;
}
.social-grid > div > div > div p a:hover {
	text-decoration: underline;
}
.social-grid > div > div > div > span {
	display: block;
	font-size: 14px;
	text-align: right;
}
.social-grid > div > div:not(.social-feature) div {
	margin-top: -21px;
}
.social-grid > div > div:not(.social-feature) div p {
	color: #fd7322;
	font-size: 15px;
}
.social-twitter, .social-youtube, .social-pinterest {
	display: none;
}

/** FORMS **/
.grid-container input[type="text"], .grid-container textarea:not(.cmsTextbox) {
  margin-bottom: 4px;
  max-width: 400px;
  padding: 3px;
}
.grid-container .moduleSearch input[type="text"] {
	max-width: 150px;
	float: left;
}
.moduleSearch input[type="submit"] {
	margin-left: 10px;
	max-width: 50px;
	float: left;
}

.mobile-clear-row {
	display: none;
}
/** SECTION LINKS MODULE **/
section.moduleSectionLinks ul {
	list-style: none;
	padding: 0;
	clear: both;
	margin: 0;
}
section.moduleSectionLinks ul li {
	display: inline-block;
	padding-right: 10px;
}
section.moduleSectionLinks ul li:last-child {
	padding-right: 0;
}

/** TWITTER FEED **/
/* TWITTER MODULE */
section.moduleTwitter ul {
	padding: 0px;
	margin-left: 0em;
}
section.moduleTwitter ul li {
	list-style-type: none;
}
/* These classes can go be put into site_default.css */
.moduleSocialNetworks {
    position: relative;
    z-index: 2;
}
div.social-icons {
}
a.s-icon {
    float: left;
    display: block;
}
a.s-icon-circle {
    border-radius: 50%;
}
a.s-icon-rounded {
    border-radius: 15%;
}
a.s-icon-square {
    border-radius: 0%;
}
a.s-icon-drop-black {
    box-shadow: 2px 2px 6px #000;
}
a.s-icon-drop-white {
    box-shadow: 2px 2px 6px #fff;
}
a.s-icon-drop-gray {
    box-shadow: 2px 2px 6px #888;
}
div.s-title {
    float: left;
    text-align: center;
}
a.s-label {
    float: left;
    text-align: center;
    text-decoration: none;
    margin-right: 10px;
    margin-left: 10px;
}
a.s-icon-label-after {
    margin-right: 0px !important;
}
a.s-icon-label-before {
    margin-left: 0px !important;
}

div.social-vertical a  {}
div.social-vertical a:nth-of-type(odd) {
    clear: left;
    text-align: right;
}

/* These class can be dynamically generated on the page itself since we don't know what they'll be with hard-coded CSS--the colors or sizes would be too many classes to create */
.s-icon {
    background-color: #05568D;
    padding: 6px;
}
.s-icon:hover {
    background-color: #fff;
}
div.social-icons {
    display: table-cell;
}
div.social-icons a.s-icon:not(:last-child) {
    margin-right: 10px;
}
/* same as the padding between icons */
div.s-title-left {
    padding-right: 10px;
}
div.s-title-right {
    padding-left: 10px;
}
div.s-title-above {
    padding-bottom: 10px;
    float: none;
    clear: both;
}
div.s-title-below {
    padding-top: 10px;
    float: none;
    clear: both;
}
a.s-label-before:not(:first-child) {
    margin-left: 10px;
}
a.s-label-after:not(:last-child) {
    margin-right: 10px;
}
/* for a vertically arranged list, this is the space between icons*/
div.social-vertical a {
    margin-top: 10px;
}
div.social-vertical div.s-title-left {
    margin-right: 10px;
}
/** add min width for lightbox */
#lightbox-container-image-data-box {
    min-width: 200px;
}
#lightbox-container-image-box {
    min-width: 220px;
    max-width: 100%;
    height: auto !important;
    min-height: 100px;
}
#lightbox-container-image-box #lightbox-container-image img {
	max-width: 100%;
}
/*dungdn - 5/16/2014: fix CC-276*/
#jquery-overlay {
	z-index: 120 !important;
}
#jquery-lightbox {
	z-index: 130 !important;
}


/** DEALER PAGE **/
.dealer-login {
	width: 48%;
	float: left;
	padding-right: 10px;
}
.dealer-register {
	width: 50%;
	float: left;
}
.dealer-login label,
.dealer-register label,
.dealer-info-window label {
	display: inline-block;
	margin-bottom: 10px;
	width: 170px;
	clear: left;
}
.dealer-login input[type="text"], .dealer-login input[type="password"],
.dealer-register input[type="text"], .dealer-register input[type="password"],
.dealer-info-window input[type="text"], .dealer-info-window input[type="password"] {
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #000;
	display: inline-block;
	margin-bottom: 10px;
	padding: 10px;
	width: 200px;
	clear: right;
}
.dealer-login input[type="button"], .dealer-login input[type="submit"],
.dealer-register input[type="button"], .dealer-register input[type="submit"],
.dealer-info-window input[type="button"], .dealer-info-window input[type="submit"] {
	background-color: #fb7331;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	padding: 5px 10px;
	text-transform: uppercase;
}
.dealer-login input[type="button"]:hover, .dealer-login input[type="submit"]:hover {
	background-color: #666;
}
.dealer-register input[type="text"], .dealer-register input[type="password"],
.dealer-info-window input[type="text"], .dealer-info-window input[type="password"] {
	padding: 4px;
	background-color: #ddd;
	font-size: 10px;
}
.dealer-info-window #FormErrorArea {
	color: #f9733c;
}
/*
.dealer-register input[type="button"], .dealer-register input[type="submit"] {
	background-color: #999999;
	padding: 3px 7px;
	color: #eee;
	font-size: 12px;
}
*/
.dealer-register input[type="button"]:hover, .dealer-register input[type="submit"]:hover {
	background-color: #666;
}
.dealer-links {
	font-size: 11px;
}
.dealer-links:hover {
	color: #df731e;
}
.dealer-downloads ul {
	list-style-type: none;
}
.dealer-folder li {
	font-size: 21px;
	line-height: 40px;
	color: #fff;
}
.dealer-folder li span:hover {
	color: #de741e;
	text-shadow: 0px 0px 5px #de741e;
}
.dealer-folder li > span {
	cursor: pointer;
}
.dealer-folder img {
	max-width: 50px;
	padding-right: 30px;
	vertical-align: middle;
}
.dealer-files li {
	font-size: 16px;
	line-height: 40px;
}
.dealer-files li a {
	color: #fff;
}
.dealer-files img {
	max-width: 35px;
	padding-left: 10px;
	height: auto;
	vertical-align: middle;
	padding-right: 30px;
}
.dealer-folder .dealer-files img {
	padding-left: 40px;
}
#FormErrorArea {
	padding-top: 15px;
	font-size: 13px;
	color: red;
}
#FormErrorArea div {
	padding-bottom: 6px;
}

/** BOTTOM ARROW **/
#bottom-arrow {
	position: fixed;
	bottom: 10px;
	margin: auto;
	width: 100%;
	text-align: center;
	z-index: 10000;
}
#bottom-arrow span {
	width: 100px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	font-size: 48px;
	color: #fff;
	z-index: 10000;
	text-shadow: 0 0 10px #000;
}
#bottom-arrow span:hover {
	color: #f17630;
}

/** CR9 PRODUCT PAGE CODE **/
.container {
	width: 1180px;
}
.medium-container {
	background: #1a1a1a;
}
.light-container {
	background: #404040;
}
.img-fullwidth {
	width: 100%;
}

.slide-in {
	position: relative;
	opacity: 0;
	top: 50px;
}
.top-post-spacer {
	position: relative;
	display: block;
	padding-top: 1000px;
}

#scroll-down {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
#scroll-down .scroll-link {
	display: block;
	color: #fff;
	margin: 0 auto 20px;
	font-size: 48px;
	text-align: center;
}

.navbar {
	background: #000;
	height: 120px;
	border: 0;
	border-top: 1px rgba(255,115,4,.65);
	/* box-shadow: 0 0 10px rgba(255,115,4,.65); */
}


.navbar-brand {
	width: 120px;
	height: 102px;
}

.navbar-brand span {
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 0 0 0 -61px;
	width: 122px;
	height: 30px;
	/*background: url('../images/crlogo-text.png') bottom center no-repeat;
	background: url('/images/logo.png') bottom center no-repeat;*/
}
@media (max-width: 767px) {
	.navbar-collapse {
		background: #000;
	}
}

.navbar > .container .navbar-brand {
	margin-left: -16px;
}

.navbar-toggle {
	margin-top: 32px;
	margin-bottom: 32px;
	margin-right: 25px;
}

.navbar-nav {
	margin-top: 30px;
	margin-bottom: 19px;
}

#main-nav .navbar-nav > li > a {
	font-family: "Michroma", sans-serif;
	background: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 32px;
}
.navbar-nav > li > a {
	padding-left: 16px;
	padding-right: 16px;
}

#main-nav .navbar-nav > li > a:hover {
	color: #fd7323;
}
#main-nav .navbar-nav > li.active > a {
	color: #fd7323;
}
.navbar-nav.navbar-right:last-child {
	margin-right: -13px;
}

.top-spacer {
	height: 0;
	padding-top: 100px;
}


.title {
	padding-top: 80px;
	padding-bottom: 80px;
}
.title h1 {
	font-size: 40px;
	line-height: 48px;
	margin: 0 auto 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.title h2 {
	font-size: 32px;
	line-height: 36px;
	font-weight: 200;
	margin: 0 auto 20px;
	letter-spacing: 2.5px;
	text-transform: uppercase;
}
.title p {
	font-size: 19px;
	line-height: 31px;
	max-width: 85%;
	margin: 0 auto;
}

footer {
	border-top: 3px solid #ff7303;
	font-size: 12px;
	line-height: 21px;
}

/* Gallery */
.carousel-wrapper {
	padding-top: 100px;
	padding-bottom: 100px;
}
.carousel .slider {
	margin: 0 auto;
	padding: 0;
}
.carousel .slider li {
	margin: 0;
	padding: 0;
}
.carousel .slider img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}
.carousel .slider.slider-for {
	margin-bottom: 20px;
}
.carousel .slider.slider-nav li {
	padding: 0 10px;
}
.carousel .slider.slider-nav {
	margin-bottom: 40px;
}
.carousel .slider-arrow {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0;
	text-align: center;
	z-index: 100;
	cursor: pointer;
	font-size: 48px;
	color: #fff;
	text-shadow: 0 0 10px #000;
	transition: 250ms;
}
.carousel .slider-arrow.slider-prev {
    left: -50px;
}
.carousel .slider-arrow.slider-next {
    right: -50px;
}
.carousel .slider-arrow:hover {
	color: #f17630;
}


.hero-section {
	position: relative;
	overflow: hidden;
	background: #000000;
	padding-bottom: 50px;
	/*
	background: -moz-linear-gradient(top, #222222 0%, #000000 25%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(25%,#000000));
	background: -webkit-linear-gradient(top, #222222 0%,#000000 25%);
	background: -o-linear-gradient(top, #222222 0%,#000000 25%);
	background: -ms-linear-gradient(top, #222222 0%,#000000 25%);
	background: linear-gradient(to bottom, #222222 0%,#000000 25%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#000000',GradientType=0);
	*/
}

.hero-section .title {
	padding-top: 25px;
	padding-bottom: 25px;
}
.hero-section .title h1 {
	margin-bottom: 10px;
}
.hero-section .hero-image {
	position: relative;
	margin: 0 auto -10%;
}
.hero-section .hero-image-overlay {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(0,0,0,0)), color-stop(75%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.hero-section#product-list ul {
	list-style-type: none;
	margin; 0
}
.hero-section#product-list ul li {
	margin: 0;
	display: inline-block;
}
.hero-section#product-list ul li a {
	display: block;
	width: 145px;
	text-align: center;
	color: #fff;
	margin-right: 9px;
	background-color: #333333;
	padding: 13px 0 10px 0;
	font-size: 12.5px;
	font-family: "proxima-nova", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}


.hero-image img {
	display: block;
	margin: 0 auto;
}

/* Dots */
.dot-link, .dot-link:before, .dot-link:after {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
    transition: all 0.2s;
}

.dot-items {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: -999;
}
.dot-items.active {
	z-index: 199;
}
.dot-items .item {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 25px 50px;
}
.dot-items .item p,
.dot-items .item li {
	font-size: 19px;
	line-height: 31px;
}
.dot-items .item p:nth-child(3) {
	text-align: justify;
	margin-top: 10px;
}
.dot-items .item img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 55%; /* max-height: 100%; */
}
.dot-items,
.dot-items .item,
.dot-items .item img {
	box-sizing: border-box;
}

.dot-items .controls {
	position: absolute;
	z-index: 999;
	opacity: 0.7;
	cursor: pointer;
	text-indent: -9999em;
	background-position: center center;
	background-repeat: no-repeat;
}
.dot-items .controls:hover {
	opacity: 1;
}
.dot-items .control-close {
	top: 10px;
	right: 10px;
	width: 36px;
	height: 36px;
	background-image: url('/images/tech-control-close.png');
}
.dot-items .control-previous {
	left: 10px;
	top: 50%;
	margin-top: -27px;
	width: 38px;
	height: 54px;
	background-image: url('/images/tech-control-prev.png');
}
.dot-items .control-next {
	right: 10px;
	top: 50%;
	margin-top: -27px;
	width: 38px;
	height: 54px;
	background-image: url('/images/tech-control-next.png');
}
.dot-items .inner {
}

@media (max-width: 767px) {
	.technology-image {
		float: none !important;
	}
}
.tech-dot {
	position: absolute;
	width: 26px;
	height: 26px;
	margin: -13px 0 0 -13px;
	border-radius: 50%;
	background: #ff7303;
	text-indent: -9999em;
}
.tech-dot:after {
	display: block;
	position: absolute;
	content: '\0020';
	width: 40px;
	height: 40px;
	border: 4px solid #ff7303;
	border-radius: 50%;
	margin: -20px 0 0 -20px;
	top: 50%;
	left: 50%;
}
.tech-dot.active,
.tech-dot:hover {
	background-color: #fff;
}
.tech-dot.active:after,
.tech-dot:hover:after {
	border-color: #fff;
}
.tech-dot-1 {
	top: 47%;
	left: 18%;
}
.tech-dot-2 {
	top: 38%;
	left: 48%;
}
.tech-dot-3 {
	top: 19%;
	left: 71%;
}
.tech-dot-4 {
	top: 52%;
	left: 55%;
}
.tech-dot-5 {
	top: 89%;
	left: 52%;
}
.tech-dot-items .item img {
	display: block;
	margin: 12% auto 10px;
}

.technology-image {
	background: #0c0c0c;
}
.technology-image img {
	padding: 5%;
}

.technology-content .column {
	overflow: hidden;
}
.technology-content .column p {
	font-size: 19px;
	line-height: 30px;
	margin: 0;
	text-align: justify;
}

.performance-container {
	background: #1a1a1a;
}
.performance-section .grid-container {
	/*
	max-width: none;
	padding: 0;
	*/
}
.perf-dot {
	position: absolute;
	text-align: center;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 0;
	line-height: 16px;
	z-index: 1;
}
.perf-dot span {
	display: none;
	position: relative;
	font-family: "presicav", sans-serif;
	color: #fff;
	font-size: 13px;
	line-height: 1em;
	text-decoration: none;
}
.perf-dot:before {
	display: block;
	position: absolute;
	content: '\0020';
	top: 50%;
	left: 50%;
	width: 26px;
	height: 26px;
	margin: -13px 0 0 -13px;
	border: 2px solid #fff;
	border-radius: 50%;
	z-index: -1;
}
.perf-dot:after {
	display: block;
	position: absolute;
	content: '\0020';
	top: 50%;
	left: 50%;
	width: 36px;
	height: 36px;
	margin: -18px 0 0 -18px;
	border: 2px solid #fff;
	border-radius: 50%;
	z-index: 1;
}
.perf-dot:hover, .perf-dot:hover:before,
.perf-dot.active, .perf-dot.active:before {
	background-color: #ff7303;
	border-color: transparent;
	text-decoration: none;
}
.perf-dot:hover span,
.perf-dot.active span {
	display: block;
	text-decoration: none;
}
.perf-dot-1 {
	top: 63%;
	left: 55%;
}
.perf-dot-2 {
	top: 65%;
	left: 68%;
}
.perf-dot-3 {
	top: 78%;
	left: 51%;
}
.perf-dot-4 {
	top: 52%;
	left: 40%;
}
.perf-dot-5 {
	top: 34%;
	left: 45%;
}
.perf-dot-6 {
	top: 19%;
	left: 50%;
}
.perf-dot-7 {
	top: 47%;
	left: 51%;
}
.perf-dot-8 {
	display: none;
}

.performance-image {
	position: relative;
	background: #333333;
	padding: 0;
}
.performance-image img {
	display: block;
	padding: 10%;
	max-width: 100%;
	width: 100%;
	height: auto;
}
.performance-content {
	position: relative;
}
.performance-content .col,
.performance-content .column {
	padding: 25px 10%;
}
.performance-content .wrapper h4 {
	color: #ff7303;
	font-size: 26px;
	line-height: 32px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
}
.performance-content .wrapper ul {
	margin: 30px 0;
	padding: 0;
}
.performance-content .wrapper li {
	color: #ff7303;
	list-style: outside circle;
	font-size: 19px;
	line-height: 31px;
}
.performance-content .wrapper li p {
	color: #fff;
	margin: 0;
}
.performance-content .wrapper p {
	font-size: 19px;
	line-height: 31px;
	margin: 0;
}
.performance-content .wrapper p span {
	color: #ff7303;
}

.perf-dot-items p {
	padding-left: 60px;
	padding-right: 60px;
	margin-bottom: 0;
	text-align: left;
}
.perf-dot-items p span {
	color: #ff7303;
}
.perf-dot-items ul {
	list-style: none;
	margin: 0;
	padding: 0 60px;
}
.perf-dot-items .bullet {
	position: absolute;
	margin-left: -25px;
	color: #ff7303;
	font-weight: bold;
}

.perf-dot,
.perf-dot span,
.perf-dot:before,
.perf-dot:after,
.performance-image img,
.performance-content .col {
	box-sizing: border-box;
}


.quote-section {
	padding-top: 60px;
	padding-bottom: 60px;
}
.quote-section p {
	margin: 0;
	font-size: 24px;
	line-height: 36px;
}
.quote-section em {
	display: block;
	padding-top: 12px;
}
.quote-section span {
	color: #ff7303;
}

.video-section {
	padding-top: 100px;
	padding-bottom: 100px;
}
.video-section img {
	width: 100%;
	margin: 0 auto;
}

.handling-container {
	padding-top: 50px;
	padding-bottom: 50px;
}

.handling-container h3 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 300;
	letter-spacing: 2px;
	margin-top: 0;
	text-transform: uppercase;
}
.handling-container h4 {
	color: #ff7303;
	font-size: 26px;
	line-height: 32px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.handling-container p {
	font-size: 19px;
	line-height: 31px;
}


.style-section .title {
	padding-top: 100px;
	padding-bottom: 100px;
}

.gallery-carousel {
	padding-left: 0;
	padding-right: 0;
}
.gallery-carousel img {
	width: 100%;
}

.gallery-carousel .carousel-indicators { width: 80%; margin-left: -40%; }
.gallery-carousel .carousel-indicators li,
.gallery-carousel .carousel-indicators .active {
	margin: 1px 5px;
	width: 12px;
	height: 12px;
}
.gallery-carousel .carousel-indicators li:hover {
	background-color: #fff;
}
.gallery-carousel .carousel-indicators .active {
	cursor: default;
	background-color: #ff7303 !important;
}
.gallery-carousel .carousel-control {
	color: #fff;
}
.gallery-carousel .carousel-control .icon {
	font-size: 64px;
}

footer {
	padding-top: 45px;
	padding-bottom: 25px;
}
footer .logo-column {
	text-align: center;
	margin-top: -30px;
}
footer .copy-column {
	margin-top: 10px;
}
footer .nav-column {
	font-size: 14px;
	line-height: 38px;
}
footer .nav-column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
footer .nav-column li {
	float: left;
	display: block;
	line-height: 38px;
}
footer .nav-column li a {
	display: block;
	color: #f0f0f0;
	font-size: 16px;
	line-height: 32px;
	margin: 4px;
	margin-left: 10px;
}
footer .nav-column li .sep {
	display: block;
	height: 38px;
	border-left: 1px solid #ff7303;
	margin-left: 14px;
	padding-left: 10px;
}
footer .nav-column li .social {
	background: #ff7303;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 4px;
}

/** Patents tables at http://www.carbonrev.com/patents **/
.table-patents tr th,
.table-parts tr th {
	background-color: #ff7303;
	color: #000;
	font-size: 12px;
	border-right: solid 1px #000;
	padding: 5px;
	line-height: 20px;
	text-transform: uppercase;
}
.table-patents td,
.table-parts td {
	padding: 5px 7px;
	font-size: 10px;
}
.table-patents,
.table-parts {
	margin-bottom: 25px;
	margin-top: 25px;
	width: 100%;
}
.table-parts tr th {
	line-height: initial;
}




.loading, .pace-running {
	overflow: hidden !important;
}
.loading .hero-section, .pace-running .hero-section,
.loading #scroll-down, .pace-running #scroll-down {
	/*display: none;*/
}


.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	z-index: 2000;
	position: fixed;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5px;
	width: 200px;
	background: #fff;
	border: 1px solid #ff8800;
}

.pace .pace-progress {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: width 1s ease-in-out 1s linear;
	-moz-transition: width 1s ease-in-out 1s linear;
	-ms-transition: width 1s ease-in-out 1s linear;
	-o-transition: width 1s ease-in-out 1s linear;
	transition: width 1s ease-in-out 1s linear;

	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	max-width: 200px;
	position: fixed;
	z-index: 2000;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	background: #ff8800;
}

.pace.pace-inactive {
	display: none;
}

.pace-done .lzout {
	-webkit-animation: lzout 3s;
	-moz-animation: lzout 3s;
	-o-animation: lzout 3s;
	animation: lzout 3s;
}
@-webkit-keyframes lzout {
	0% { opacity: 0; top: -125px; right: -75px; -webkit-transform: scale(3.5); }
	100% { opacity: 1; top: 0; right: 0; -webkit-transform: scale(1); }
}
@-moz-keyframes lzout {
	0% { opacity: 0; top: -125px; right: -75px; -moz-transform: scale(3.5); }
	100% { opacity: 1; top: 0; right: 0; -moz-transform: scale(1); }
}
@-o-keyframes lzout {
	0% { opacity: 0; top: -125px; right: -75px; -o-transform: scale(3.5); }
	100% { opacity: 1; top: 0; right: 0; -o-transform: scale(1); }
}
@keyframes lzout {
	0% { opacity: 0; top: -125px; right: -75px; transform: scale(3.5); }
	100% { opacity: 1; top: 0; right: 0; transform: scale(1); }
}

.pace-done .lfinz {
	-webkit-animation: lfinz 5s;
	-moz-animation: lfinz 5s;
	-o-animation: lfinz 5s;
	animation: lfinz 5s;
}
@-webkit-keyframes lfinz {
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes lfinz {
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes lfinz {
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes lfinz {
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}


/** NEW PRODUCT PAGE LAYOUT **/
.prod-hero {
	width: 100%;
	height:650px;
	background-size: cover;
}
.prod-hero h1 {
	font-size: 35px;
	letter-spacing: 1.35px;
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	text-align: center;
	padding-top: 210px;
}
.prod-hero p {
	width: 970px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.46px;
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	margin: auto;
	text-align: center;
	line-height: 32px;
}
.prod-hero a, .prod-hero a:active, .prod-hero a:visited {
	display: block;
	text-align: center;
	width: 188px;
	margin: auto;
	background-color: #ff7204;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: .7px;
	text-transform: uppercase;
	line-height: 51px;
	height: 51px;
	margin-top: 40px;
}
.prod-hero a:hover {
	text-decoration: none;
	color: #ff7204;
	background: #fff;
}
.prod-hero iframe {
	position: absolute;
	width: 100%;
	height: 650px !important;
	display: none;
}
.prod-main {
	margin-top: 50px;
	margin-bottom: 60px;
}
.prod-main p {
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.46px;
	line-height: 32px;
}
.prod-main p:nth-child(1) {
	font-family: "Michroma", sans-serif;
	font-size: 23px;
	letter-spacing: .88px;
	line-height: 33px;
}
.prod-main p:nth-child(2) {
	font-size: 18px;
	letter-spacing: 0.69px;
	line-height: 22px;
}
.prod-main p:nth-child(2) a {
	display: inline-block;
	height: 28px;
	width: 136px;
	background-color: #ff7204;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	vertical-align: middle;
	text-transform: uppercase;
	text-align: center;
	line-height: 28px;
	margin-left: 20px;
	text-decoration: none;
}
.prod-main p:nth-child(2) a:hover {
	color: #ff7204;
	background: #fff;
}
.prod-main > div > img {
	width: 500px;
	height: auto;
	margin: auto;
	display: block;
}
.prod-main .prod-thumbs {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-bottom: 30px;
}
.prod-main .prod-thumbs li {
	display: inline-block;
	height: 125px;
	width: 115px;
	margin: 40px 10px 0 10px;
	vertical-align: middle;
	line-height: 125px;
}
.prod-main .prod-thumbs li img {
	width: 100%;
	height: auto;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.3s;
	vertical-align: middle;
}
.prod-main .prod-thumbs li img:hover {
	opacity: 1;
}
.prod-tbl {
	background: #202020;
	padding: 20px;
}
.prod-tbl table {
	width: 100%;
	background-color: #3b3b3b;
	font-family: "proxima-nova", sans-serif;
}
.prod-tbl tr th {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	padding: 12px 0;
	border-right: solid 2px #6C6C6C;
	background-color: #4E4E4E;
}
.prod-tbl tr th:last-child {
	border-right: none;
}
.prod-tbl .tbl-vehicle td {
	background-color: #272727;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	padding: 12px 0;
	letter-spacing: 0.43px;

}.prod-tbl tr:not(.tbl-vehicle) td {
	border-top: solid 2px #6C6C6C;
	border-right: solid 2px #6C6C6C;
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 0.35px;
	text-align: center;
	padding: 12px 0;
}
.prod-tbl tr:not(.tbl-vehicle) td:last-child {
	border-right: none;
}
.prod-tbl + div {
	text-align: center;
}
.prod-tbl + div a {
	display: inline-block;
	text-align: center;
	width: 188px;
	margin: auto;
	background-color: #ff7204;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: .7px;
	text-transform: uppercase;
	line-height: 51px;
	height: 51px;
	text-decoration: none;
	margin: 60px 15px 20px 15px;
}
.prod-tbl + div a:nth-child(2) {
	background-color: #616161;
} 
.prod-tbl + div a:nth-child(3) {
	background-color: #333333;
} 
.prod-tbl + div a:hover {
	text-decoration: none;
	color: #ff7204;
	background: #fff;
}
.prod-gallery {
	background-color: #1C1C1C;
	padding: 30px 0 70px 0;
	width: 100%;
}
.prod-gallery p {
	font-size: 24px;
	color: #FF7204;
	text-transform: uppercase;
	letter-spacing: 0.92px;
	font-weight: 600;
}
.prod-gallery p a {
	display: inline-block;
	height: 28px;
	padding: 0 12px;
	background-color: #ff7204;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	vertical-align: middle;
	text-transform: uppercase;
	text-align: center;
	line-height: 28px;
	margin-left: 20px;
	text-decoration: none;
}
.prod-gallery p a:hover {
	background: #fff;
	color: #ff7204;
}


.latest{
	padding:0 0 0;
}
.latest > div {
	width: 1200px;
	height: 230px;
	overflow: hidden;
}
.latest ul{
  margin:0 -10px 0 0;
  padding:0;
  list-style:none;
  overflow:hidden;
}
.latest li{
  float:left;
  margin:0 10px;
  position:relative;
  height:230px;
  width: 380px;
  list-style-type: none;
}
.latest li:hover .mask {
  display: none;
}
.latest li > a {
  float: left;
  width: 380px;
  height: 230px;
  overflow: hidden;
  hidden
}
.latest img{
	display:block;
	width: 380px;
	height: 230px;
}
.latest .more{
	overflow:hidden;
}
.latest .more a{
  float:right;
  padding:0 12px 0 0;
}
.latest .more a:hover{
  text-decoration:none;
  color:#222;
}
.latest .fa {
	font-size: 40px;
	margin-top: -130px;
	position: absolute;
}
.latest .fa-chevron-left {
	margin-left: -25px;
}
.latest .fa-chevron-right {
	margin-left: 1200px;
}
#latestPhotos {
	width: 10000px;
}

.prod-gallery-show-all .latest > div {
	overflow: all;
	height: auto;
}
.prod-gallery-show-all #latestPhotos {
	width: 100%;
	margin-left: 0px !important;
}
.prod-gallery-show-all .latest .fa {
	display: none;
}
.prod-gallery-show-all p a {
	display: none;
}
.prod-gallery-show-all .latest li {
	margin-bottom: 20px;
}



#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; display: none;}
#lightbox-secNav-btnClose:after {
	display: block;
	position: absolute;
	content: "[close]";
	font-size: 17px;
	color: #fff;
	margin-top: 6px;
	cursor: pointer;
	opacity: .7;
}
#lightbox-secNav-btnClose:hover:after {
	opacity: 1;
}
#lightbox-container-image-box {
  /*position: relative;*/
  background-color: transparent;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 50px 0 0 0; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}
#lightbox-nav-btnPrev { 
  left: 0; 
  float: left;
}
#lightbox-nav-btnNext { 
  right: 0; 
  float: right;
}
#lightbox-container-image-data-box {
  display: none;
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: transparent;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px; 
  color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
  width: 70%; 
  float: left; 
  text-align: left; 
} 
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block; 
  clear: left; 
  padding-bottom: 1.0em;  
}     
#lightbox-secNav-btnClose {
  width: 66px; 
  float: right;
  padding-bottom: 0.7em;  
}
#lightbox-image-details-currentNumber {
  display: none !important;
}
#lightbox-nav-btnNext,
#lightbox-nav-btnPrev {
  opacity: 0.2;
  -moz-opacity: 0.2;
  filter:alpha(opacity=2);
}
#lightbox-nav-btnNext:hover,
#lightbox-nav-btnPrev:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter:alpha(opacity=7);
}
.caption p {
  color: #fff;
  text-align: center;
  font-size: 1.5em;
  margin-top: 12px;
}

/** EU COOKIE **/

.eu-warning {
	display: block;
	background-color: #1A1A1A;
	padding: 1em 0 0 .5em;
	height: 100px;
	position: absolute;
	top: 120px;
	z-index: 1000;
}
.eu-warning p {
	margin: 0 20%;
	font-size: 1em;
	line-height: 1.1em;
}
.eu-warning p a {
	float: right;
	display: block;
	background-color: #fd7223;
	padding: 1em;
	color: #000;
	margin-left: 1em;
}
.eu-warning p a:hover {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}
.eu-warning > a {
	display: inline-block;
	color: #fd7223;
	margin-left: 20%;
	margin-top: 1em;
}

/** About Us **/
.about-us .grid-50 img {
	width: 100%;
	height: auto;
}
















/** TABLET PORTRAIT MODE **/
@media only screen and (orientation: portrait) and (min-width: 768px) {
	#main-nav .navbar-nav > li > a {
		font-size: 8px !important;
		padding-right: 0;
	}
}
@media only screen and (max-width: 1024px) {
	.title p {
		font-size: 20px;
	}
	#main-nav .navbar-nav > li > a {
		font-size: 10px;
	}
	.container {
		width: 100%;
	}
}

@media only screen and (max-width: 991px) {
	footer {
		padding-top: 25px;
	}
	footer .logo-column {
		margin-top: 0px;
	}
	footer .logo-column img {
		max-height: 80px;
	}
	footer .nav-column {
		margin-top: 20px;
	}
	footer .copy-column {
		text-align: center;
		margin-top: 25px;
	}
	.dot-items {
		overflow: initial;
	}
	.container {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.navbar-brand {
		margin-left: 25px;
	}
	/* menu */
	nav[role=navigation] .navLv2 > li.has-children > a:after {
		display: none;
	}
	nav[role=navigation] ul.navLv1 > li.siteMenuItem:not(.corecMenuAddPage) > a span, nav[role=navigation] ul.navLv2 > li:not(.corecMenuAddPage) > a span {
		display: none;
	}
	nav[role=navigation] ul:not(.freezeMenu) .navLv2 li ul.navLv3 {
		width: 100%;
		display: none;
		margin: 0;
		position: relative;
		float: left;
		margin-left: 0;
	}
	nav[role=navigation] ul:not(.freezeMenu) ul.navLv3 > li:not(.corecMenuAddPage) {
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		clear: both;

	}
	nav[role=navigation] ul:not(.freezeMenu) ul.navLv3 > li:not(.corecMenuAddPage) > a {
		width: auto;
		padding: 10px;
		text-align: left;
		line-height: initial;
		border-bottom: solid 1px #fff;
	}
	.style-section .title {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.gallery-carousel .carousel-indicators {
		display: none;
	}
	div.col-sm-6.technology-content.content-col {
		clear: both;
	}
	.gallery {
		width: 100%;
	}
	.gallery .gallerylarge img {
		max-width: 100%;
		height: auto;
	}
	.gallery #latestPhotos img {
		width: 45px;
		height: auto;
	}
	.gallery .gallerynav > div {
		width: 100%;
		height: 60px;
	}
	.gallery .gallerynav > a.arrow {
		display: none;
	}
	.grid-container .product-page {
		padding-left: 10px;
	}
	.grid-container .product-page .request {
		margin-top: 1em;
		margin-bottom: 2.5em;
	}
	div.grid-100.fitment {

	}
	div#_TableData_ {
		width: 100%;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	div#_TableData_ > div {
		width: 1200px;
	}
	#_TableData_ table {
		width: 1200px;
		-webkit-overflow-scrolling: touch;
	}
	#_TableData_ table td {
		display: table-cell;
		width: auto !important;
		max-width: initial;
		margin: 0 10px;
	}
}

@media only screen and (max-width: 479px) {
	.title h1 {
		font-size: 20px;
		line-height: 28px;
	}
	.title h2 {
		font-size: 15px;
		line-height: 24px;
	}
	footer .nav-column {
		text-align: center;
		margin-top: 0;
	}
	footer .nav-column ul {
		line-height: 0;
	}
	footer .nav-column li {
		display: inline-block;
		float: none;
	}
	footer .nav-column li a {
		margin: 2px;
	}
	footer .nav-column .contact-item {
		width: 100%;
		text-align: center;
	}
	footer .nav-column .contact-item a {
		line-height: 24px;
	}
	footer .nav-column .sep-item {
		display: none;
	}
	.perf-dot-items p {
		padding-top: 10px !important;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media only screen and (max-width: 399px) {
	footer .logo-column, footer .nav-column {
		width: 100%;
		float: none !important;
	}
	footer .logo-column img {
		margin: 0 auto;
	}
	footer .nav-column {
		margin-top: 20px;
	}
	footer .nav-column ul {
		float: none !important;
	}
}



@media only screen and (max-width:767px){
	.new-article-list {
		margin-bottom: 2em;
		padding-bottom: 1em;
		border-bottom: solid 2px #333333;
		padding-left: 1em;
	}
	.new-article-list div {
		float: none;
		overflow: initial;
		margin: auto;
		padding-right: 0;
		height: auto;
		width: 100%;
		
	}
	.new-article-list div img {
		width: 100%;
		position: relative;
		top: initial;
		left: initial;
		margin-bottom: .75em;
	}
	.new-article-list h3 {
		width: 80%;
		margin: auto;
		font-size: 1.65em;
	}
	.new-article-list p {
		width: 80%;
		margin: auto;
		font-size: 1.5em;
	}
	.eu-warning {
		height: auto;
		top: 60px;
		padding-bottom: 1em;
		border-bottom: solid 2px #333;
		box-shadow: 0px 10px 10px #000;
	}
	.sitemap-9 .landing-page, .page-title.sitemap-3 {
		margin-top: 75px;
	}
	.eu-warning p {
		margin: 1em 1em;
	}
	.eu-warning p a {
		float: none;
		margin: auto;
		width: 120px;
		text-align: center;
		margin-bottom: 1em;
	}
	.eu-warning > a {
		margin: auto;
		text-align: center;
		display: block;
	}
}