/* @override http://www.runningboards.com.au/css/style.min.css?v=2 */

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
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

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
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

input,select {
	vertical-align: middle
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal
}

::-moz-selection {
	background: #f36e73
}

img::-moz-selection {
	background: transparent
}

body {
	-webkit-tap-highlight-color: #f36e73;
	-webkit-text-size-adjust: 100%
}

.editorLink {
	position: relative;
	top: 0;
	left: -20px
}

.editorLink a:hover {
	background: transparent url(/images/editor.png) no-repeat top left
}

.editorLink a {
	display: block;
	text-align: center;
	color: #fff;
	height: 22px;
	padding: 0;
	width: 30px;
	background: transparent url(/images/editor.png) no-repeat top left;
	text-indent: -999em
}

a.phoneNum {
	cursor: default;
	text-decoration: none
}

a.phoneNum:hover {
	text-decoration: none
}

@font-face{font-family:'FuturaLTExtraBoldRegular';src:url('/fonts/lte50190-webfont.eot');src:url('/fonts/lte50190-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/lte50190-webfont.woff') format('woff'),url('/fonts/lte50190-webfont.ttf') format('truetype'),url('/fonts/lte50190-webfont.svg#futuraltextraboldregularRg') format('svg');font-weight:normal;font-style:normal}@font-face {
	font-family: 'FuturaLTLightRegular';
	src: url('/fonts/lte50150-webfont.eot');
	src: url('/fonts/lte50150-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/lte50150-webfont.woff') format('woff'),url('/fonts/lte50150-webfont.ttf') format('truetype'),url('/fonts/lte50150-webfont.svg#futuraltlightregularregular') format('svg');
	font-weight: normal;
	font-style: normal
}

@font-face{font-family:'FuturaMdBTBold';src:url('/fonts/futurab-webfont-webfont.eot');src:url('/fonts/futurab-webfont-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/futurab-webfont-webfont.woff') format('woff'),url('/fonts/futurab-webfont-webfont.ttf') format('truetype'),url('/fonts/futurab-webfont-webfont.svg#futuramdbtboldbold') format('svg');font-weight:normal;font-style:normal}.hleft .logo_mobile {
	background: url(../images/rb_logo_slim.png) no-repeat;
	width: 247px;
	height: 20px;
	display: block;
	text-indent: -99999px;
	padding-right: 15px;
	display: none
}

.hleft .logo_mobile {
	width: 247px;
	height: 20px
}

.hleft .logo_mobile img {
	display: none
}

.mob_icon {
	display: block;
	font-size: 17px;
	color: #fff;
	padding: 8px 0 0;
	text-align: center;
	position: absolute;
	top: 13px;
	right: 13px;
	text-indent: -99999px;
	height: 22px;
	padding-top: 4px;
	background: url(../images/menu_mob.png) #434343 center 8px no-repeat;
	width: 33px;
	padding-bottom: 4px
}

body {
	font-family: FuturaLTLightRegular,Arial,Helvetica,sans-serif;
	color: #000;
	font-size: 18px
}

a {
	text-decoration: none;
	color: #ed1c24
}

strong {
	font-family: FuturaMdBTBold,Arial,Helvetica,sans-serif
}

em {
	font-style: italic
}

.clear {
	clear: both
}

.grey {
	color: #a6a6a6
}

.grey-bg {
	background-color: #f0f0f0
}

.grey-dark-bg {
	background-color: #e3e3e3
}

.grey-darker-bg {
	background-color: #d0d0d0
}

h1 {
	font-family: FuturaLTExtraBoldRegular,Arial,Helvetica,sans-serif;
	font-size: 40px;
	line-height: 34px;
	letter-spacing: -.034px;
	margin-bottom: 44px
}

h2 {
	font-family: FuturaMdBTBold,Arial,Helvetica,sans-serif;
	font-size: 27px;
	letter-spacing: -.025px;
	margin-bottom: 18px
}

h3 {
	font-family: FuturaMdBTBold,Arial,Helvetica,sans-serif;
	font-size: 25px;
	letter-spacing: -.025px;
	margin-bottom: 16px
}

h4 {
	font-size: 34px;
	letter-spacing: -.034px;
	margin-bottom: 23px
}

#header {
	width: 960px;
	margin: 0 auto;
	padding: 28px 180px 26px;
	background-color: #000
}

.hleft {
	float: left;
	width: 614px;}

.hleft .logo {
	width: 285px;
	height: 100px;
	display: block
}

.hleft .menu-icon {
	display: none
}

.mobile-nav {
	display: none;
	clear: both;
	position: absolute;
	opacity: 0
}

.hright {
	float: left;
	width: 300px;
	padding-right: 13px;
	padding-bottom: 8px;
	padding-top: 0;
}

.hright p {
	color: #fff;
	font-size: 25px;
	letter-spacing: -.05em;
	margin-top: -5px
}

.hright p .red {
	color: #ed1c24
}

.hright sup,.fright sup {
	font-size: 13px;
	vertical-align: text-top
}

.hright p a {
	color: #fff
}

.hright p a:hover {
	color: #ed1c24
}

#nav {
	width: 100%;
	width: 960px;
	margin: 0 auto;
	padding: 0 180px;
	background-color: #ed1c24
}

#nav_container {
	width: 100%;
	background-color: #ed1c24;
	border-top: 1px solid #ed1c24;
	border-bottom: 1px solid #b4151b
}

#nav ul {
	width: 960px;
	margin: 0 auto
}

#nav li {
	float: left
}

#nav li a {
	font-family: FuturaMdBTBold,Arial,Helvetica,sans-serif;
	line-height: 55px;
	color: #fff;
	font-size: 19px;
	padding-right: 30px;
	letter-spacing: -.05em
}

#nav li.last-item a {
	padding-right: 0
}

#nav li a:hover,#nav li.active a {
	color: #000
}

#hero {
	width: 1320px;
	margin: 0 auto 13px;
	position: relative;
	overflow: hidden;
	padding-bottom: 23px
;
}

#hero .heromain,#hero .heromobile {
	width: 100%;
	height: auto;
	display: block;
}


#hero .hero_bg {
	background: url(/images/runningboards-youtube-header-image-1320x540px.jpg) center center no-repeat;
	height: 540px;
	position: relative;
	background-size: contain;
	cursor: pointer;
}

#hero #yt_player{
	position: relative;
	display: block;
	height: 540px;
	width: 960px;
	margin: 0 auto;
}

#hero #yt_player_main {
	height: 540px;
	width: 960px;
	display: none;
}	

#hero .yt_play {
	background: transparent url(/images/runningboards-youtube-play-button.gif) center center no-repeat;
	background-size: contain;
	width: 200px;
	height:150px;
	position: absolute;
/* 	display: block; */
	display: none;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -100px;
}

#hero .message {
	font-family: FuturaLTExtraBoldRegular,Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-size: 62px;
	letter-spacing: -.034em;
	position: absolute;
	bottom: 81px;
	left: 180px;
	z-index: 300
}

.trasform-right {
	background: url(../images/right-trans-box.png) no-repeat;
	width: 407px;
	height: 406px;
	position: absolute;
	z-index: 200;
	position: absolute;
	top: -11px;
	right: 279px;
	display: none
}

.trasform-left {
	background: url(../images/left-trans-box.png) no-repeat;
	width: 445px;
	height: 444px;
	position: absolute;
	z-index: 100;
	top: -80px;
	right: 28px;
	display: none
}

.trasform-right span,.trasform-left span {
	font-family: FuturaLTExtraBoldRegular,Arial,Helvetica,sans-serif;
	font-size: 44px;
	color: #fff;
	letter-spacing: -.034em;
	display: inline-block;
	position: absolute;
	width: 245px
}

.trasform-right span {
	transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	bottom: 75px;
	left: 55px
}

.trasform-left span {
	transform: rotate(-31deg);
	-ms-transform: rotate(-31deg);
	-webkit-transform: rotate(-31deg);
	bottom: 100px;
	left: 148px
}

#hero .arrow {
	background: url(../images/arrows.png) no-repeat;
	width: 45px;
	height: 45px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 638px;
	bottom: 0
}

#hero .arrow:hover {
	background-position: 0 -45px
}

#main {
	width: 1320px;
	margin: 0 auto
}

.main {
	width: 1320px;
	margin: 0 auto
}

.main ul {
	margin-bottom: 20px
}

.main ul li {
	list-style: outside disc;
	margin-left: 20px
}

#main ul {
	margin-bottom: 20px
}

#main ul li {
	list-style: outside disc;
	margin-left: 20px
}

.section {
	padding-right: 180px;
	padding-bottom: 36px;
	padding-left: 180px;
	overflow: hidden;
	padding-top: 30px;
	width: 960px;
	margin: 0 auto
}

.section.home {
	padding-top: 10px
}

.section-title {
	font-family: FuturaLTExtraBoldRegular,Arial,Helvetica,sans-serif;
	font-size: 35px;
	text-align: center;
	letter-spacing: -.034em;
	margin-bottom: 18px
}

.truck-icons {
	margin: 20px auto 0 auto;
	width: 952px;
	height: 100px;
	background-image: url(/cms_images/9_25-07-2014_5184.png)
}

.featured-boxes {
	padding-top: 14px;
	margin-bottom: 22px;
	overflow: hidden
}

.featured-boxes .box {
	margin-bottom: 24px;
	margin-right: 24px;
	float: left;
	width: 632px;
	overflow: hidden;
	background-color: #000
}

.featured-boxes .box.small {
	width: 304px
}

.featured-boxes .box.right {
	margin-right: 0
}

.featured-boxes img {
	width: 100%;
	height: auto;
	display: block
}

.featured-boxes a.caption {
	font-family: FuturaLTExtraBoldRegular,Arial,Helvetica,sans-serif;
	font-size: 33px;
	color: #fff;
	padding: 14px 0 13px 16px;
	display: block;
	letter-spacing: -.034em;
	line-height: 29px;
	text-transform: uppercase
}

.featured-boxes a.caption:hover {
	color: #ed1c24
}

.toolkit {
	text-align: center
}

.toolkit h2 {
	font-size: 35px;
	font-family: FuturaLTLightRegular;
	padding-right: 22px;
	display: inline;
	letter-spacing: -.034em;
	margin-bottom: 0
}

.button {
	display: inline-block;
	padding: 0 38px;
	line-height: 58px;
	background-color: #ed1c24;
	font-family: FuturaMdBTBold,Arial,Helvetica,sans-serif;
	font-size: 24px;
	color: #fff;
	letter-spacing: -.05em
}

.button.black {
	background-color: #000
}

.button:hover {
	color: #000
}

.button.black:hover {
	color: #ed1c24
}

.featured-boxes2 {
	overflow: hidden
}

.featured-boxes2 .box {
	margin-bottom: 24px;
	margin-right: 24px;
	float: left;
	width: 304px;
	height: 353px;
	max-height: 304px;
	overflow: hidden;
	background-color: #000;
	position: relative
}

.featured-boxes2 .box.last {
	margin-right: 0
}

.featured-boxes2 img {
	width: 100%;
	max-width: 304px!important;
	height: auto!important;
	display: block;
	position: absolute;
	bottom: 0;
	z-index: 9
}

.featured-boxes2 a.caption {
	font-size: 22px;
	color: #fff;
	padding: 18px 5px 18px 16px;
	display: block;
	letter-spacing: -.025em;
	line-height: 25px;
	height: 49px;
	position: absolute;
	background: #000;
	width: 304px;
	z-index: 10
}

.featured-boxes2 a.caption:hover {
	color: #ed1c24
}

.more {
	font-size: 26px;
	letter-spacing: -.034em;
	display: inline-block;
	float: right;
	margin-top: 16px
}

.newsletter {
	text-align: center;
	margin-top: -4px;
	margin-bottom: 4px;
	padding-top: 50px
}

.newsletter h2 {
	font-size: 35px;
	font-family: FuturaLTLightRegular;
	padding-right: 22px;
	display: inline;
	letter-spacing: -.034em;
	position: relative;
	top: 3px
}

.newsletter form {
	display: inline-block
}

.newsletter input[type=button] {
	display: inline-block;
	padding: 0 38px;
	line-height: 58px;
	background-color: #ed1c24;
	font-family: FuturaMdBTBold,Arial,Helvetica,sans-serif;
	font-size: 24px;
	color: #fff;
	letter-spacing: -.05em;
	border: 0;
	cursor: pointer;
	height: 58px
}

.newsletter input[type=submit]:hover {
	color: #000
}

.newsletter input[type=email] {
	font-family: FuturaLTLightRegular;
	display: inline-block;
	padding: 0 20px;
	line-height: 58px;
	background-color: #ebebeb;
	font-size: 25px;
	color: #000;
	letter-spacing: -.025em;
	border: 0;
	height: 58px;
	width: 350px;
	margin-right: 7px
}

.social-boxes {
	padding-top: 6px;
	overflow: hidden
}

.social-boxes .box {
	margin-right: 24px;
	float: left;
	width: 304px;
	overflow: hidden
}

.social-boxes .box-inner {
	background-color: #fff;
	padding: 16px 16px 12px
}

.social-boxes .twitter .box-inner p {
	font-size: 17px;
	letter-spacing: -.025em;
	margin-bottom: 17px;
	line-height: 18px
}

.social-boxes .instagram .box-inner p,.social-boxes .youtube .box-inner p {
	font-size: 17px;
	letter-spacing: -.025em;
	overflow: hidden
}

.social-boxes .box-inner img,.social-boxes .box-inner iframe {
	width: 272px;
	height: auto;
	margin-bottom: 12px
}

.social-boxes .box.last {
	margin-right: 0
}

.social-boxes .info {
	padding-top: 14px
}

.social-boxes .info p {
	color: #767575;
	font-size: 15px;
	letter-spacing: -.025em;
	line-height: 18px
}

.social-boxes .info a {
	color: #767575
}

.social-boxes .info p strong {
	font-weight: bold;
	font-family: FuturaLTLightRegular
}

.social-boxes span.twitter {
	background: url(../images/social-icons.png) -96px 0 no-repeat;
	width: 39px;
	height: 38px;
	display: inline-block;
	float: left;
	margin-right: 6px
}

.social-boxes .info a:hover span.twitter {
	background-position: -96px -38px
}

.social-boxes span.instagram {
	background: url(../images/social-icons.png) 0 0 no-repeat;
	width: 39px;
	height: 38px;
	display: inline-block;
	float: left;
	margin-right: 6px
}

.social-boxes span.facebook {
	background: url(../images/social-icons.png) -48px 0 no-repeat;
	width: 39px;
	height: 38px;
	display: inline-block;
	float: left;
	margin-right: 6px
}

.social-boxes .info a:hover span.instagram {
	background-position: 0 -38px
}

.social-boxes .info a:hover span.facebook {
	background-position: -48px -38px
}

.social-boxes span.youtube {
	background: url(../images/social-icons.png) -192px 0 no-repeat;
	width: 39px;
	height: 38px;
	display: inline-block;
	float: left;
	margin-right: 6px
}

.social-boxes .info a:hover span.youtube {
	background-position: -192px -38px
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 0 180px;
	background-color: #f0f0f0
}

.fleft {
	float: left;
	width: 630px;
	padding: 31px 0 28px
}

.fleft span {
	font-size: 28px;
	position: relative;
	top: -11px;
	padding-right: 3px
}

#footer .instagram {
	background: url(../images/social-icons.png) no-repeat;
	width: 39px;
	height: 38px;
	display: inline-block
}

#footer .instagram:hover {
	background-position: 0 -38px
}

#footer .facebook {
	background: url(../images/social-icons.png) -48px 0 no-repeat;
	width: 39px;
	height: 38px;
	display: inline-block
}

#footer .facebook:hover {
	background-position: -48px -38px
}

#footer .twitter {
	background: url(../images/social-icons.png) -96px 0 no-repeat;
	width: 39px;
	height: 38px;
	display: inline-block
}

#footer .twitter:hover {
	background-position: -96px -38px
}

#footer .linkedin {
	background: url(../images/social-icons.png) -144px 0 no-repeat;
	width: 39px;
	height: 38px;
	display: inline-block
}

#footer .linkedin:hover {
	background-position: -144px -38px
}

#footer .youtube {
	background: url(../images/social-icons.png) -192px 0 no-repeat;
	width: 39px;
	height: 38px;
	display: inline-block
}

#footer .youtube:hover {
	background-position: -192px -38px
}

.fleft .ftop {
	margin-bottom: 27px
}

.fleft .fbottom p {
	color: #848484;
	font-size: 15px
}

.fleft .fbottom p a {
	color: #000
}

.fright {
	background-color: #000;
	float: left;
	width: 300px;
	padding: 14px 10px 18px 17px;
	height: 117px
}

.fright p {
	color: #fff;
	font-size: 25px;
	letter-spacing: -.05em;
	line-height: 31px
}

.fright p .red {
	color: #ed1c24
}

.fright p a {
	color: #fff
}

.fright p a:hover {
	color: #ed1c24
}

.content {
	width: 632px;
	float: left
}

.content p,.sidebar p {
	margin-bottom: 20px;
	letter-spacing: -.025em;
	line-height: 22px
}

.content p.subtitle {
	font-size: 22px!important;
	letter-spacing: -.025em;
	line-height: 30px
}

.content img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	margin-bottom: 35px
}

.sidebar {
	float: left;
	width: 308px;
	margin-left: 18px
}

a.button.sharegap {
	margin-bottom: 10px
}

.sidebar img {
	max-width: 100%
}

.scroller-wrapper {
	position: relative
}

.scroller-item {
	float: left;
	overflow: hidden!important
}

.item-title h1 {
	width: 654px
}

.item-title .other-products {
	font-size: 25px;
	letter-spacing: -.025em;
	color: #000;
	display: block;
	background: url(../images/arrows-left.png) 155px top no-repeat;
	width: 306px;
	height: 45px;
	line-height: 45px;
	margin-bottom: 26px;
	float: right
}

.item-title .other-products:hover {
	background-position: 155px bottom
}

.item-title .other-campaigns {
	font-size: 25px;
	letter-spacing: -.025em;
	color: #000;
	display: block;
	background: url(../images/arrows-left.png) 200px top no-repeat;
	width: 306px;
	height: 45px;
	line-height: 45px;
	margin-bottom: 26px;
	float: right
}

.item-title .other-campaigns:hover {
	background-position: 200px bottom
}

.product-list li {
	margin-bottom: 4px;
	background-color: #000;
	padding: 10px
}

.product-list a {
	font-family: FuturaLTExtraBoldRegular,Arial,Helvetica,sans-serif;
	font-size: 33px;
	line-height: 47px;
	letter-spacing: -.034em;
	text-transform: uppercase;
	color: #fff
}

.product-list a:hover {
	color: #ed1c24
}

.content h2 span {
	float: right;
	font-family: FuturaLTLightRegular,Arial,Helvetica,sans-serif;
	font-size: 18px;
	padding-top: 8px
}

.content .form-group {
	margin-bottom: 35px
}

.content .form-row {
	margin-bottom: 8px
}

.content .form-row strong {
	margin-top: 28px;
	display: block;
	margin-bottom: 15px
}

.content input[type=text] {
	width: 600px;
	padding: 0 16px;
	background-color: #ebebeb;
	line-height: 42px;
	height: 42px;
	font-family: FuturaLTLightRegular,Arial,Helvetica,sans-serif;
	border: 0;
	font-size: 20px;
	letter-spacing: -.025em
}

.content input.required {
	color: #ed1c24;
	border: 1px solid #ed1c24
}

span.customSelect.required_sel {
	border: 1px solid #ed1c24
}

.required_sel {
	border: 1px solid #ed1c24
}

label.required {
	display: none!important
}

.content textarea {
	width: 600px;
	padding: 16px;
	background-color: #ebebeb;
	height: 248px;
	font-family: FuturaLTLightRegular,Arial,Helvetica,sans-serif;
	border: 0;
	font-size: 20px;
	letter-spacing: -.025em;
	margin-bottom: 20px
}

.customSelect {
	width: 600px;
	padding: 0 16px;
	line-height: 42px;
	height: 42px;
	font-family: FuturaLTLightRegular,Arial,Helvetica,sans-serif;
	font-size: 20px;
	letter-spacing: -.025em;
	color: #838383;
	background: url(../images/drop-arrows.png) #ebebeb 593px 17px no-repeat;
	cursor: pointer
}

.customSelect.customSelectOpen {
	background-position: 593px -17px
}

.customSelectInner {
	width: 580px!important
}

.content select {
	background-color: #f6f6f6;
	border: 1px solid #e0e0e0;
	cursor: pointer
}

.content select option {
	width: 560px;
	padding: 8px 16px 14px;
	background-color: #f6f6f6;
	height: 20px;
	font-family: FuturaLTLightRegular,Arial,Helvetica,sans-serif;
	border: 0;
	font-size: 20px;
	letter-spacing: -.025em;
	cursor: pointer
}

.content select option:hover {
	background-color: #fbfbfb
}

.content input[type=checkbox] {
	display: none
}

.content .form-row label:before {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(../images/checkbox.png) 0 -34px no-repeat
}

.content input[type=checkbox]:checked+label:before {
	background-position: 0 0
}

.content .form-row label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding: 3px 0 3px 33px;
	margin-right: 25px;
	margin-bottom: 10px;
	font-size: 20px;
	width: 255px
}

.content .form-row input.smaller {
	width: 468px;
	display: inline-block;
	float: left
}

.form-button {
	display: inline-block;
	padding: 0 42px;
	line-height: 42px;
	background-color: #000;
	font-family: FuturaMdBTBold,Arial,Helvetica,sans-serif;
	font-size: 18px;
	color: #fff;
	letter-spacing: -.025em;
	float: right
}

.suburblist {
	margin-bottom: 8px;
	overflow: hidden
}

.suburb-item {
	display: block;
	float: left;
	padding: 0 47px 0 16px;
	background-color: #f7f7f7;
	line-height: 42px;
	position: relative;
	margin-top: 8px;
	margin-right: 10px
}

.remove-this {
	background: url(../images/remove.png) right top no-repeat;
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	right: 12px;
	top: 15px
}

.submit-row {
	margin-top: 23px;
	overflow: hidden;
	padding-top: 10px
}

.content input[type=submit],.content #_booking_submit {
	display: inline-block;
	padding: 0 38px;
	line-height: 49px;
	height: 49px;
	background-color: #ed1c24;
	font-family: FuturaMdBTBold,Arial,Helvetica,sans-serif;
	font-size: 22px;
	color: #fff;
	letter-spacing: -.05em;
	border: 0;
	cursor: pointer;
	float: right;
	position: relative;
	top: -10px
}

.sidebar h3 span {
	font-family: FuturaLTLightRegular,Arial,Helvetica,sans-serif
}

.campaigns h1 {
	float: left
}

.featured-numbers {
	font-size: 25px;
	letter-spacing: -.025em;
	color: #000;
	display: block;
	float: left;
	width: 654px;
	line-height: 45px;
	margin-bottom: 28px
}

.item-title .next-campaigns {
	font-size: 25px;
	letter-spacing: -.025em;
	color: #000;
	display: block;
	background: url(../images/arrows-left.png) 180px top no-repeat;
	width: 306px;
	height: 45px;
	line-height: 45px;
	margin-bottom: 26px;
	float: right
}

.item-title .next-campaigns:hover {
	background-position: 180px bottom
}

.product-list li.lighter {
	background-color: #3e3e3e
}

.toolkit-boxes {
	padding-top: 14px;
	margin-bottom: 22px;
	overflow: hidden
}

.toolkit-boxes .box {
	float: left;
	margin-bottom: 24px;
	margin-right: 12px;
	width: 304px;
	overflow: hidden
}

.toolkit-boxes .box.last {
	margin-right: 0
}

.toolkit-boxes .box-inner {
	background-color: #000;
	margin-bottom: 18px
}

.toolkit-boxes .box-inner.right {
	margin-right: 0
}

.toolkit-boxes img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 0
}

.toolkit-boxes a.caption {
	font-family: FuturaLTExtraBoldRegular,Arial,Helvetica,sans-serif;
	font-size: 33px;
	color: #fff;
	padding: 14px 0 13px 16px;
	display: block;
	letter-spacing: -.034em;
	line-height: 29px;
	text-transform: uppercase
}

.toolkit-boxes a.caption:hover {
	color: #ed1c24
}

p.small {
	margin-bottom: 14px
}

.sidebar .form-row {
	margin-bottom: 8px
}

.sidebar input[type=text] {
	width: 276px;
	padding: 0 14px;
	background-color: #ebebeb;
	line-height: 42px;
	height: 42px;
	font-family: FuturaLTLightRegular,Arial,Helvetica,sans-serif;
	border: 0;
	font-size: 20px;
	letter-spacing: -.025em
}

.sidebar input.required {
	color: #ed1c24;
	border: 1px solid #ed1c24
}

.sidebar textarea {
	width: 276px;
	padding: 14px;
	background-color: #ebebeb;
	height: 204px;
	font-family: FuturaLTLightRegular,Arial,Helvetica,sans-serif;
	border: 0;
	font-size: 20px;
	letter-spacing: -.025em;
	color: #aeadad
}

.sidebar input[type=checkbox] {
	display: none
}

.sidebar .form-row label:before {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(../images/checkbox.png) 0 -34px no-repeat
}

.sidebar input[type=checkbox]:checked+label:before {
	background-position: 0 0
}

.sidebar .form-row label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding: 3px 0 3px 33px;
	margin-right: 25px;
	margin-bottom: 10px;
	font-size: 18px
}

.submit-row {
	margin-top: 6px;
	overflow: hidden
}

.sidebar input[type=button] {
	display: inline-block;
	padding: 0 28px;
	line-height: 49px;
	height: 49px;
	background-color: #ed1c24;
	font-family: FuturaMdBTBold,Arial,Helvetica,sans-serif;
	font-size: 22px;
	color: #fff;
	letter-spacing: -.05em;
	border: 0;
	cursor: pointer;
	float: right;
	position: relative;
	top: -10px
}

img.mobSquare {
	display: none
}

::-webkit-input-placeholder {
	color: #a2a2a2
}

:-moz-placeholder {
	color: #a2a2a2
}

::-moz-placeholder {
	color: #a2a2a2
}

:-ms-input-placeholder {
	color: #a2a2a2
}

#header_container {
	background-color: #000
}

#greyHero {
	position: absolute;
	height: 540px;
	width: 100%
}

#footer_container {
	background-color: #f0f0f0;
	width: 100%!important
}

.youtube_embed {
	width: 100%;
	height: 395px
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
	display: none!important
}

.fbpdl .fbpdc,.fbpdl .fbpdf,._4xn5 ._4xn6 {
	display: none!important
}

.addthis_toolbox {
	height: 20px;
	overflow: hidden
}

.addthis_button_tweet {
	width: 75px!important
}

@media only screen and (min-width:768px) and (max-width:1100px) {

#hero .hero_bg {
	height: 314px;
}	

#hero #yt_player{
	width: 558px;
	height: 314px;
}

#hero #yt_player_main{
	width: 558px;
	height: 314px;
}	

.truck-icons {
	display: none
}

.hasCustomSelect {
	width: 640px!important
}

.youtube_embed {
	width: 100%;
	height: 395px;
	margin-bottom: 18px
}

#footer_container {
	background-color: #f0f0f0
}

#greyHero {
	position: absolute;
	height: 314px;
	width: 100%
}

img.mobSquare {
	display: none
}

::-webkit-input-placeholder {
	color: #000
}

:-moz-placeholder {
	color: #000
}

::-moz-placeholder {
	color: #000
}

:-ms-input-placeholder {
	color: #000
}

h1,h4 {
	padding: 0 26px
}

#header {
	width: 640px;
	padding: 28px 64px 26px
}

.hleft {
	width: 320px;
}

.hright {
	width: 290px;
	padding-right: 0;
	padding-top: 0;
}

#nav {
	width: 660px;
	padding: 0 64px 0 4px
}

#nav li a {
	padding-right: 20px
}

#hero {
	width: 768px;
	margin: 0 auto 6px
}

#hero .message {
	font-size: 36px;
	bottom: 52px;
	left: 64px
}

.trasform-right {
	background: url(../images/right-trans-box-tablet.png) no-repeat;
	width: 258px;
	height: 258px;
	top: -18px;
	right: 160px
}

.trasform-left {
	background: url(../images/left-trans-box-tablet.png) no-repeat;
	width: 279px;
	height: 279px;
	top: -59px;
	right: 8px
}

.trasform-right span,.trasform-left span {
	font-size: 28px;
	width: 150px
}

.trasform-right span {
	transform: rotate(16deg);
	-ms-transform: rotate(16deg);
	-webkit-transform: rotate(16deg);
	bottom: 53px;
	left: 43px
}

.trasform-left span {
	transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	bottom: 70px;
	left: 95px
}

#hero .arrow {
	left: 361px;
	bottom: 0
}

#main {
	width: 768px;
	margin: 0 auto
}

.main {
	width: 768px;
	margin: 0 auto
}

.section {
	padding: 10px 38px 66px;
	width: 700px
}

.section-title {
	font-size: 32px;
	margin-bottom: 20px
}

.featured-boxes {
	padding: 0 30px;
	margin-bottom: 13px
}

.featured-boxes .box {
	margin-bottom: 30px;
	margin-right: 0
}

.featured-boxes .small.right {
	margin-right: 24px
}

.toolkit h2 {
	font-size: 31px;
	padding-right: 5px
}

.button {
	padding: 0 35px
}

.featured-boxes2 {
	padding: 0 30px;
	width: 634px;
	margin: 0 auto
}

.featured-boxes2 .box.even {
	margin-right: 0
}

.featured-boxes2 .last,odd {
	display: none
}

.more {
	margin-right: 30px
}

.newsletter {
	margin-top: -10px;
	margin-bottom: 0
}

.newsletter h2 {
	font-size: 31px;
	padding-right: 5px
}

.newsletter input[type=email] {
	width: 225px
}

.social-boxes {
	padding: 0 30px
}

.social-boxes .odd.last {
	display: none
}

.social-boxes .box.even {
	margin-right: 0
}

#footer {
	width: 640px;
	padding: 0 64px
}

.fleft {
	width: 312px;
	padding: 32px 0 33px
}

.fleft .ftop {
	margin-bottom: 14px
}

.ftop span {
	display: block
}

.fright {
	width: 295px;
	height: 130px;
	padding: 14px 10px 18px 17px
}

.content {
	width: 640px;
	padding: 0 26px;
	float: none
}

.sidebar {
	width: 640px;
	float: none;
	margin-left: 0;
	padding: 0 26px 20px
}

.sidebar .widget {
	padding-top: 25px;
	border-top: 1px solid #d0d0d0
}

.item-title h1 {
	float: none;
	width: auto;
	clear: both
}

.item-title .other-products {
	margin-right: 26px;
	width: 206px
}

.product-list {
	padding: 0 26px
}

.content input[type=text] {
	width: 608px
}

.content textarea {
	width: 608px
}

.customSelect {
	width: 608px;
	background-position: 600px 17px
}

.customSelect.customSelectOpen {
	background-position: 600px -17px
}

.customSelectInner {
	width: 588px!important
}

.content select option {
	width: 568px
}

.content .form-row input.smaller {
	width: 476px
}

.featured-numbers {
	width: 330px;
	padding-left: 26px
}

.item-title .next-campaigns {
	width: 252px
}

.sidebar input[type=text] {
	width: 612px
}

.sidebar textarea {
	width: 612px
}

}

a.button.black {
	right: 100px!important;
	position: relative;
	margin-top: 20px
}

#hero .heromain {
	display: block!important
}

#hero .heromobile {
	display: none!important
}

#bufferMob {
	display: none
}

@media only screen and (max-width:400px) {


span.header_br:before {
	content: '\A'; 
	white-space:pre;
}

div#header {
	position: fixed;
	width: 100%!important
}

}

@media only screen and (max-width:767px) {

	
	
span.header_br:before {
	content: '\A'; 
	white-space:pre;
}

.hleft .logo img {
	display: none
}

.truck-icons {
	display: none
}

.hasCustomSelect {
	width: 295px!important
}

#_mail_sub {
	width: 100%;
	padding: 0;
	margin-top: 5px!important
}

#hero {
	padding-top: 145px
}

#bufferMob {
	position: relative;
	padding-top: 145px
}

div#header {
	position: fixed;
	width: 100%
}

.item-title .other-campaigns {
	font-size: 20px!important;
	letter-spacing: -.025em;
	color: #000;
	display: block;
	background: url(../images/arrows-left.png) 240px top no-repeat;
	width: 285px;
	height: 45px;
	line-height: 45px;
	margin-bottom: 26px;
	float: right;
	text-indent: 20px
}

.item-title .other-campaigns:hover {
	background-position: 240px bottom
}

#hero .heromain {
	display: none!important
}

#hero .heromobile {
	display: block!important
}

a.button.black {
	right: 20px!important;
	position: relative;
	margin-top: 20px
}

div.conatct {
	width: 100%;
	height: 70px!important;
	padding-bottom: 10px;
	clear: both
}

div.contact_left img {
	display: block;
	width: 80px!important;
	height: auto
}

div.contact_left {
	width: 80px!important;
	float: left;
	margin-right: 10px
}

div.contact_right {
	float: left;
	width: 65%;
	line-height: 17px;
	font-size: 15px
}

div.contact_right strong {
	font-size: 15px
}

.youtube_embed {
	width: 100%;
	height: 200px;
	margin-bottom: 18px
}

#footer_container {
	background-color: transparent
}

#greyHero {
	position: absolute;
	height: 0;
	width: 0
}

#nav_container {
	background-color: none;
	border-top: 0;
	border-bottom: 0
}

#header_container {
	background-color: transparent
}

::-webkit-input-placeholder {
	color: #000;
	text-align: center!important;
	font-size: 18px
}

:-moz-placeholder {
	color: #000;
	text-align: center!important;
	font-size: 18px
}

::-moz-placeholder {
	color: #000;
	text-align: center!important;
	font-size: 18px
}

:-ms-input-placeholder {
	color: #000;
	text-align: center!important;
	font-size: 18px
}

body {
	font-size: 16px
}

h1 {
	font-size: 26px;
	line-height: 23px;
	margin-bottom: 13px
}

h2 {
	font-size: 20px;
	margin-bottom: 18px
}

h3 {
	font-size: 18px;
	letter-spacing: -.025px;
	margin-bottom: 16px
}

h4 {
	font-size: 20px;
	margin-bottom: 16px
}

#header {
	width: 320px;
	padding: 0;
	position: a;
	z-index: 99900;
	margin: 0 auto
}

.hleft_mob {
	float: none;
	width: auto;
	padding: 16px 13px 8px 15px;
	position: relative
}

.hleft {
	float: none;
	width: auto;
	padding: 13px 13px 0;
	position: relative;
	float: none;
	width: auto;
	padding: 16px 13px 8px 15px;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0!important
}

.hleft .logo {
	background: url(../images/logo.png) no-repeat;
	width: 170px;
	height: 60px;
	background-size: 170px 60px;
	margin-bottom: 13px
}

.hleft .menu-icon {
	display: block;
	width: 60px;
	height: 50px;
	background: url(../images/menu-icon.png) #434343 center 32px no-repeat;
	border-bottom: 1px solid #3c3c3c;
	font-size: 17px;
	color: #fff;
	padding: 8px 0 0;
	text-align: center;
	position: absolute;
	top: 13px;
	right: 13px
}

.hleft .expanded {
	background-color: #ed1c24!important;
	border-top-color: #f4777c;
	border-bottom: 0;
	height: 64px
}

.hright {
	float: none;
	clear: both;
	width: auto;
	padding: 13px
}

.hright p {
	font-size: 20px
}

.hright span,.hright strong {
	font-size: 16px
}

#nav {
	display: none
}

.mobile-nav {
	position: static;
	opacity: 1
}

.mobile-nav li {
	background-color: #ed1c24;
	border-bottom: 1px solid #d01920;
	border-top: 1px solid #ed1c24;
	padding-left: 13px
}

.mobile-nav li.first-item {
	border-top-color: #ed1c24
}

.mobile-nav li.last-item {
	border-bottom-color: #b4151b
}

.mobile-nav a {
	font-size: 20px;
	font-family: FuturaMdBTBold,Arial,Helvetica,sans-serif;
	letter-spacing: -.05em;
	color: #fff;
	line-height: 34px;
	width: 100%;
	display: block;
}

.mobile-nav a:hover,.mobile-nav .active a {
	color: #000
}

#hero {
	width: 320px;
	margin: 0 auto;
	padding-bottom: 6px
}

#hero .hero_bg {
	height: 240px;
	background-size:cover;
	margin-top: 30px;
}	

#hero #yt_player {
	width: 320px;
	height: 180px;
	top:  50%;
	margin-top: -90px;
}

#hero #yt_player_main {
	width: 320px;
	height: 180px;
	top:  50%;
	margin-top: -90px;
}


#hero .message {
	font-size: 26px;
	bottom: 37px;
	left: 13px
}

.trasform-right {
	background: url(../images/right-trans-box-mobile.png) no-repeat;
	width: 138px;
	height: 138px;
	top: -24px;
	right: 56px
}

.trasform-left {
	background: url(../images/left-trans-box-mobile.png) no-repeat;
	width: 145px;
	height: 145px;
	top: -38px;
	right: -11px
}

.trasform-right span,.trasform-left span {
	font-size: 12px;
	width: 70px
}

.trasform-right span {
	bottom: 37px;
	left: 34px
}

.trasform-left span {
	bottom: 46px;
	left: 53px
}

#hero .arrow {
	display: none
}

#main {
	width: 320px;
	margin: 0 auto
}

.main {
	width: 320px;
	margin: 0 auto
}

.section {
	padding: 13px
}

.section-title {
	font-size: 26px;
	margin-bottom: 14px
}

.featured-boxes {
	padding-top: 0;
	margin-bottom: 0
}

.featured-boxes .box {
	margin-bottom: 6px;
	margin-right: 0;
	float: none;
	width: 294px
}

.featured-boxes .box.small {
	width: 294px
}

.featured-boxes .box img.hide {
	display: none
}

.social-boxes-wrapper,.featured-boxes2-wrapper,.toolkit {
	display: none
}

.newsletter {
	margin-top: -16px;
	margin-bottom: 0
}

.newsletter h2 {
	font-size: 28px;
	padding-right: 0;
	position: relative;
	top: 0;
	margin-bottom: 13px;
	display: block;
	text-align: center
}

.newsletter form {
	display: block;
	width: 276px;
	margin: 0 auto
}

.newsletter input[type=submit] {
	width: 276px;
	text-align: center
}

.newsletter input[type=email] {
	width: 236px;
	margin-bottom: 10px
}

input#_mail_sub.button {
	width: 100%
}

a#_mail_sub.button {
	margin-top: 20px
}

input#_mail_sub.button:hover {
	color: #000!important
}

img.prod_long {
	display: none
}

img.mobSquare {
	display: block;
	width: 265px;
}

#footer {
	width: 320px;
	margin: 0 auto;
	padding: 183px 0 13px;
	background-color: #fff;
	position: relative
}

.fleft {
	float: none;
	width: 320px;
	padding: 0;
	text-align: center
}

.fleft span {
	display: block;
	text-align: center;
	padding: 0;
	top: auto;
	margin-bottom: 13px
}

.fright {
	float: none;
	width: auto;
	padding: 14px 10px 18px 17px;
	border-top: 1px solid #ccc;
	position: absolute;
	top: 0;
	height: auto;
	margin-top: 13px
}

.fright p {
	font-size: 24px;
	text-align: center;
	line-height: 24px
}

.content {
	width: 265px !important;
	float: none;
	padding: 0 0px;
	
}

.content p.subtitle {
	font-size: 20px
}

.content img {
	margin-bottom: 18px;
	max-width: 265px;
	
	
}

.sidebar {
	float: none;
	width: 265px;
	margin-left: 0;
	padding-bottom: 20px
}

a.button.sharegap {
	margin-bottom: 10px
}

.sidebar .widget {
	padding-top: 25px;
	border-top: 1px solid #d0d0d0
;
	margin-top: 15px;
}

.item-title .other-products {
	width: 27px;
	height: 27px;
	background-size: 27px 57px;
	background-position: 0 0;
	text-indent: -99999px;
	margin-bottom: 13px
}

.item-title .other-products:hover {
	background-position: 0 bottom
}

.item-title h1 {
	width: 266px;
	box-sizing:	border-box;
}

.product-list a {
	font-size: 16px;
	line-height: 21px
}

.content input[type=text] {
	width: 262px
}

.content textarea {
	width: 262px
}

.customSelect {
	width: 262px;
	background-position: 262px 17px
}

.customSelect.customSelectOpen {
	background-position: 262px -17px
}

.customSelectInner {
	width: 262px!important
}

.content select option {
	width: 260px
}

.content .form-row input.smaller {
	width: 134px
}

.content input[type=submit] {
	margin-top: 18px
}

.featured-numbers {
	width: 240px;
	font-size: 18px;
	margin-bottom: 16px;
	line-height: 27px
}

.item-title .next-campaigns {
	width: 27px;
	height: 27px;
	background-size: 27px 57px;
	background-position: 0 0;
	text-indent: -99999px;
	margin-bottom: 13px;
	font-size: 20px
}

.item-title .next-campaigns:hover {
	background-position: 0 bottom
}

.toolkit-boxes .box {
	float: none;
	margin-right: 0;
	width: 294px
}

.sidebar input[type=text] {
	width: 266px
}

.sidebar textarea {
	width: 266px
}

div.section {
	width: 266px
}

}

@media only screen and (min-width:1320px) {

	
.small.last {
	margin-right: 0
}

}

@media only screen and (min-width:1101px) and (max-width:1320px) {

#hero .hero_bg {
	height: 451px;
}	


#hero #yt_player {
	height: 451px;
	width: 802px;
}	

#hero #yt_player_main {
	height: 451px;
	width: 802px;
}	

.small.last {
	margin-right: 0
}

.hasCustomSelect {
	width: 640px
}

#hero {
	width: 1102px;
	margin: 0 auto 12px;
	position: relative;
	overflow: hidden;
	padding-bottom: 23px
}

#greyHero {
	position: absolute;
	height: 451px;
	width: 100%
}

#hero .arrow {
	background: url(../images/arrows.png) no-repeat;
	width: 45px;
	height: 45px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 551px;
	bottom: 0
}

.section {
	padding: 54px 60px 36px
}

.section.home {
	padding: 10px 60px 36px
}

#main {
	width: 1102px;
	margin: 0 auto
}

.main {
	width: 1102px;
	margin: 0 auto
}

#footer {
	margin: 0 auto;
	padding: 0 60px;
	background-color: #f0f0f0
}

#nav {
	width: 100%;
	width: 980px;
	margin: 0 auto;
	padding: 0 58px 0 40px;
	background-color: #ed1c24
}

#header {
	width: 980px;
	margin: 0 auto;
	padding: 28px 58px 26px;
	background-color: #000
}

}

.hright .phoneNum:hover,.fright .phoneNum:hover {
	color: #fff
}

div.subtitle {
	line-height: 22px
}

#main div.section div.subtitle {
	width: 99%;
	position: relative;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
	font-size: 22px;
	padding-bottom: 10px;
	line-height: 26px
}

.main div.section div.subtitle {
	width: 99%;
	position: relative;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
	font-size: 22px;
	padding-bottom: 10px;
	line-height: 26px
}

div.conatct {
	width: 100%;
	height: 90px;
	padding-bottom: 10px;
	clear: both
}

div.contact_left img {
	display: block;
	width: 90px
}

div.contact_left {
	width: 90px;
	float: left;
	margin-right: 5px;}

input#_email {
	top: -4px!important;
	position: relative
}

li.active {
	color: #000
}

.other_div {
	display: none
}

div.conatct_s {
	width: 100%;
	height: 70px;
	padding-bottom: 15px!important;
	clear: both;
	position: relative
}

div.contact_left_s img {
	display: block;
	width: 55px
}

div.contact_right_s {
	font-size: 14px;
	margin-bottom: 15px
}

div.contact_right_s strong {
	font-size: 14px
}

div.contact_left_s {
	width: 55px;
	float: left;
	margin-right: 10px
}

div.contact_right {
	float: left;
	width: 65%;
	line-height: 21px
}

#footer .editorLink a {
	position: absolute
}

div#main.grey-bg.featured-boxes2-wrapper {
	width: 100%!important
}

.main.grey-bg.featured-boxes2-wrapper {
	width: 100%!important
}

#results_container {
	background-color: #f0f0f0;
	margin: 0 auto;
	width: 100%
}

div.holder {
	padding-top: 100px;
	margin-bottom: 30px
}

div.holder li {
	margin-bottom: 10px
}

.header_br:after {
	content: '\A';
}