@charset "UTF-8";body.about section#billboard {
	background: url("/images/billboard.jpg") fixed 50% 0;
	background-size: cover;
	-ms-behavior: url("../backgroundsize.min.htc")
}


.pricing-table {
    float: left;
    width: 305px;
    margin: 50px 14px 0 14px;
    background: #f8f8f8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
    
}

.dealerform form input[type="text"],form input[type="text"],.dealerform form input[type="number"],.dealerform form input[type="email"],.dealerform form input[type="password"] {
background: #fff;
width: 100%;
color: #64696f;
font-size: 14px;
padding-left: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
text-transform: uppercase;
outline: none;
border: 2px solid #64696f;
transition: all 100ms linear;
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
-ms-transition: all 100ms linear;
font-weight: bold;
-webkit-appearance: none;
height: 41px;
font-family: 'Oxygen', sans-serif;
}

.pricing-table strong { font-weight: 700; color: #3d3d3d; }

.pricing-table-header {
    padding: 30px 0 25px 0;
    background: #3d3d3d;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#3e3e3e));
    background-image: -webkit-linear-gradient(top, #494949, #3e3e3e);
    background-image: -moz-linear-gradient(top, #494949, #3e3e3e);
    background-image: -o-linear-gradient(top, #494949, #3e3e3e);
    background-image: -ms-linear-gradient(top, #494949, #3e3e3e);
    background-image: linear-gradient(to bottom, #494949, #3e3e3e);
}

.pricing-table-header h2 { font-size: 30px; font-weight: 700; text-shadow: 0 -2px 0 rgba(0,0,0,.25); }
.pricing-table-header h3 { margin-top: 20px; font-size: 24px; font-weight: 400; text-shadow: 0 -2px 0 rgba(0,0,0,.25); }

.pricing-table-space { height: 10px; }

.pricing-table-text {
    margin: 15px 30px 0 30px;
    padding: 0 10px 15px 10px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    color: #888;
}

.pricing-table-features {
    margin: 15px 30px 0 30px;
    padding: 0 10px 15px 10px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    color: #888;
}

.pricing-table-sign-up {
    margin-top: 25px;
    padding-bottom: 30px;
}

.pricing-table-sign-up a {
    display: inline-block;
    width: 180px;
    height: 40px;
    background: #3d3d3d;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#3e3e3e));
    background-image: -webkit-linear-gradient(top, #494949, #3e3e3e);
    background-image: -moz-linear-gradient(top, #494949, #3e3e3e);
    background-image: -o-linear-gradient(top, #494949, #3e3e3e);
    background-image: -ms-linear-gradient(top, #494949, #3e3e3e);
    background-image: linear-gradient(to bottom, #494949, #3e3e3e);
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 -2px 0 rgba(0,0,0,.25);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

.pricing-table-sign-up a:hover {
    text-decoration: none;
    -moz-box-shadow: 0 -5px 10px 0 rgba(0,0,0,.2) inset;
    -webkit-box-shadow: 0 -5px 10px 0 rgba(0,0,0,.2) inset;
    box-shadow: 0 -5px 10px 0 rgba(0,0,0,.2) inset;
}

.pricing-table-sign-up a:active {
    -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,.2) inset;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.2) inset;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.2) inset;
}


/* Highlighted table */

.pricing-table-highlighted {
    margin-top: 0;
}

.pricing-table-highlighted .pricing-table-header {
    background: #628842;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76a04f), to(#648a43));
    background-image: -webkit-linear-gradient(top, #76a04f, #648a43);
    background-image: -moz-linear-gradient(top, #76a04f, #648a43);
    background-image: -o-linear-gradient(top, #76a04f, #648a43);
    background-image: -ms-linear-gradient(top, #76a04f, #648a43);
    background-image: linear-gradient(to bottom, #76a04f, #648a43);
}

.pricing-table-highlighted .pricing-table-sign-up a {
    background: #628842;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76a04f), to(#648a43));
    background-image: -webkit-linear-gradient(top, #76a04f, #648a43);
    background-image: -moz-linear-gradient(top, #76a04f, #648a43);
    background-image: -o-linear-gradient(top, #76a04f, #648a43);
    background-image: -ms-linear-gradient(top, #76a04f, #648a43);
    background-image: linear-gradient(to bottom, #76a04f, #648a43);
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.myButton:active {
	position:relative;
	top:1px;
}

dd div{
background: url(/images/logo16.png) 1px 1px no-repeat;
width: 18px;
height: 18px;
float: left;
margin-right: 5px;
}
.videoWrapper {
	position: relative;
	padding-top: 25px;
	height: 0;
	width: 560px;
	height: 350px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.middle-part {
  float: left;
  width: 100%;
  margin-bottom: 52px;
}
.middle-part ul {
  width: 100%;
}
.middle-part ul li {
  float: left;
  width: 16.6%;
  text-align: center;
	list-style-type: none;
}
ul .second {
  background: url("/images/elements/first-permanent-flat-repair.png") no-repeat top center !important;
}
ul .three {
  background: url("/images/elements/reliable-convenient-bike-flat-repair.png") no-repeat top center  !important;
}
ul .four {
  background: url("/images/elements/enjoy-your-bicycle-ride.png") no-repeat top center  !important;
}
.bottom-part {
  float: left;
  width: 100%;
}

.h2-recycle {
font-weight: bold;
color: #42a700;
font-size: 65px;
line-height: 65px;
}
.left-part {
float: left;
width: 70%;
padding-right: 5%;
display: block;
overflow: hidden;
}
.right-part {
float: right;
width: 30%;
display: block;
overflow: hidden;
}

body.about section#billboard p {
	max-width: 600px;
	font-size: 24px
}
@media screen and (max-width: 639px) {body.about section#billboard p {
	font-size: 18px
}

}
body.about section#team ul.team-list {
max-width: 820px;
margin: 0 auto;
text-align: center
}
body.about section#team ul.team-list li {
display: inline-block;
max-width: 220px;
margin: 0 25px 25px
}
body.about section#team ul.team-list p {
margin-top: 10px;
font-size: 20px
}
body.about section#team ul.team-list p span {
color: #4c4c4c;
display: block;
font-size: 16px
}
body.content-page.blackfriday_index header.main-header {
border-bottom: 2px solid #D7D7D7;
background: #fff;
height: 120px
}
body.content-page.blackfriday_index header.main-header .container.group {
position: absolute;
left: 50%;
margin: 0 0 0 -29px
}
body.content-page.blackfriday_index header.main-header #logo {
margin-top: 6px;
height: 89px
}
body.content-page.blackfriday_index header.main-header #logo a {
background-position: center center;
height: 89px;
width: 59px;
background-image: url("")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
	.middle-part ul li {
	  float: left;
	  width: 50%;
	  text-align: center;
		list-style-type: none;
	}
	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		width: 300px;
		height: 150px;
	}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
	}
}
}
@media screen and (max-width: 639px) {body.content-page.blackfriday_index header.main-header .container.group {
margin: 0 0 0 -140px
}

}
body.content-page.blackfriday_index section#billboard {
background: #fff;
color: #73797F;
padding-top: 160px
}
body.content-page.blackfriday_index section#billboard h1,body.content-page.blackfriday_index section#billboard p.lead {
color: #000
}
body.content-page.blackfriday_index section#billboard p.lead {
font-size: 24px;
max-width: 100%;
margin-bottom: 40px
}
body.content-page.blackfriday_index section#billboard p {
font-size: 16px
}
body.content-page.blackfriday_index section#billboard .social {
left: 50%;
margin: 0 0 40px 86px
}
body.content-page.blackfriday_index section#billboard li {
color: transparent;
text-align: center;
display: inline-block
}
body.content-page.blackfriday_index section#billboard li:first-child {
margin-right: 80px
}
body.content-page.blackfriday_index section#billboard li a {
zoom: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
display: block;
height: 192px;
width: 192px
}
body.content-page.blackfriday_index section#billboard li.twitter {
background-image: url("");
height: 192px;
width: 192px
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {body.content-page.blackfriday_index section#billboard li.twitter {
background-image: url("");
height: 192px;
width: 192px;
background-size: 192px 192px
}

}
body.content-page.blackfriday_index section#billboard li.facebook {
background-image: url("");
height: 192px;
width: 192px
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {body.content-page.blackfriday_index section#billboard li.facebook {
background-image: url("");
height: 192px;
width: 192px;
background-size: 192px 192px
}

}
@media screen and (max-width: 639px) {body.content-page.blackfriday_index section#billboard {
padding: 120px 0
}
body.content-page.blackfriday_index section#billboard h1 {
margin-bottom: 10px;
font-size: 22px
}
body.content-page.blackfriday_index section#billboard p.lead {
font-size: 14px;
margin-bottom: 20px
}
body.content-page.blackfriday_index section#billboard p {
font-size: 12px
}
body.content-page.blackfriday_index section#billboard li.facebook {
background-image: url("");
height: 96px;
width: 96px
}

}
@media screen and (max-width: 639px) and (min--moz-device-pixel-ratio: 1.3), screen and (max-width: 639px) and (-webkit-min-device-pixel-ratio: 1.3), screen and (max-width: 639px) and (min-device-pixel-ratio: 1.3), screen and (max-width: 639px) and (min-resolution: 1.3dppx) {body.content-page.blackfriday_index section#billboard li.facebook {
background-image: url("");
height: 96px;
width: 96px;
background-size: 96px 96px
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {body.content-page.blackfriday_index section#billboard h1 {
margin-bottom: 30px
}
body.content-page.blackfriday_index section#billboard p.lead {
font-size: 17px
}
body.content-page.blackfriday_index section#billboard p {
font-size: 15px;
width: 100%
}

}
body.content-page.fourohfour header.main-header,body.content-page.fivehundred header.main-header,body.content-page.fourohone header.main-header {
border-bottom: 2px solid #EAECEE;
background: #fff
}
body.content-page.fourohfour header.main-header h1#logo,body.content-page.fivehundred header.main-header h1#logo,body.content-page.fourohone header.main-header h1#logo {
margin-top: 6px
}
body.content-page.fourohfour header.main-header h1#logo a,body.content-page.fivehundred header.main-header h1#logo a,body.content-page.fourohone header.main-header h1#logo a {
background-image: url("/images/logo-small.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {body.content-page.fourohfour header.main-header h1#logo a,body.content-page.fivehundred header.main-header h1#logo a,body.content-page.fourohone header.main-header h1#logo a {
background-image: url("/images/logo-small@2x.png");
background-size: 40px 40px;
background-position: center center
}

}
body.content-page.fourohfour header.main-header .button,body.content-page.fivehundred header.main-header .button,body.content-page.fourohone header.main-header .button {
color: #4c4c4c;
border-color: #4c4c4c;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
transition: all 200ms linear 0;
-webkit-transition: all 200ms linear 0;
-moz-transition: all 200ms linear 0;
-o-transition: all 200ms linear 0;
-ms-transition: all 200ms linear 0
}
body.content-page.fourohfour header.main-header .button:hover,body.content-page.fivehundred header.main-header .button:hover,body.content-page.fourohone header.main-header .button:hover {
border-color: #b6b9bd
}
body.content-page.fourohfour section#billboard,body.content-page.fivehundred section#billboard,body.content-page.fourohone section#billboard {
background: #fff;
color: #73797F;
padding: 100px 0 40px 0;
overflow: visible;
max-height: none !important
}
body.content-page.fourohfour section#billboard p.lead,body.content-page.fivehundred section#billboard p.lead,body.content-page.fourohone section#billboard p.lead {
color: #e11717;
font-size: 24px
}
@media screen and (max-width: 639px) {body.content-page.fourohfour section#billboard,body.content-page.fivehundred section#billboard,body.content-page.fourohone section#billboard {
padding-top: 150px
}
body.content-page.fourohfour section#billboard h1,body.content-page.fivehundred section#billboard h1,body.content-page.fourohone section#billboard h1 {
margin-bottom: 30px
}
body.content-page.fourohfour section#billboard p.lead,body.content-page.fivehundred section#billboard p.lead,body.content-page.fourohone section#billboard p.lead {
font-size: 18px
}

}
body.content-page.support_faq header.main-header {
border-bottom: 2px solid #EAECEE;
background: #fff
}
body.content-page.support_faq header.main-header #logo {
margin-top: 16px
}
body.content-page.support_faq header.main-header #logo a {
background-image: url("/images/logo.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {body.content-page.support_faq header.main-header #logo a {
background-image: url("/images/logo@2x.png");
background-size: 267px 39px;
background-position: center center
}

}
body.content-page.support_faq header.main-header .ticker-text {
color: #000
}
body.content-page.support_faq header.main-header .button {
color: #4c4c4c;
border-color: #4c4c4c;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
transition: all 200ms linear 0;
-webkit-transition: all 200ms linear 0;
-moz-transition: all 200ms linear 0;
-o-transition: all 200ms linear 0;
-ms-transition: all 200ms linear 0
}
body.content-page.support_faq header.main-header .button:hover {
border-color: #b6b9bd
}
@media screen and (max-width: 639px) {body.content-page.support_faq section {
padding: 60px 0 20px 0
}

}
body.content-page.support_faq section#billboard {
background: #fff;
color: #73797F;
padding-top: 200px;
padding-bottom: 0
}
body.content-page.support_faq section#billboard h1 {
color: #000;
margin-bottom: 70px
}
@media screen and (max-width: 639px) {body.content-page.support_faq section#billboard {
padding-top: 70px
}
body.content-page.support_faq section#billboard h1 {
font-size: 26px;
margin-bottom: 40px
}

}
body.content-page.support_faq section#faq {
padding-top: 20px
}
body.content-page.support_faq section#faq p#expand {
margin-bottom: 10px;
cursor: pointer
}
body.content-page.support_faq section#faq p.left-align {
text-align: left;
max-width: 100%;
font-size: 18px;
margin-left: 10px
}
body.content-page.support_faq section#faq ul li {
list-style: none;
margin-bottom: 20px;
overflow: auto
}
body.content-page.support_faq section#faq ul li h3 {
color: #000;
font-size: 18px;
text-transform: uppercase;
padding: 10px 15px;
margin: 25px 0 20px 0;
border-bottom: #e11717 solid 2px;
}
body.content-page.support_faq section#faq ul li h3:first-child {
margin-top: 0
}
body.content-page.support_faq section#faq ul li dl {
margin: 0 10px 20px 10px
}
body.content-page.support_faq section#faq ul li dl div.left {
display: inline-block;
width: 50%;
overflow: hidden;
vertical-align: text-top
}
body.content-page.support_faq section#faq ul li dl div.right {
display: inline-block;
width: 49%;
overflow: hidden;
vertical-align: text-top
}
body.content-page.support_faq section#faq ul li dl dt {
color: #000;
font-size: 18px;
margin: 20px 0 5px 0;
cursor: pointer;
width: 90%
}
body.content-page.support_faq section#faq ul li dl dd {
color: #4c4c4c;
font-size: 16px;
margin-bottom: 20px;
display: none;
width: 90%
}
body.content-page.support_faq section#faq ul li dl dd div{
background: url(/images/logo16.png) 1px 1px no-repeat;
width: 18px;
height: 18px;
float: left;
margin-right: 5px;
}

body.content-page.support_faq section#faq ul li dl dd.expanded {
display: block
}
@media screen and (max-width: 639px) {body.content-page.support_faq section#faq ul p.left-align {
font-size: 14px
}
body.content-page.support_faq section#faq ul li h3 {
font-size: 16px
}
body.content-page.support_faq section#faq ul li dl div.left {
width: 100%
}
body.content-page.support_faq section#faq ul li dl div.right {
width: 100%
}
body.content-page.support_faq section#faq ul li dl dt {
font-size: 14px
}
body.content-page.support_faq section#faq ul li dl dd {
font-size: 12px
}

}
.button,button {
background: transparent;
padding: 10px 20px;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
border: 2px solid #fff;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
display: inline-block;
position: relative;
transition: all 200ms linear 0;
-webkit-transition: all 200ms linear 0;
-moz-transition: all 200ms linear 0;
-o-transition: all 200ms linear 0;
-ms-transition: all 200ms linear 0;
white-space: nowrap
}
.button:hover,button:hover {
color: #fff;
border-color: #a1a1a1
}
.button.red,button.red {
background: #d81b1b url("/images/noise-3.png");
border: none;
box-shadow: 0 1px 2px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
color: #fff !important
}
.button.red:hover,button.red:hover {
background-color: #c11818
}
.button.disabled,button.disabled {
background: #BAC2CC;
border: none;
box-shadow: 0 1px 2px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
color: #000 !important
}
.button.light-bg,button.light-bg {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none
}
.button.large,button.large {
font-size: 20px;
font-weight: 400;
padding: 12px 32px;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px
}
.button.play,button.play {
padding-left: 50px
}
.button.play:before,button.play:before {
content: "";
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 10px solid #fff;
position: absolute;
top: 19px;
left: 25px
}
div.button-row {
float: right
}
div.button-row button,div.button-row .button {
margin-left: 5px
}
div.button-row button:first-child,div.button-row .button:first-child {
margin-left: 0
}
body.content-page {
background: #fff
}
body.content-page section {
padding: 125px 0
}
body.content-page section h1 {
margin-bottom: 40px;
text-align: center
}
body.content-page section h2 {
margin-bottom: 40px;
text-align: center
}
body.content-page section p {
font-size: 24px;
max-width: 780px;
line-height: 1.7;
margin: 0 auto;
text-align: center
}
body.content-page section p.left-align {
text-align: left
}
body.content-page section.white {
background: #fff;
color: #000
}
body.content-page section.white p {
color: #4c4c4c
}
body.content-page section.white a {
color: #e11717;
font-weight: 600;
text-decoration: none
}
body.content-page section.white a:hover {
color: #9c1010
}
body.content-page section.black {
background: #000;
color: #fff
}
@media screen and (max-width: 639px) {body.content-page section {
padding: 60px 0
}
body.content-page section p {
font-size: 14px
}

}
div.fancy-select {
position: relative;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
color: #64696f;
float: left;
}
#country div.fancy-select {
	width: 220px;
}
div.fancy-select.disabled {
opacity: 0.5
}
div.fancy-select select:focus+div.trigger.open {
box-shadow: none
}
div.fancy-select div.trigger {
border-radius: 5px;
cursor: pointer;
padding: 9px 24px 9px 9px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
border: 2px solid #64696f;
color: #64696f;
-webkit-backface-visibility: hidden;
background: #fff;
transition: all 240ms ease-out;
-webkit-transition: all 240ms ease-out;
-moz-transition: all 240ms ease-out;
-o-transition: all 240ms ease-out;
-ms-transition: all 240ms ease-out
}
div.fancy-select div.trigger:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
border-bottom: 7px solid #64696f;
top: 5px;
right: 9px
}
div.fancy-select div.trigger:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
border-top: 7px solid #64696f;
top: 21px;
right: 9px
}
div.fancy-select div.trigger.open {
border: 2px solid #6f7b8b;
color: #6f7b8b;
box-shadow: none
}
div.fancy-select div.trigger.open:before {
border-bottom-color: #7A8498
}
div.fancy-select div.trigger.open:after {
border-top-color: #7A8498
}
div.fancy-select ul.options {
list-style: none;
margin: 0;
padding-bottom: 5px;
position: absolute;
top: 40px;
left: 0;
visibility: hidden;
opacity: 0;
z-index: 50;
max-height: 200px;
overflow: auto;
background: #fff;
border: 2px solid #64696f;
border-radius: 4px;
width: 100%;
transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out
}
div.fancy-select ul.options.open {
visibility: visible;
top: 50px;
opacity: 1;
transition: opacity 300ms ease-out, top 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out
}
div.fancy-select ul.options.overflowing {
top: auto;
bottom: 40px;
transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out
}
div.fancy-select ul.options.overflowing.open {
top: auto;
bottom: 50px;
transition: opacity 300ms ease-out, bottom 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out
}
div.fancy-select ul.options li {
padding: 8px 12px;
color: #64696f;
cursor: pointer;
white-space: nowrap;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
-moz-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out;
-ms-transition: all 150ms ease-out
}
div.fancy-select ul.options li.selected {
background: #efefef;
color: #1E84C1
}
div.fancy-select ul.options li.hover {
color: #2b3036
}
* {
margin: 0;
padding: 0;
border: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
overflow-y: scroll;
height: 100%
}
body,input,select,textarea,button {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility
}
a {
-webkit-tap-highlight-color: #e11717
}
::-moz-selection {
background: #e11717;
color: #fff;
text-shadow: none
}
::selection {
background: #e11717;
color: #fff;
text-shadow: none
}
img {
-ms-interpolation-mode: bicubic
}
strong {
font-weight: bold
}
em {
font-style: italic
}
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
* html .group {
height: 1%
}
*:first-child+html .group {
min-height: 1px
}
@font-face {
font-family: 'Oxygen', sans-serif;
src: url("fonts/674399/787ee748-9cce-45a0-910b-6b5c6e87e327-.eot#iefix");
src: url("fonts/674399/787ee748-9cce-45a0-910b-6b5c6e87e327-.eot#iefix") format("eot"),url("fonts/674399/84558c76-9f1b-44d2-ac62-d7937f43809b.woff") format("woff"),url("fonts/674399/411a88fe-e483-4fb8-af42-8369ebb1138d.ttf") format("truetype"),url("fonts/674399/6dfe33a4-0ad5-4c85-8e01-f48ecfe3c167.svg#6dfe33a4-0ad5-4c85-8e01-f48ecfe3c167") format("svg")
}
body {
background: #000;
color: #fff;
font-family: 'Oxygen', sans-serif;
font-style: normal;
font-weight: 300;
height: 100%
}
div#document {
background: #000;
padding: 240px 0 90px
}
div#document div.inner {
width: 940px;
margin: 0 auto
}
div#document div.inner h1 {
font-size: 33px
}
div#document div.inner h2 {
font-size: 33px
}
div#document div.inner h3 {
font-size: 24px;
margin-bottom: 12px
}
div#document div.inner h4 {
font-size: 18px;
font-weight: normal;
font-style: italic;
margin-bottom: 24px
}
div#document div.inner p {
margin-bottom: 15px;
line-height: 1.5
}
div#document div.inner ul,div#document div.inner ol {
margin-left: 36px;
margin-bottom: 15px
}
@media only screen and (max-width: 639px) {div#document {
padding-top: 180px
}
div#document div.inner {
width: 90%
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {div#document div.inner {
width: 90%
}

}
div.container {
width: 940px;
margin: 0 auto;
position: relative
}
@media only screen and (max-width: 639px) {div.container {
width: 300px
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {div.container {
width: 620px
}

}
a {
color: #fff;
transition: color 200ms linear;
-webkit-transition: color 200ms linear;
-moz-transition: color 200ms linear;
-o-transition: color 200ms linear;
-ms-transition: color 200ms linear
}
a:hover {
color: #9c0000;
text-decoration: none
}
div.wrap {
min-height: 100%
}
div.content-wrap {
overflow: auto;
padding-bottom: 99px
}
@media screen and (max-width: 639px) {div.content-wrap {
padding-bottom: 163px
}
body.index div.content-wrap {
padding-bottom: 208px
}

}
header.main-header {
background: transparent;
width: 100%;
position: fixed;
top: 0;
z-index: 13;
transition: background-color 180ms linear;
-webkit-transition: background-color 180ms linear;
-moz-transition: background-color 180ms linear;
-o-transition: background-color 180ms linear;
-ms-transition: background-color 180ms linear;
height: 80px
}
header.main-header.scrolled {
background: #fff;
background: rgba(255,255,255,0.9)
}
header.main-header.scrolled #logo {
margin-top: 16px;
}
header.main-header.scrolled #logo a {
background-image: url("/images/logo.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {header.main-header.scrolled #logo a {
background-image: url("/images/logo.png");
background-size: 267px 39px;
background-position: center center
}

}
header.main-header.scrolled a.logo-type {
zoom: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transition: all 100ms linear;
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
-ms-transition: all 100ms linear;
visibility: hidden
}
header.main-header.scrolled .button {
color: #4c4c4c;
border-color: #4c4c4c;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
transition: all 200ms linear 0;
-webkit-transition: all 200ms linear 0;
-moz-transition: all 200ms linear 0;
-o-transition: all 200ms linear 0;
-ms-transition: all 200ms linear 0
}
header.main-header.scrolled .button:hover {
border-color: #b6b9bd
}
header.main-header #logo {
width: 267px;
height: 39px;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
float: left;
margin-top: 15px;
display: block;
transition: all 180ms ease-out;
-webkit-transition: all 180ms ease-out;
-moz-transition: all 180ms ease-out;
-o-transition: all 180ms ease-out;
-ms-transition: all 180ms ease-out
}
header.main-header #logo a {
display: block;
height: 100%;
width: 100%;
background: url("/images/logo_patch_white.png") no-repeat center center;
position: relative;
z-index: 5;
transition: all 180ms ease-out;
-webkit-transition: all 180ms ease-out;
-moz-transition: all 180ms ease-out;
-o-transition: all 180ms ease-out;
-ms-transition: all 180ms ease-out
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {header.main-header #logo a {
background: url("/images/logo_patch_white.png") no-repeat;
background-size: 267px 39px
}

}
header.main-header a.logo-type {
display: block;
position: absolute;
top: 85px;
background: url("/images/logo-type.png");
height: 30px;
width: 70px;
margin-top: 5px;
zoom: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
transition: opacity 400ms linear 600ms;
-webkit-transition: opacity 400ms linear 600ms;
-moz-transition: opacity 400ms linear 600ms;
-o-transition: opacity 400ms linear 600ms;
-ms-transition: opacity 400ms linear 600ms
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {header.main-header a.logo-type {
background: url("/images/logo-type@2x.png");
background-size: 70px 30px
}

}
header.main-header .button {
transition: all 200ms linear;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear
}
header.main-header .button:hover {
transition: all 200ms linear;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear
}
header.main-header div.button-row {
padding-top: 18px
}
@media only screen and (max-width: 639px) {header.main-header {
z-index: 12;
position: absolute
}
header.main-header #logo {
float: none;
margin: 15px auto 0
}
header.main-header a.logo-type {
top: 70px;
left: 50%;
margin-left: -35px
}
header.main-header div.button-row {
display: none
}

}
footer {
position: relative;
margin-top: -99px;
height: 99px;
clear: both;
padding: 27px 0 22px !important
}
footer nav {
float: left
}
footer nav ul {
text-align: left
}
footer nav ul li {
display: inline;
margin-right: 20px
}
footer nav ul.dark {
margin-top: 5px
}
footer nav ul.dark li a {
color: #e11717
}
footer nav ul.dark li a:hover {
color: #fff
}
footer ul.social.small {
float: right;
margin: 5px 0 0
}
footer ul.social.small li {
margin-left: 15px
}
footer ul.social.small li,footer ul.social.small a {
background: transparent url("/images/footer-social-small-sprite.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {footer ul.social.small li,footer ul.social.small a {
background: url("/images/footer-social-small-sprite@2x.png");
background-size: 40px 320px
}

}
footer ul.social.small li.facebook,footer ul.social.small a.facebook {
background-position: -0px -40px;
width: 40px;
height: 40px
}
footer ul.social.small li.facebook a,footer ul.social.small a.facebook a {
background-position: -0px -0px;
width: 40px;
height: 40px
}
footer ul.social.small li.instagram,footer ul.social.small a.instagram {
background-position: -0px -120px;
width: 40px;
height: 40px
}
footer ul.social.small li.instagram a,footer ul.social.small a.instagram a {
background-position: -0px -80px;
width: 40px;
height: 40px
}
footer ul.social.small li.twitter,footer ul.social.small a.twitter {
background-position: -0px -200px;
width: 40px;
height: 40px
}
footer ul.social.small li.twitter a,footer ul.social.small a.twitter a {
background-position: -0px -160px;
width: 40px;
height: 40px
}
footer ul.social.small li.youtube,footer ul.social.small a.youtube {
background-position: -0px -280px;
width: 40px;
height: 40px
}
footer ul.social.small li.youtube a,footer ul.social.small a.youtube a {
background-position: -0px -240px;
width: 40px;
height: 40px
}
footer ul.social.small a {
zoom: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0)
}
footer ul.social.small li:hover a {
zoom: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100)
}
@media screen and (max-width: 639px) {footer {
margin-top: -163px;
height: 193px
}
footer nav {
float: none;
display: block
}
footer nav ul {
text-align: center
}
footer nav ul li {
margin: 0 5px
}
footer nav ul a {
font-size: 11px
}
footer ul.social.small {
float: none;
display: block;
margin-top: 20px
}
.middle-part ul li {
  float: left;
  width: 50%;
  text-align: center;
list-style-type: none;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	width: 300px;
	height: 150px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
}
.h2-recycle {
font-weight: bold;
color: #42a700;
font-size: 40px;
line-height: 55px;
}
}
@media screen and (max-width: 639px) {body.index footer {
margin-top: -208px;
height: 238px
}

}
section {
padding: 80px 0
}
section h1 {
font-size: 70px;
font-family: 'Oxygen', sans-serif;
font-weight: normal
}
section h2 {
font-size: 70px;
font-family: 'Oxygen', sans-serif;
font-weight: normal
}
section p.lead {
font-size: 24px;
margin: 30px 0 70px
}
@media only screen and (max-width: 639px) {section h1 {
font-size: 30px
}
section h2 {
font-size: 30px
}
section p.lead {
font-size: 14px;
line-height: 1.5;
margin: 15px 0 0
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {section h1 {
font-size: 42px
}
section h2 {
font-size: 42px
}
section p.lead {
font-size: 18px;
line-height: 1.5;
margin: 21px 0 0
}

}
div.modal ul.social.small {
margin: 25px 0
}
div.modal ul.social.small li {
background: url("/images/share-sprite.png");
display: inline-block;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
color: transparent;
margin-left: 20px;
position: relative
}
div.modal ul.social.small li:first-child {
margin-left: 0
}
div.modal ul.social.small li.facebook {
background-position: -0px -40px;
width: 40px;
height: 40px
}
div.modal ul.social.small li.instagram {
background-position: -0px -120px;
width: 40px;
height: 40px
}
div.modal ul.social.small li.twitter {
background-position: -0px -200px;
width: 40px;
height: 40px
}
div.modal ul.social.small li.youtube {
background-position: -0px -280px;
width: 40px;
height: 40px
}
div.modal ul.social.small li a {
background: #fdfdfd url("/images/share-sprite.png");
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
zoom: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transition: opacity 200ms linear;
-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
-o-transition: opacity 200ms linear;
-ms-transition: opacity 200ms linear
}
div.modal ul.social.small li:hover a {
zoom: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100)
}
div.modal ul.social.small li.facebook a {
background-position: -0px -0px;
width: 40px;
height: 40px
}
div.modal ul.social.small li.instagram a {
background-position: -0px -80px;
width: 40px;
height: 40px
}
div.modal ul.social.small li.twitter a {
background-position: -0px -160px;
width: 40px;
height: 40px
}
div.modal ul.social.small li.youtube a {
background-position: -0px -240px;
width: 40px;
height: 40px
}
@media only screen and (max-width: 539px) {div.modal ul.social.small {
margin: 12px 0
}

}
div.tool {
width: 350px;
height: 220px;
position: relative
}
div.tool.pnrtool{
background: url("/images/pnr/tool.png");
width: 445px;
height: 122px
}
div.tool.pnrtoolcomplete{
background: url("/images/pnr/pnrtoolcomplete.png");
width: 461px;
height: 122px
}
div.tool.pnrtoolempty{
background: url("/images/pnr/pnrtoolempty.png");
width: 121px;
height: 402px
}
div.tool.cartrigde{
background: url("/images/pnr/cartrigde.png");
width: 105px;
height: 167px
}
div.tool.pnrtoolquick{
background: url("/images/pnr/tool_quick.png");
width: 97px;
height: 448px
}
div.tool.toggle{
background: url("/images/pnr/tool_quick_toggle.png");
width: 33px;
height: 148px
}
div.tool.tire{
background: url("/images/pnr/tire.png");
width: 1000px;
height: 1000px
}
div.tool.pnrtool div.led {
width: 4px;
height: 4px;
position: absolute;
top: 117px;
left: 106px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
transition: all 90ms linear;
-webkit-transition: all 90ms linear;
-moz-transition: all 90ms linear;
-o-transition: all 90ms linear;
-ms-transition: all 90ms linear;
background: #0d0;
box-shadow: 0 0 5px rgba(0,221,0,0.7);
-webkit-box-shadow: 0 0 5px rgba(0,221,0,0.7);
-moz-box-shadow: 0 0 5px rgba(0,221,0,0.7);
-o-box-shadow: 0 0 5px rgba(0,221,0,0.7);
zoom: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0)
}

div.cap {
background: url("/images/pnr/cap.png");
width: 79px;
height: 101px;
position: absolute
}

.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: black;
opacity: 0.9;
filter: alpha(opacity=90)
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden
}
@media only screen and (max-width: 639px) {.mfp-wrap {
display: block
}

}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 9999999
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none !important
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #cccccc
}
.mfp-preloader a:hover {
color: white
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-close,button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #a7afb9;
font-style: normal;
font-size: 24px;
font-family: 'Oxygen', sans-serif;
font-weight: 600
}
.mfp-close:hover {
color: #4c4c4c
}
.mfp-close:focus {
opacity: 1;
outline: none
}
.mfp-close:active {
outline: none
}
.mfp-close-btn-in .mfp-close {
color: #333333
}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
color: #a7afb9;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:hover,.mfp-arrow:focus {
opacity: 1
}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent
}
.mfp-arrow:after,.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before,.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px
}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px
}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0,0,0,0.9);
background: black
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0,0,0,0.9);
background: #444444
}
.mfp-figure {
line-height: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0,0,0,0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0,0,0,0.6);
position: fixed;
text-align: center;
padding: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}

}
@media all and (max-width: 900px) {.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}

}
.mfp-ie7 .mfp-img {
padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
padding: 0
}
.mfp-ie7 .mfp-content {
padding-top: 44px
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0
}
html.csstransforms3d div.content-modal {
-webkit-perspective: 2000px;
-moz-perspective: 2000px;
perspective: 2000px
}
html.csstransforms3d div.content-modal .mfp-content {
zoom: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
transform: rotateY(-60deg);
-webkit-transform: rotateY(-60deg);
-moz-transform: rotateY(-60deg);
-o-transform: rotateY(-60deg);
-ms-transform: rotateY(-60deg)
}
html.csstransforms3d div.content-modal.mfp-bg {
zoom: 1;
opacity: 0.01;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s
}
html.csstransforms3d div.content-modal.mfp-ready .mfp-content {
zoom: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg)
}
html.csstransforms3d div.content-modal.mfp-ready.mfp-bg {
zoom: 1;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90)
}
html.csstransforms3d div.content-modal.mfp-removing .mfp-content {
transform: rotateY(60deg);
-webkit-transform: rotateY(60deg);
-moz-transform: rotateY(60deg);
-o-transform: rotateY(60deg);
-ms-transform: rotateY(60deg);
zoom: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0)
}
html.csstransforms3d div.content-modal.mfp-removing.mfp-bg {
zoom: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0)
}
div.content-modal div.mfp-content {
max-width: 400px;
margin: 0 auto;
margin-top: 125px;
background: #fff url("/images/noise-3.png");
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
color: #a9b1bb;
text-align: center
}
@media only screen and (max-width: 539px) {div.content-modal div.mfp-content {
margin-top: 10px
}

}
div.content-modal div.mfp-content h2 {
color: #4c4c4c;
font-weight: 600;
font-size: 24px
}
@media only screen and (max-width: 539px) {div.content-modal div.mfp-content h2 {
font-size: 18px
}

}
div.content-modal div.mfp-content p {
font-weight: 600;
font-size: 14px;
margin-top: 10px
}
@media only screen and (max-width: 539px) {div.content-modal div.mfp-content p {
font-size: 13px;
font-weight: normal
}

}
html.no-csstransforms3d .modal.reserve-form .front {
display: block
}
html.no-csstransforms3d .modal.reserve-form .back {
display: none
}
html.no-csstransforms3d .modal.reserve-form.flipped .front {
display: none
}
html.no-csstransforms3d .modal.reserve-form.flipped .back {
display: block
}
.modal.reserve-form {
margin: -10px;
transition: all 500ms linear;
-webkit-transition: all 500ms linear;
-moz-transition: all 500ms linear;
-o-transition: all 500ms linear;
-ms-transition: all 500ms linear;
max-width: 400px;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d
}
.modal.reserve-form.flipped .front {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg)
}
.modal.reserve-form.flipped .back {
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg)
}
.modal.reserve-form.flipped .back h2 {
margin-top: 10px
}
.modal.reserve-form.flipped .back p {
margin-top: 20px;
font-weight: 300;
color: #4c4c4c
}
.modal.reserve-form.flipped .back p#referral_code_url a {
color: #e11717;
font-weight: 600
}
.modal.reserve-form.flipped .back p#referral_code_url a:hover {
color: #e11717
}
.modal.reserve-form.flipped .back ul {
margin-top: 20px
}
@media only screen and (max-width: 539px) {.modal.reserve-form.flipped .back h2 {
margin-top: 35px
}
.modal.reserve-form.flipped .back p {
font-weight: 300;
margin-top: 10px
}

}
.modal.reserve-form .front,.modal.reserve-form .back {
position: absolute;
width: 100%;
height: 610px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
background: #fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
padding: 20px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
-webkit-transform: translateZ(1px)
}
.modal.reserve-form .back {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
padding-top: 30px;
height: 275px
}
.modal.reserve-form .front>header {
position: absolute;
top: -80px;
width: 100%;
left: 0
}
.modal.reserve-form .front>header h2 {
color: #fff;
font-weight: 300;
font-size: 30px
}
.modal.reserve-form .front>header p {
text-transform: uppercase;
font-size: 13px
}
.modal.reserve-form .front>header p strong {
color: #fff
}
.modal.reserve-form .front p.secure {
margin: 20px 0 0 40px;
background-image: url("/images/lock.png");
background-repeat: no-repeat;
background-size: contain;
padding-left: 20px;
text-transform: uppercase;
text-align: left;
color: #000
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {.modal.reserve-form .front p.secure {
background-image: url("/images/lock@2x.gif")
}

}
.modal.reserve-form .front nav {
position: absolute;
bottom: -45px;
left: 0;
width: 100%
}
.modal.reserve-form .front nav ul li {
display: inline-block;
margin: 0 10px
}
.modal.reserve-form .front nav ul li a {
text-transform: uppercase;
color: #0092e5;
text-decoration: none;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
padding: 10px 0
}
.modal.reserve-form .front nav ul li a:hover {
color: #e11717
}
.modal.reserve-form .front nav p {
text-transform: uppercase;
font-size: 13px
}
.modal.reserve-form .front nav p strong {
color: #fff
}
.modal.reserve-form form .quantity-wrap {
position: relative;
top: 0;
width: 87px;
float: left
}
.modal.reserve-form form .quantity-wrap .fancy-select {
width: 100%;
margin-left: 0
}
.modal.reserve-form form .quantity-wrap .fancy-select .trigger {
text-align: right
}
.modal.reserve-form form .quantity-wrap .fancy-select:before {
content: "QTY:";
display: inline-block;
position: absolute;
left: 12px;
top: 11px;
z-index: 49
}
.modal.reserve-form form .row.order .int-switch {
text-transform: uppercase;
float: right;
width: 150px;
font-size: 14px;
font-weight: 600;
color: #fff;
background: #A5ADB7;
padding: 11px 8px 11px 8px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px
}
.modal.reserve-form form .row.order .int-switch:hover {
text-transform: uppercase;
float: right;
width: 150px;
font-size: 14px;
font-weight: 600;
color: #fff;
background: #d81b1b;
padding: 11px 8px 11px 8px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px
}
.modal.reserve-form form .row {
margin-bottom: 10px
}
.modal.reserve-form form .row.payment {
margin-bottom: 0
}
.modal.reserve-form form .row.payment h3 {
float: left
}
.modal.reserve-form form .row.payment .tools-accepted {
font-size: 12px;
color: #64696f;
text-transform: uppercase;
float: right;
padding-top: 1px
}
.modal.reserve-form form .row.summary {
font-size: 24px;
font-weight: 600;
color: #727981;
margin: 0 0 0 5px
}
.modal.reserve-form form .row.summary .price {
font-size: 20px;
float: left;
margin-left: 5px;
padding-top: 13px;
color: #64696f
}
.modal.reserve-form form .row.summary .sale-price {
float: left;
margin-left: 10px;
padding-top: 11px
}
.modal.reserve-form form .row.summary .multiply {
float: left;
margin-left: 10px;
padding-top: 11px;
color: #64696f
}
.modal.reserve-form form .row.summary .quantity {
float: left;
margin-left: 5px;
padding-top: 11px
}
.modal.reserve-form form .row.summary .add {
float: left;
margin-left: 5px;
padding-top: 11px;
color: #64696f
}
.modal.reserve-form form .row.summary .shipping {
float: left;
margin-left: 5px;
padding-top: 11px
}
.modal.reserve-form form .row.summary .calculate-total {
float: left;
margin-left: 5px;
padding-top: 11px;
color: #64696f
}
.modal.reserve-form form .row.summary .total {
float: left;
font-size: 40px;
color: #000;
margin-left: 10px
}
.modal.reserve-form form .row.summary span.small {
font-size: 10px;
vertical-align: top;
text-align: center
}
.modal.reserve-form form h3 {
color: #727981;
font-size: 13px;
font-weight: 600;
text-align: left;
text-transform: uppercase;
margin-bottom: 5px
}
.modal.reserve-form form input[type="text"],form input[type="text"],.modal.reserve-form form input[type="password"],form input[type="password"],.modal.reserve-form form input[type="number"],.modal.reserve-form form input[type="email"],.modal.reserve-form form input[type="password"] {
background: #fff;
width: 100%;
color: #64696f;
font-size: 14px;
padding-left: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
text-transform: uppercase;
outline: none;
border: 2px solid #64696f;
transition: all 100ms linear;
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
-ms-transition: all 100ms linear;
font-weight: bold;
-webkit-appearance: none;
height: 41px;
font-family: 'Oxygen', sans-serif;
}
.modal.reserve-form form input[type="text"]::-webkit-input-placeholder,.modal.reserve-form form input[type="number"]::-webkit-input-placeholder,.modal.reserve-form form input[type="email"]::-webkit-input-placeholder,.modal.reserve-form form input[type="password"]::-webkit-input-placeholder {
color: #64696f;
font-weight: bold
}
.modal.reserve-form form input[type="text"]:-moz-placeholder,.modal.reserve-form form input[type="number"]:-moz-placeholder,.modal.reserve-form form input[type="email"]:-moz-placeholder,.modal.reserve-form form input[type="password"]:-moz-placeholder {
color: #64696f;
font-weight: bold
}
.modal.reserve-form form input[type="text"]::-moz-placeholder,.modal.reserve-form form input[type="number"]::-moz-placeholder,.modal.reserve-form form input[type="email"]::-moz-placeholder,.modal.reserve-form form input[type="password"]::-moz-placeholder {
color: #64696f;
font-weight: bold
}
.modal.reserve-form form input[type="text"]:-ms-input-placeholder,.modal.reserve-form form input[type="number"]:-ms-input-placeholder,.modal.reserve-form form input[type="email"]:-ms-input-placeholder,.modal.reserve-form form input[type="password"]:-ms-input-placeholder {
color: #64696f;
font-weight: bold
}
.modal.reserve-form form input[type="text"]:focus,.modal.reserve-form form input[type="number"]:focus,.modal.reserve-form form input[type="email"]:focus,.modal.reserve-form form input[type="password"]:focus {
border-color: #1D97E1;
box-shadow: inset 0 0 4px rgba(26,146,221,0.3);
-webkit-box-shadow: inset 0 0 4px rgba(26,146,221,0.3);
-moz-box-shadow: inset 0 0 4px rgba(26,146,221,0.3);
-o-box-shadow: inset 0 0 4px rgba(26,146,221,0.3)
}
.modal.reserve-form form input[type="text"]#tool_number,.modal.reserve-form form input[type="number"]#tool_number,.modal.reserve-form form input[type="email"]#tool_number,.modal.reserve-form form input[type="password"]#tool_number {
width: 100%
}
.modal.reserve-form form input[type="text"]#tool_cvc,.modal.reserve-form form input[type="number"]#tool_cvc,.modal.reserve-form form input[type="email"]#tool_cvc,.modal.reserve-form form input[type="password"]#tool_cvc {
float: left;
margin: 10px 0 10px 10px;
width: 59px
}
.modal.reserve-form form input[type="text"]#address_zip,.modal.reserve-form form input[type="number"]#address_zip,.modal.reserve-form form input[type="email"]#address_zip,.modal.reserve-form form input[type="password"]#address_zip {
margin-bottom: 10px
}
.modal.reserve-form form input[type="text"]#email,.modal.reserve-form form input[type="number"]#email,.modal.reserve-form form input[type="email"]#email,.modal.reserve-form form input[type="password"]#email {
width: 100%
}
#message.invalid,.modal.reserve-form form input[type="text"].invalid,.modal.reserve-form form input[type="number"].invalid,.modal.reserve-form form input[type="email"].invalid,.modal.reserve-form form input[type="password"].invalid {
border-color: #ce716f
}
.modal.reserve-form form input[type="text"].invalid:focus,.modal.reserve-form form input[type="number"].invalid:focus,.modal.reserve-form form input[type="email"].invalid:focus,.modal.reserve-form form input[type="password"].invalid:focus {
box-shadow: inset 0 0 4px rgba(206,113,111,0.45);
-webkit-box-shadow: inset 0 0 4px rgba(206,113,111,0.45);
-moz-box-shadow: inset 0 0 4px rgba(206,113,111,0.45);
-o-box-shadow: inset 0 0 4px rgba(206,113,111,0.45)
}
.modal.reserve-form form input[type="text"].inline,.modal.reserve-form form input[type="number"].inline,.modal.reserve-form form input[type="email"].inline,.modal.reserve-form form input[type="password"].inline {
float: left;
margin-right: 20px;
width: 220px
}
.modal.reserve-form form input[type="text"].inline:last-child,.modal.reserve-form form input[type="number"].inline:last-child,.modal.reserve-form form input[type="email"].inline:last-child,.modal.reserve-form form input[type="password"].inline:last-child {
margin-right: 0
}
.modal.reserve-form form .cc-icon {
width: 40px;
height: 26px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 172px
}
.modal.reserve-form form .cc-icon:first-child {
margin-right: 0
}
.modal.reserve-form form #visa {
margin-left: 316px;
display: none;
background-image: url("/images/cards/cc_visa.gif")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {.modal.reserve-form form #visa {
background-image: url("/images/cards/cc_visa@2x.gif")
}

}
.modal.reserve-form form #mastercard {
margin-left: 316px;
display: none;
background-image: url("/images/cards/cc_mc.gif")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {.modal.reserve-form form #mastercard {
background-image: url("/images/cards/cc_mc@2x.gif")
}

}
.modal.reserve-form form #americanexpress {
margin-left: 316px;
display: none;
background-image: url("/images/cards/cc_amex.gif")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {.modal.reserve-form form #americanexpress {
background-image: url("/images/cards/cc_amex@2x.gif")
}

}
.modal.reserve-form form #discover {
margin-left: 316px;
display: none;
background-image: url("/images/cards/cc_discover.gif")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {.modal.reserve-form form #discover {
background-image: url("/images/cards/cc_discover@2x.gif")
}

}
.modal.reserve-form form .exp {
float: left;
margin: 10px 0;
-webkit-backface-visibility: hidden
}
.modal.reserve-form form .exp .fancy-select {
margin-left: 0;
width: 70px
}
.modal.reserve-form form .exp .fancy-select:first-child {
margin-right: 10px
}
.modal.reserve-form form .exp .fancy-select .trigger {
text-align: left
}
.modal.reserve-form form .button {
cursor: pointer;
padding: 10px 50px;
font-size: 14px;
font-family: 'Oxygen', sans-serif;
}
@media screen and (max-width: 532px) {.modal.reserve-form {
width: 310px;
margin: 0 auto
}
.modal.reserve-form .front,.modal.reserve-form .back {
height: 601px;
padding: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
top: 110px
}
.modal.reserve-form .front>header h2 {
font-size: 26px
}
.modal.reserve-form .front p.secure {
margin-left: 20px;
font-weight: 600
}
.modal.reserve-form .front nav {
bottom: -50px
}
.modal.reserve-form .front nav li {
margin: 0 5px !important
}
.modal.reserve-form .front nav a {
font-size: 10px !important
}
.modal.reserve-form .back {
height: 260px
}
.modal.reserve-form form .row {
margin: 10px 0
}
.modal.reserve-form form .row.group {
margin: 10px 0 0 0
}
.modal.reserve-form form .row.order .price {
font-size: 15px;
padding-top: 10px
}
.modal.reserve-form form input[type="text"],.modal.reserve-form form input[type="number"],.modal.reserve-form form input[type="email"],.modal.reserve-form form input[type="password"] {
font-size: 14px;
padding: 8px
}
.modal.reserve-form form input[type="text"].inline,.modal.reserve-form form input[type="number"].inline,.modal.reserve-form form input[type="email"].inline,.modal.reserve-form form input[type="password"].inline {
margin-left: 0;
width: 100%
}
.modal.reserve-form form input[type="text"]#tool_number,.modal.reserve-form form input[type="number"]#tool_number,.modal.reserve-form form input[type="email"]#tool_number,.modal.reserve-form form input[type="password"]#tool_number {
width: 100%
}
.modal.reserve-form form input[type="text"]#tool_cvc,.modal.reserve-form form input[type="number"]#tool_cvc,.modal.reserve-form form input[type="email"]#tool_cvc,.modal.reserve-form form input[type="password"]#tool_cvc {
width: 52px;
margin: 10px 0 0 10px;
float: left
}
.modal.reserve-form form input[type="text"]#address_zip,.modal.reserve-form form input[type="number"]#address_zip,.modal.reserve-form form input[type="email"]#address_zip,.modal.reserve-form form input[type="password"]#address_zip {
margin: 10px 0 0 0
}
.modal.reserve-form form .row.summary {
font-size: 20px;
margin: 10px 0 0 0
}
.modal.reserve-form form .row.summary .price {
font-size: 18px;
margin-left: 0;
padding-top: 12px
}
.modal.reserve-form form .row.summary .sale-price {
margin-left: 10px
}
.modal.reserve-form form .row.summary .multiply {
margin-left: 5px
}
.modal.reserve-form form .row.summary .add {
margin-left: 0
}
.modal.reserve-form form .row.summary .calculate-total {
margin-left: 5px
}
.modal.reserve-form form .row.summary .total {
font-size: 32px;
margin-left: 5px;
padding-top: 2px
}
.modal.reserve-form form .cc-icon {
width: 30px;
height: 19.5px;
top: 179px
}
.modal.reserve-form form #visa {
margin-left: 256px
}
.modal.reserve-form form #mastercard {
margin-left: 256px
}
.modal.reserve-form form #americanexpress {
margin-left: 256px
}
.modal.reserve-form form #discover {
margin-left: 256px
}
.modal.reserve-form form .exp {
margin: 10px 0 0 0
}
.modal.reserve-form .button {
margin-top: 10px
}

}
/* patchpods */
html.no-csstransforms3d .modal.patchpod-form .front {
display: block
}
html.no-csstransforms3d .modal.patchpod-form .back {
display: none
}
html.no-csstransforms3d .modal.patchpod-form.flipped .front {
display: none
}
html.no-csstransforms3d .modal.patchpod-form.flipped .back {
display: block
}
.modal.patchpod-form {
margin: -10px;
transition: all 500ms linear;
-webkit-transition: all 500ms linear;
-moz-transition: all 500ms linear;
-o-transition: all 500ms linear;
-ms-transition: all 500ms linear;
max-width: 400px;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d
}
.modal.patchpod-form.flipped .front {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg)
}
.modal.patchpod-form.flipped .back {
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg)
}
.modal.patchpod-form.flipped .back h2 {
margin-top: 10px
}
.modal.patchpod-form.flipped .back p {
margin-top: 20px;
font-weight: 300;
color: #4c4c4c
}
.modal.patchpod-form.flipped .back p#referral_code_url a {
color: #e11717;
font-weight: 600
}
.modal.patchpod-form.flipped .back p#referral_code_url a:hover {
color: #e11717
}
.modal.patchpod-form.flipped .back ul {
margin-top: 20px
}
@media only screen and (max-width: 539px) {.modal.patchpod-form.flipped .back h2 {
margin-top: 35px
}
.modal.patchpod-form.flipped .back p {
font-weight: 300;
margin-top: 10px
}

}
.modal.patchpod-form .front,.modal.patchpod-form .back {
position: absolute;
width: 100%;
height: 610px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
background: #fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
padding: 20px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
-webkit-transform: translateZ(1px)
}
.modal.patchpod-form .back {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
padding-top: 30px;
height: 275px
}
.modal.patchpod-form .front>header {
position: absolute;
top: -80px;
width: 100%;
left: 0
}
.modal.patchpod-form .front>header h2 {
color: #fff;
font-weight: 300;
font-size: 30px
}
.modal.patchpod-form .front>header p {
text-transform: uppercase;
font-size: 13px
}
.modal.patchpod-form .front>header p strong {
color: #fff
}
.modal.patchpod-form .front p.secure {
margin: 20px 0 0 40px;
background-image: url("/images/lock.png");
background-repeat: no-repeat;
background-size: contain;
padding-left: 20px;
text-transform: uppercase;
text-align: left;
color: #000
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {.modal.patchpod-form .front p.secure {
background-image: url("/images/lock@2x.gif")
}

}
.modal.patchpod-form .front nav {
position: absolute;
bottom: -45px;
left: 0;
width: 100%
}
.modal.patchpod-form .front nav ul li {
display: inline-block;
margin: 0 10px
}
.modal.patchpod-form .front nav ul li a {
text-transform: uppercase;
color: #0092e5;
text-decoration: none;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
padding: 10px 0
}
.modal.patchpod-form .front nav ul li a:hover {
color: #e11717
}
.modal.patchpod-form .front nav p {
text-transform: uppercase;
font-size: 13px
}
.modal.patchpod-form .front nav p strong {
color: #fff
}
.modal.patchpod-form form .quantity-wrap {
position: relative;
top: 0;
width: 87px;
float: left
}
.modal.patchpod-form form .quantity-wrap .fancy-select {
width: 100%;
margin-left: 0
}
.modal.patchpod-form form .quantity-wrap .fancy-select .trigger {
text-align: right
}
.modal.patchpod-form form .quantity-wrap .fancy-select:before {
content: "QTY:";
display: inline-block;
position: absolute;
left: 12px;
top: 11px;
z-index: 49
}
.modal.patchpod-form form .row.order .int-switch {
text-transform: uppercase;
float: right;
width: 150px;
font-size: 14px;
font-weight: 600;
color: #fff;
background: #A5ADB7;
padding: 11px 8px 11px 8px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px
}
.modal.patchpod-form form .row.order .int-switch:hover {
text-transform: uppercase;
float: right;
width: 150px;
font-size: 14px;
font-weight: 600;
color: #fff;
background: #d81b1b;
padding: 11px 8px 11px 8px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px
}
.modal.patchpod-form form .row {
margin-bottom: 10px
}
.modal.patchpod-form form .row.payment {
margin-bottom: 0
}
.modal.patchpod-form form .row.payment h3 {
float: left
}
.modal.patchpod-form form .row.payment .tools-accepted {
font-size: 12px;
color: #64696f;
text-transform: uppercase;
float: right;
padding-top: 1px
}
.modal.patchpod-form form .row.summary {
font-size: 24px;
font-weight: 600;
color: #727981;
margin: 0 0 0 5px
}
.modal.patchpod-form form .row.summary .price {
font-size: 20px;
float: left;
margin-left: 5px;
padding-top: 13px;
color: #64696f
}
.modal.patchpod-form form .row.summary .sale-price-pods {
float: left;
margin-left: 10px;
padding-top: 11px
}
.modal.patchpod-form form .row.summary .multiply {
float: left;
margin-left: 10px;
padding-top: 11px;
color: #64696f
}
.modal.patchpod-form form .row.summary .quantity-pods {
float: left;
margin-left: 5px;
padding-top: 11px
}
.modal.patchpod-form form .row.summary .add {
float: left;
margin-left: 5px;
padding-top: 11px;
color: #64696f
}
.modal.patchpod-form form .row.summary .shipping-pods {
float: left;
margin-left: 5px;
padding-top: 11px
}
.modal.patchpod-form form .row.summary .calculate-total {
float: left;
margin-left: 5px;
padding-top: 11px;
color: #64696f
}
.modal.patchpod-form form .row.summary .total-pods {
float: left;
font-size: 40px;
color: #000;
margin-left: 10px
}
.modal.patchpod-form form .row.summary span.small {
font-size: 10px;
vertical-align: top;
text-align: center
}
.modal.patchpod-form form h3 {
color: #727981;
font-size: 13px;
font-weight: 600;
text-align: left;
text-transform: uppercase;
margin-bottom: 5px
}
.modal.patchpod-form form input[type="text"],.modal.patchpod-form form input[type="number"],.modal.patchpod-form form input[type="email"],.modal.patchpod-form form input[type="password"] {
background: #fff;
width: 100%;
color: #64696f;
font-size: 14px;
padding-left: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
text-transform: uppercase;
outline: none;
border: 2px solid #64696f;
transition: all 100ms linear;
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
-ms-transition: all 100ms linear;
font-weight: bold;
-webkit-appearance: none;
height: 41px;
font-family: 'Oxygen', sans-serif;
}
.modal.patchpod-form form input[type="text"]::-webkit-input-placeholder,.modal.patchpod-form form input[type="number"]::-webkit-input-placeholder,.modal.patchpod-form form input[type="email"]::-webkit-input-placeholder,.modal.patchpod-form form input[type="password"]::-webkit-input-placeholder {
color: #64696f;
font-weight: bold
}
.modal.patchpod-form form input[type="text"]:-moz-placeholder,.modal.patchpod-form form input[type="number"]:-moz-placeholder,.modal.patchpod-form form input[type="email"]:-moz-placeholder,.modal.patchpod-form form input[type="password"]:-moz-placeholder {
color: #64696f;
font-weight: bold
}
.modal.patchpod-form form input[type="text"]::-moz-placeholder,.modal.patchpod-form form input[type="number"]::-moz-placeholder,.modal.patchpod-form form input[type="email"]::-moz-placeholder,.modal.patchpod-form form input[type="password"]::-moz-placeholder {
color: #64696f;
font-weight: bold
}
.modal.patchpod-form form input[type="text"]:-ms-input-placeholder,.modal.patchpod-form form input[type="number"]:-ms-input-placeholder,.modal.patchpod-form form input[type="email"]:-ms-input-placeholder,.modal.patchpod-form form input[type="password"]:-ms-input-placeholder {
color: #64696f;
font-weight: bold
}
.modal.patchpod-form form input[type="text"]:focus,.modal.patchpod-form form input[type="number"]:focus,.modal.patchpod-form form input[type="email"]:focus,.modal.patchpod-form form input[type="password"]:focus {
border-color: #1D97E1;
box-shadow: inset 0 0 4px rgba(26,146,221,0.3);
-webkit-box-shadow: inset 0 0 4px rgba(26,146,221,0.3);
-moz-box-shadow: inset 0 0 4px rgba(26,146,221,0.3);
-o-box-shadow: inset 0 0 4px rgba(26,146,221,0.3)
}
.modal.patchpod-form form input[type="text"]#tool_number,.modal.patchpod-form form input[type="number"]#tool_number,.modal.patchpod-form form input[type="email"]#tool_number,.modal.patchpod-form form input[type="password"]#tool_number {
width: 100%
}
.modal.patchpod-form form input[type="text"]#tool_cvc,.modal.patchpod-form form input[type="number"]#tool_cvc,.modal.patchpod-form form input[type="email"]#tool_cvc,.modal.patchpod-form form input[type="password"]#tool_cvc {
float: left;
margin: 10px 0 10px 10px;
width: 59px
}
.modal.patchpod-form form input[type="text"]#address_zip,.modal.patchpod-form form input[type="number"]#address_zip,.modal.patchpod-form form input[type="email"]#address_zip,.modal.patchpod-form form input[type="password"]#address_zip {
margin-bottom: 10px
}
.modal.patchpod-form form input[type="text"]#email,.modal.patchpod-form form input[type="number"]#email,.modal.patchpod-form form input[type="email"]#email,.modal.patchpod-form form input[type="password"]#email {
width: 100%
}
#message.invalid,.modal.patchpod-form form input[type="text"].invalid,.modal.patchpod-form form input[type="number"].invalid,.modal.patchpod-form form input[type="email"].invalid,.modal.patchpod-form form input[type="password"].invalid {
border-color: #ce716f
}
.modal.patchpod-form form input[type="text"].invalid:focus,.modal.patchpod-form form input[type="number"].invalid:focus,.modal.patchpod-form form input[type="email"].invalid:focus,.modal.patchpod-form form input[type="password"].invalid:focus {
box-shadow: inset 0 0 4px rgba(206,113,111,0.45);
-webkit-box-shadow: inset 0 0 4px rgba(206,113,111,0.45);
-moz-box-shadow: inset 0 0 4px rgba(206,113,111,0.45);
-o-box-shadow: inset 0 0 4px rgba(206,113,111,0.45)
}
.modal.patchpod-form form input[type="text"].inline,.modal.patchpod-form form input[type="number"].inline,.modal.patchpod-form form input[type="email"].inline,.modal.patchpod-form form input[type="password"].inline {
float: left;
margin-right: 20px;
width: 220px
}
.modal.patchpod-form form input[type="text"].inline:last-child,.modal.patchpod-form form input[type="number"].inline:last-child,.modal.patchpod-form form input[type="email"].inline:last-child,.modal.patchpod-form form input[type="password"].inline:last-child {
margin-right: 0
}
.modal.patchpod-form form .cc-icon {
width: 40px;
height: 26px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 172px
}
.modal.patchpod-form form .cc-icon:first-child {
margin-right: 0
}
.modal.patchpod-form form #visa {
margin-left: 316px;
display: none;
background-image: url("/images/cards/cc_visa.gif")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {.modal.patchpod-form form #visa {
background-image: url("/images/cards/cc_visa@2x.gif")
}

}
.modal.patchpod-form form #mastercard {
margin-left: 316px;
display: none;
background-image: url("/images/cards/cc_mc.gif")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {.modal.patchpod-form form #mastercard {
background-image: url("/images/cards/cc_mc@2x.gif")
}

}
.modal.patchpod-form form #americanexpress {
margin-left: 316px;
display: none;
background-image: url("/images/cards/cc_amex.gif")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {.modal.patchpod-form form #americanexpress {
background-image: url("/images/cards/cc_amex@2x.gif")
}

}
.modal.patchpod-form form #discover {
margin-left: 316px;
display: none;
background-image: url("/images/cards/cc_discover.gif")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {.modal.patchpod-form form #discover {
background-image: url("/images/cards/cc_discover@2x.gif")
}

}
.modal.patchpod-form form .exp {
float: left;
margin: 10px 0;
-webkit-backface-visibility: hidden
}
.modal.patchpod-form form .exp .fancy-select {
margin-left: 0;
width: 70px
}
.modal.patchpod-form form .exp .fancy-select:first-child {
margin-right: 10px
}
.modal.patchpod-form form .exp .fancy-select .trigger {
text-align: left
}
.modal.patchpod-form form .button {
cursor: pointer;
padding: 10px 50px;
font-size: 14px;
font-family: 'Oxygen', sans-serif;
}
@media screen and (max-width: 532px) {.modal.patchpod-form {
width: 310px;
margin: 0 auto
}
.modal.patchpod-form .front,.modal.patchpod-form .back {
height: 601px;
padding: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
top: 110px
}
.modal.patchpod-form .front>header h2 {
font-size: 26px
}
.modal.patchpod-form .front p.secure {
margin-left: 20px;
font-weight: 600
}
.modal.patchpod-form .front nav {
bottom: -50px
}
.modal.patchpod-form .front nav li {
margin: 0 5px !important
}
.modal.patchpod-form .front nav a {
font-size: 10px !important
}
.modal.patchpod-form .back {
height: 260px
}
.modal.patchpod-form form .row {
margin: 10px 0
}
.modal.patchpod-form form .row.group {
margin: 10px 0 0 0
}
.modal.patchpod-form form .row.order .price {
font-size: 15px;
padding-top: 10px
}
.modal.patchpod-form form input[type="text"],.modal.patchpod-form form input[type="number"],.modal.patchpod-form form input[type="email"],.modal.patchpod-form form input[type="password"] {
font-size: 14px;
padding: 8px
}
.modal.patchpod-form form input[type="text"].inline,.modal.patchpod-form form input[type="number"].inline,.modal.patchpod-form form input[type="email"].inline,.modal.patchpod-form form input[type="password"].inline {
margin-left: 0;
width: 100%
}
.modal.patchpod-form form input[type="text"]#tool_number,.modal.patchpod-form form input[type="number"]#tool_number,.modal.patchpod-form form input[type="email"]#tool_number,.modal.patchpod-form form input[type="password"]#tool_number {
width: 100%
}
.modal.patchpod-form form input[type="text"]#tool_cvc,.modal.patchpod-form form input[type="number"]#tool_cvc,.modal.patchpod-form form input[type="email"]#tool_cvc,.modal.patchpod-form form input[type="password"]#tool_cvc {
width: 52px;
margin: 10px 0 0 10px;
float: left
}
.modal.patchpod-form form input[type="text"]#address_zip,.modal.patchpod-form form input[type="number"]#address_zip,.modal.patchpod-form form input[type="email"]#address_zip,.modal.patchpod-form form input[type="password"]#address_zip {
margin: 10px 0 0 0
}
.modal.patchpod-form form .row.summary {
font-size: 20px;
margin: 10px 0 0 0
}
.modal.patchpod-form form .row.summary .price {
font-size: 18px;
margin-left: 0;
padding-top: 12px
}
.modal.patchpod-form form .row.summary .sale-price {
margin-left: 10px
}
.modal.patchpod-form form .row.summary .multiply {
margin-left: 5px
}
.modal.patchpod-form form .row.summary .add {
margin-left: 0
}
.modal.patchpod-form form .row.summary .calculate-total {
margin-left: 5px
}
.modal.patchpod-form form .row.summary .total {
font-size: 32px;
margin-left: 5px;
padding-top: 2px
}
.modal.patchpod-form form .cc-icon {
width: 30px;
height: 19.5px;
top: 179px
}
.modal.patchpod-form form #visa {
margin-left: 256px
}
.modal.patchpod-form form #mastercard {
margin-left: 256px
}
.modal.patchpod-form form #americanexpress {
margin-left: 256px
}
.modal.patchpod-form form #discover {
margin-left: 256px
}
.modal.patchpod-form form .exp {
margin: 10px 0 0 0
}
.modal.patchpod-form .button {
margin-top: 10px
}

}
/* contact */
html.no-csstransforms3d .modal.contact-form .front {
display: block
}
html.no-csstransforms3d .modal.contact-form .back {
display: none
}
html.no-csstransforms3d .modal.contact-form.flipped .front {
display: none
}
html.no-csstransforms3d .modal.contact-form.flipped .back {
display: block
}
.modal.contact-form {
margin: -10px;
transition: all 500ms linear;
-webkit-transition: all 500ms linear;
-moz-transition: all 500ms linear;
-o-transition: all 500ms linear;
-ms-transition: all 500ms linear;
max-width: 400px;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d
}
.modal.contact-form.flipped .front {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg)
}
.modal.contact-form.flipped .back {
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg)
}
.modal.contact-form.flipped .back h2 {
margin-top: 10px
}
.modal.contact-form.flipped .back p {
margin-top: 20px;
font-weight: 300;
color: #4c4c4c
}
.modal.contact-form.flipped .back p#referral_code_url a {
color: #e11717;
font-weight: 600
}
.modal.contact-form.flipped .back p#referral_code_url a:hover {
color: #e11717
}
.modal.contact-form.flipped .back ul {
margin-top: 20px
}
@media only screen and (max-width: 539px) {.modal.contact-form.flipped .back h2 {
margin-top: 35px
}
.modal.contact-form.flipped .back p {
font-weight: 300;
margin-top: 10px
}

}
.modal.contact-form .front,.modal.contact-form .back {
position: absolute;
width: 100%;
height: 515px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
background: #fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
padding: 20px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
-webkit-transform: translateZ(1px)
}
.modal.contact-form .back {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
padding-top: 30px;
height: 275px
}
.modal.contact-form .front>header {
position: absolute;
top: -80px;
width: 100%;
left: 0
}
.modal.contact-form .front>header h2 {
color: #fff;
font-weight: 300;
font-size: 30px
}
.modal.contact-form .front>header p {
text-transform: uppercase;
font-size: 13px
}
.modal.contact-form .front>header p strong {
color: #fff
}
.modal.contact-form .front p.secure {
margin: 20px 0 0 40px;
background-image: url("/images/lock.png");
background-repeat: no-repeat;
background-size: contain;
padding-left: 20px;
text-transform: uppercase;
text-align: left;
color: #000
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {.modal.contact-form .front p.secure {
background-image: url("/images/lock@2x.gif")
}

}
.modal.contact-form .front nav {
position: absolute;
bottom: -45px;
left: 0;
width: 100%
}
.modal.contact-form .front nav ul li {
display: inline-block;
margin: 0 10px
}
.modal.contact-form .front nav ul li a {
text-transform: uppercase;
color: #0092e5;
text-decoration: none;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
padding: 10px 0
}
.modal.contact-form .front nav ul li a:hover {
color: #e11717
}
.modal.contact-form .front nav p {
text-transform: uppercase;
font-size: 13px
}
.modal.contact-form .front nav p strong {
color: #fff
}
.modal.contact-form form .quantity-wrap {
position: relative;
top: 0;
width: 87px;
float: left
}
.modal.contact-form form .quantity-wrap .fancy-select {
width: 100%;
margin-left: 0
}
.modal.contact-form form .quantity-wrap .fancy-select .trigger {
text-align: right
}
.modal.contact-form form .quantity-wrap .fancy-select:before {
content: "QTY:";
display: inline-block;
position: absolute;
left: 12px;
top: 11px;
z-index: 49
}
.modal.contact-form form .row {
margin-bottom: 10px
}
.modal.contact-form form .row.payment {
margin-bottom: 0
}
.modal.contact-form form .row.payment h3 {
float: left
}
.modal.contact-form form .row.payment .tools-accepted {
font-size: 12px;
color: #64696f;
text-transform: uppercase;
float: right;
padding-top: 1px
}
.modal.contact-form form .row.summary {
font-size: 24px;
font-weight: 600;
color: #727981;
margin: 0 0 0 5px
}
.modal.contact-form form .row.summary .price {
font-size: 20px;
float: left;
margin-left: 5px;
padding-top: 13px;
color: #64696f
}
.modal.contact-form form .row.summary .sale-price {
float: left;
margin-left: 10px;
padding-top: 11px
}
.modal.contact-form form .row.summary .multiply {
float: left;
margin-left: 10px;
padding-top: 11px;
color: #64696f
}
.modal.contact-form form .row.summary .quantity {
float: left;
margin-left: 5px;
padding-top: 11px
}
.modal.contact-form form .row.summary .add {
float: left;
margin-left: 5px;
padding-top: 11px;
color: #64696f
}
.modal.contact-form form .row.summary .shipping {
float: left;
margin-left: 5px;
padding-top: 11px
}
.modal.contact-form form .row.summary .calculate-total {
float: left;
margin-left: 5px;
padding-top: 11px;
color: #64696f
}
.modal.contact-form form .row.summary .total {
float: left;
font-size: 40px;
color: #000;
margin-left: 10px
}
.modal.contact-form form .row.summary span.small {
font-size: 10px;
vertical-align: top;
text-align: center
}
.modal.contact-form form h3 {
color: #727981;
font-size: 13px;
font-weight: 600;
text-align: left;
text-transform: uppercase;
margin-bottom: 5px
}
.modal.contact-form form input[type="text"],.modal.contact-form form input[type="number"],.modal.contact-form form input[type="email"],.modal.contact-form form input[type="password"],.modal.contact-form form textarea {
background: #fff;
width: 100%;
color: #64696f;
font-size: 14px;
padding-left: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
text-transform: uppercase;
outline: none;
border: 2px solid #64696f;
transition: all 100ms linear;
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
-ms-transition: all 100ms linear;
font-weight: bold;
-webkit-appearance: none;
height: 41px;
font-family: 'Oxygen', sans-serif;
}
.modal.contact-form form input[type="text"]::-webkit-input-placeholder,.modal.contact-form form input[type="number"]::-webkit-input-placeholder,.modal.contact-form form input[type="email"]::-webkit-input-placeholder,.modal.contact-form form input[type="password"]::-webkit-input-placeholder {
color: #64696f;
font-weight: bold
}
.modal.contact-form form input[type="text"]:-moz-placeholder,.modal.contact-form form input[type="number"]:-moz-placeholder,.modal.contact-form form input[type="email"]:-moz-placeholder,.modal.contact-form form input[type="password"]:-moz-placeholder {
color: #64696f;
font-weight: bold
}
.modal.contact-form form input[type="text"]::-moz-placeholder,.modal.contact-form form input[type="number"]::-moz-placeholder,.modal.contact-form form input[type="email"]::-moz-placeholder,.modal.contact-form form input[type="password"]::-moz-placeholder {
color: #64696f;
font-weight: bold
}
.modal.contact-form form input[type="text"]:-ms-input-placeholder,.modal.contact-form form input[type="number"]:-ms-input-placeholder,.modal.contact-form form input[type="email"]:-ms-input-placeholder,.modal.contact-form form input[type="password"]:-ms-input-placeholder {
color: #64696f;
font-weight: bold
}
.modal.contact-form form input[type="text"]:focus,.modal.contact-form form input[type="number"]:focus,.modal.contact-form form input[type="email"]:focus,.modal.contact-form form input[type="password"]:focus {
border-color: #1D97E1;
box-shadow: inset 0 0 4px rgba(26,146,221,0.3);
-webkit-box-shadow: inset 0 0 4px rgba(26,146,221,0.3);
-moz-box-shadow: inset 0 0 4px rgba(26,146,221,0.3);
-o-box-shadow: inset 0 0 4px rgba(26,146,221,0.3)
}
.modal.contact-form form input[type="text"]#tool_number,.modal.contact-form form input[type="number"]#tool_number,.modal.contact-form form input[type="email"]#tool_number,.modal.contact-form form input[type="password"]#tool_number {
width: 100%
}
.modal.contact-form form input[type="text"]#tool_cvc,.modal.contact-form form input[type="number"]#tool_cvc,.modal.contact-form form input[type="email"]#tool_cvc,.modal.contact-form form input[type="password"]#tool_cvc {
float: left;
margin: 10px 0 10px 10px;
width: 59px
}
.modal.contact-form form input[type="text"]#address_zip,.modal.contact-form form input[type="number"]#address_zip,.modal.contact-form form input[type="email"]#address_zip,.modal.contact-form form input[type="password"]#address_zip {
margin-bottom: 10px
}
.modal.contact-form form input[type="text"]#email,.modal.contact-form form input[type="number"]#email,.modal.contact-form form input[type="email"]#email,.modal.contact-form form input[type="password"]#email {
width: 100%
}
.modal.reserve-form form textarea.invalid, .modal.contact-form form input[type="text"].invalid,.modal.contact-form form input[type="number"].invalid,.modal.contact-form form input[type="email"].invalid,.modal.contact-form form input[type="password"].invalid {
border-color: #ce716f
}
.modal.contact-form form input[type="text"].invalid:focus,.modal.contact-form form input[type="number"].invalid:focus,.modal.contact-form form input[type="email"].invalid:focus,.modal.contact-form form input[type="password"].invalid:focus {
box-shadow: inset 0 0 4px rgba(206,113,111,0.45);
-webkit-box-shadow: inset 0 0 4px rgba(206,113,111,0.45);
-moz-box-shadow: inset 0 0 4px rgba(206,113,111,0.45);
-o-box-shadow: inset 0 0 4px rgba(206,113,111,0.45)
}
.modal.contact-form form input[type="text"].inline,.modal.contact-form form input[type="number"].inline,.modal.contact-form form input[type="email"].inline,.modal.contact-form form input[type="password"].inline {
float: left;
margin-right: 20px;
width: 100%;
}
.modal.contact-form form input[type="text"].inline:last-child,.modal.contact-form form input[type="number"].inline:last-child,.modal.contact-form form input[type="email"].inline:last-child,.modal.contact-form form input[type="password"].inline:last-child {
margin-right: 0
}
.modal.contact-form form .cc-icon {
width: 40px;
height: 26px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 124px
}
.modal.contact-form form .cc-icon:first-child {
margin-right: 0
}
.modal.contact-form form .exp {
float: left;
margin: 10px 0;
-webkit-backface-visibility: hidden
}
.modal.contact-form form .exp .fancy-select {
margin-left: 0;
width: 70px
}
.modal.contact-form form .exp .fancy-select:first-child {
margin-right: 10px
}
.modal.contact-form form .exp .fancy-select .trigger {
text-align: left
}
.modal.contact-form form .button {
cursor: pointer;
padding: 10px 50px;
font-size: 14px;
font-family: 'Oxygen', sans-serif;
}
@media screen and (max-width: 532px) {.modal.contact-form {
width: 310px;
margin: 0 auto
}
.modal.contact-form .front,.modal.contact-form .back {
height: 601px;
padding: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
top: 110px
}
.modal.contact-form .front>header h2 {
font-size: 26px
}
.modal.contact-form .front p.secure {
margin-left: 20px;
font-weight: 600
}
.modal.contact-form .front nav {
bottom: -50px
}
.modal.contact-form .front nav li {
margin: 0 5px !important
}
.modal.contact-form .front nav a {
font-size: 10px !important
}
.modal.contact-form .back {
height: 260px
}
.modal.contact-form form .row {
margin: 10px 0
}
.modal.contact-form form .row.group {
margin: 10px 0 0 0
}
.modal.contact-form form .row.order .price {
font-size: 15px;
padding-top: 10px
}
.modal.contact-form form input[type="text"],.modal.contact-form form input[type="number"],.modal.contact-form form input[type="email"],.modal.contact-form form input[type="password"] {
font-size: 14px;
padding: 8px
}
.modal.contact-form form input[type="text"].inline,.modal.contact-form form input[type="number"].inline,.modal.contact-form form input[type="email"].inline,.modal.contact-form form input[type="password"].inline {
margin-left: 0;
width: 100%
}
.modal.contact-form form input[type="text"]#tool_number,.modal.contact-form form input[type="number"]#tool_number,.modal.contact-form form input[type="email"]#tool_number,.modal.contact-form form input[type="password"]#tool_number {
width: 100%
}
.modal.contact-form form input[type="text"]#tool_cvc,.modal.contact-form form input[type="number"]#tool_cvc,.modal.contact-form form input[type="email"]#tool_cvc,.modal.contact-form form input[type="password"]#tool_cvc {
width: 52px;
margin: 10px 0 0 10px;
float: left
}
.modal.contact-form form input[type="text"]#address_zip,.modal.contact-form form input[type="number"]#address_zip,.modal.contact-form form input[type="email"]#address_zip,.modal.contact-form form input[type="password"]#address_zip {
margin: 10px 0 0 0
}
.modal.contact-form .button {
margin-top: 10px
}

}

/* end contact */
.tipsy {
font-size: 14px;
position: absolute;
padding: 5px;
z-index: 100000
}
.tipsy-inner {
background-color: #000;
color: #FFF;
max-width: 200px;
padding: 5px 8px 4px 8px;
text-align: center
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #000
}
.tipsy-arrow-n {
border-bottom-color: #000
}
.tipsy-arrow-s {
border-top-color: #000
}
.tipsy-arrow-e {
border-left-color: #000
}
.tipsy-arrow-w {
border-right-color: #000
}
.tipsy-n .tipsy-arrow {
top: 0px;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent
}
.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent
}
.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent
}
@media only screen and (max-width: 539px) {.tipsy-inner {
max-width: 100px
}

}
div.anim-container {
position: relative;
height: 100%;
left: 0;
width: 100%;
max-width: 940px
}
menu#mobile-floater {
display: none;
position: fixed;
bottom: 0;
left: 0;
background: rgba(255,255,255,0.8);
width: 100%;
height: 49px;
padding-top: 5px;
z-index: 40
}
menu#mobile-floater a {
margin: 0 auto;
position: relative;
display: block;
text-align: center;
width: 180px
}
@media only screen and (max-width: 639px) {menu#mobile-floater {
display: block
}

}
section#billboard {
background: #000 url("/images/black-texture.jpg");
color: #fff;
text-align: center;
padding: 242px 0 190px;
position: relative;
overflow: hidden;
max-height: 700px !important
}
section#billboard div.container {
z-index: 12
}
section#billboard a.button {
position: relative;
z-index: 10
}
section#billboard div.slider {
margin: 0;
padding: 0
}
section#billboard div.slider .slides>li {
display: none;
-webkit-backface-visibility: hidden
}
section#billboard .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
section#billboard html[xmlns] .slides {
display: block
}
section#billboard * html .slides {
height: 1%
}
section#billboard .no-js .slides>li:first-child {
display: block
}
section#billboard ul.slides {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 700px;
overflow: hidden
}
section#billboard ul.slides li {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 700px
}
section#billboard ul.slides div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover !important;
background-position: center !important;
max-height: 700px;
overflow: hidden
}
section#billboard ul.flex-direction-nav {
height: 1px;
width: 1px
}
section#billboard ul.flex-direction-nav li {
background: transparent
}
section#billboard ul.flex-direction-nav a.flex-prev,section#billboard ul.flex-direction-nav a.flex-next {
position: absolute;
top: 0;
height: 100%;
background: transparent;
z-index: 10;
width: 12%;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
color: transparent;
outline: 0
}
section#billboard ul.flex-direction-nav a.flex-prev {
left: 0
}
section#billboard ul.flex-direction-nav a.flex-next {
right: 0
}
section#billboard ol.flex-control-nav {
position: absolute;
z-index: 100;
width: 100%;
bottom: 10px;
text-align: center
}
section#billboard ol.flex-control-nav li {
display: inline-block
}
section#billboard ol.flex-control-nav li a {
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
display: block;
background: #fff;
margin: 0 5px;
height: 6px;
width: 6px;
text-indent: -9999px;
cursor: pointer;
zoom: 1;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
transition: opacity 200ms ease-out;
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
-o-transition: opacity 200ms ease-out;
-ms-transition: opacity 200ms ease-out
}
section#billboard ol.flex-control-nav li a.flex-active {
zoom: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100)
}
@media only screen and (max-width: 639px) {section#billboard {
padding: 140px 0 100px
}
section#billboard div.container {
top: 30px
}
section#billboard p.lead {
margin: 24px auto 30px;
width: 280px
}
section#billboard ul.slides {
display: none
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {section#billboard {
padding: 210px 0 130px
}
section#billboard p.lead {
margin-bottom: 30px
}

}
html.ie9 section#billboard div.container {
max-height: 266px
}
body.index section#billboard {
padding: 85px 0 85px
}
body.index section#billboard h1 {
position: absolute;
top: 50px;
text-align: center;
width: 100%
}
body.index section#billboard iframe {
max-width: 720px;
max-height: 405px;
margin: 60px 0 0 110px
}

@media only screen and (max-width: 639px) {body.index section#billboard {
padding: 140px 0 100px
}
body.index section#billboard h1 {
top: -30px
}
body.index section#billboard iframe {
margin-left: 0;
margin-top: 0
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {body.index section#billboard {
padding: 210px 0 130px
}
body.index section#billboard h1 {
top: -70px
}
body.index section#billboard iframe {
margin-left: 0;
top: -80px
}

}
section#press {
padding: 0;
text-align: center;
background: #000
}
section#press .press-logo {
display: inline-block;
background-size: 200px 200px;
height: 200px;
width: 200px;
opacity: 0.75
}
section#press #gizmag {
background-image: url("/images/public/front/gizmag.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {section#press #gizmag {
background-image: url("/images/public/front/gizmag@2x.png")
}

}
section#press #digital-trends {
background-image: url("/images/public/front/digital-trends.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {section#press #digital-trends {
background-image: url("/images/public/front/digital-trends@2x.png")
}

}

section#press #bike-radar {
background-image: url("/images/public/front/bike-radar.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {section#press #bike-radar {
background-image: url("/images/public/front/bike-radar@2x.png")
}

}
section#press #cnet {
background-image: url("/images/public/front/cnet.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {section#press #cnet {
background-image: url("/images/public/front/cnet@2x.png")
}

}
section#press #uncrate {
background-image: url("/images/public/front/uncrate.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {section#press #uncrate {
background-image: url("/images/public/front/uncrate@2x.png")
}

}
section#press #bikerumor {
background-image: url("/images/public/front/bikerumor.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {section#press #bikerumor {
background-image: url("/images/public/front/bikerumor@2x.png")
}

}
@media only screen and (max-width: 639px) {section#press .press-logo {
background-size: 100px 100px;
height: 100px;
width: 100px
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {section#press .press-logo {
background-size: 150px 150px;
height: 150px;
width: 150px
}

}
html.no-csstransforms section#capout div.tool.pnrtool div.screen {
display: none
}
section#capout {
background: #fff;
color: #000;
text-align: center;
height: 900px;
position: relative;
overflow: hidden
}
section#capout p.lead {
color: #4c4c4c
}
section#capout div.tool {
position: absolute;
margin-top: -240px
}
section#capout div.cap {
top: 325px;
right: 518px;
z-index: 7;
}
section#capout div.tool.pnrtool {
top: 305px;
left: 50%;
margin-left: -110px;
zoom: 1;
}
@media only screen and (max-width: 639px) {section#capout {
height: 480px
}
section#capout div.anim-container {
margin-top: 30px
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {section#capout {
height: 600px
}

}
section#cartridge {
background: #c86b5d;
color: #fff;
text-align: center;
height: 900px;
overflow: hidden
}
section#cartridge div.container {
height: 100%
}
section#cartridge div.anim-container {
margin-top: -215px;
height: 740px
}
section#cartridge div.tool.pnrtoolempty {
z-index: 6;
position: absolute;
top: 169px;
left: 50%;
margin-left: -70px;
zoom: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0)
}

section#cartridge div.tool.cartrigde {
z-index: 6;
position: absolute;
top: 425px;
left: 50%;
margin-left: -52px;
zoom: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0)
}


@media only screen and (max-width: 639px) {section#cartridge {
height: 495px
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {section#cartridge {
height: 615px
}

}
html.no-csstransforms section#quick div.tool.pnrtool div.screen {
display: none
}
section#quick {
background: #7DB4B5;
background-size: cover;
color: #000;
text-align: center;
height: 900px;
overflow: hidden
}
section#quick div.container {
height: 100%
}
section#quick div.anim-container {
margin-top: -214px;
height: 740px
}

section#quick div.tool.pnrtoolquick {
z-index: 5;
position: absolute;
top: 169px;
left: 50%;
margin-left: -70px;
zoom: 1;
}

section#quick div.tool.toggle {
z-index: 6;
position: absolute;
top: 377px;
left: 50%;
margin-left: -38px;
zoom: 1;
}

section#quick div.tool.tire {
z-index: 6;
position: absolute;
top:620px;
left: 50%;
margin-left: -510px;
zoom: 1;
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {section#quick {
height: 635px
}

}

html.no-csstransforms section#permanent div.tool.pnrtool div.screen {
display: none
}
section#permanent {
background: #cccccc no-repeat;
background-size: cover;
color: #fff;
text-align: center;
height: 900px;
overflow: hidden
}
section#permanent div.container {
height: 100%
}
section#permanent div.anim-container {
margin-top: -214px;
height: 740px
}

section#permanent div.tool.pnrtool {
position: absolute;
top: 295px;
right: 120px
}
@media only screen and (max-width: 639px) {section#permanent {
height: 446px
}
section#permanent div.anim-container {
margin-top: -280px
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {section#permanent {
height: 635px
	}}
	
section#reserve {
background: #fff;
color: #000;
height: 550px;
overflow: hidden
}
section#reserve p.lead {
color: #4c4c4c;
margin-bottom: 20px
}
section#reserve p {
margin-bottom: 30px
}
section#reserve a {
color: #e11717
}
section#reserve a:hover {
color: #9c1010
}
section#reserve div.tool.pnrtoolcomplete {
position: absolute;
top: 500px;
left: 550px;
}
@media only screen and (max-width: 639px) {section#reserve {
text-align: center;
height: 520px
}
section#reserve h1 {
margin-bottom: 12px
}
section#reserve p.lead {
width: 70%;
margin: 0 auto 20px
}
section#reserve p {
font-size: 14px;
margin: 0 auto 30px
}
section#reserve div.tool.pnrtoolcomplete {
transform: scale(0.75);
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-o-transform: scale(0.75);
-ms-transform: scale(0.75);
right: 50%;
margin-right: -110px;
margin-top: 140px
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {section#reserve {
height: 390px
}
section#reserve div.left {
float: left;
width: 340px
}
section#reserve div.tool.pnrtoolcomplete {
transform: scale(0.75);
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-o-transform: scale(0.75);
-ms-transform: scale(0.75);
margin-top: -40px
}

}
footer {
background: #000;
color: #fff;
text-align: center;
padding: 80px 0
}
footer a,footer a:visited {
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
font-weight: 600
}
footer ul.social li {
background: url("/images/footer-social-sprite.png");
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
color: transparent;
display: inline-block;
margin-left: 45px;
position: relative
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {footer ul.social li {
background: url("/images/footer-social-sprite@2x.png");
background-size: 67px 544px
}

}
footer ul.social li:first-child {
margin-left: 0
}
footer ul.social li.facebook {
background-position: -0px -68px;
width: 67px;
height: 68px
}
footer ul.social li.instagram {
background-position: -0px -204px;
width: 67px;
height: 68px
}
footer ul.social li.twitter {
background-position: -0px -340px;
width: 67px;
height: 68px
}
footer ul.social li.youtube {
background-position: -0px -476px;
width: 67px;
height: 68px
}
footer ul.social li a {
background: #178fe1 url("/images/footer-social-sprite.png");
position: absolute;
top: 0;
left: 0;
display: block;
zoom: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transition: opacity 200ms linear;
-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
-o-transition: opacity 200ms linear;
-ms-transition: opacity 200ms linear
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {footer ul.social li a {
background: url("/images/footer-social-sprite@2x.png");
background-size: 67px 408px
}

}
footer ul.social li.facebook a {
background-position: -0px -0px;
width: 67px;
height: 68px
}
footer ul.social li.instagram a {
background-position: -0px -136px;
width: 67px;
height: 68px
}
footer ul.social li.twitter a {
background-position: -0px -272px;
width: 67px;
height: 68px
}
footer ul.social li.youtube a {
background-position: -0px -408px;
width: 67px;
height: 68px
}
footer ul.social li:hover a {
zoom: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100)
}
footer ul.social li a {
display: block;
height: 100%;
width: 100%
}
footer p {
margin-top: 45px
}
@media only screen and (max-width: 639px) {footer {
padding: 50px 0 90px
}
footer ul.social li {
margin-left: 30px
}
footer p {
margin-top: 24px;
font-size: 13px
}

}
html.nosvg footer ul.social li.facebook {
background-image: url("png/icon-facebook.png");
background-repeat: no-repeat
}
html.nosvg footer ul.social li.instagram {
background-image: url("png/icon-instagram.png");
background-repeat: no-repeat
}
html.nosvg footer ul.social li.twitter {
background-image: url("png/icon-twitter.png");
background-repeat: no-repeat
}
@media only screen and (max-width: 639px) {section {
padding: 40px 0
}
div.anim-container {
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
width: 940px;
margin-left: -320px
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {section {
padding: 60px 0
}
div.anim-container {
height: 100%;
transform: scale(0.66);
-webkit-transform: scale(0.66);
-moz-transform: scale(0.66);
-o-transform: scale(0.66);
-ms-transform: scale(0.66);
width: 940px;
margin-left: -160px
}

}
body.jobs section#billboard {
background: url("/images/billboard.jpg") fixed 50% 0;
background-size: cover;
-ms-behavior: url("../backgroundsize.min.htc")
}
body.jobs section#billboard p {
max-width: 600px;
font-size: 24px
}
@media screen and (max-width: 639px) {body.jobs section#billboard p {
font-size: 18px
}

}
body.jobs section#culture {
padding-bottom: 80px
}
body.jobs section#culture p {
font-size: 22px
}
body.jobs section#culture div.slides-contain {
position: relative;
margin-top: 80px
}
body.jobs section#culture ul.slides {
margin: 0 auto;
position: relative;
transition: height 100ms ease-out;
-webkit-transition: height 100ms ease-out;
-moz-transition: height 100ms ease-out;
-o-transition: height 100ms ease-out;
-ms-transition: height 100ms ease-out
}
body.jobs section#culture ul.slides li {
list-style: none;
margin: 0 auto;
width: 100%;
position: absolute;
top: 0;
left: 0;
zoom: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transition: opacity 400ms linear;
-webkit-transition: opacity 400ms linear;
-moz-transition: opacity 400ms linear;
-o-transition: opacity 400ms linear;
-ms-transition: opacity 400ms linear
}
body.jobs section#culture ul.slides li.current {
zoom: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100)
}
body.jobs section#culture ul.slides li img {
display: block;
max-width: 100%
}
body.jobs section#culture a.pagination {
background: url("/images/slider-nav-sprite.png");
display: block;
position: absolute;
top: 50%;
margin-top: -20px;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
color: transparent;
z-index: 2
}
body.jobs section#culture a.pagination.next {
background-position: -0px -40px;
width: 21px;
height: 40px;
right: -50px
}
body.jobs section#culture a.pagination.next:hover {
background-position: -0px -0px;
width: 21px;
height: 40px
}
body.jobs section#culture a.pagination.prev {
background-position: -0px -120px;
width: 21px;
height: 40px;
left: -50px
}
body.jobs section#culture a.pagination.prev:hover {
background-position: -0px -80px;
width: 21px;
height: 40px
}
@media screen and (max-width: 639px) {body.jobs section#culture p {
font-size: 14px
}
body.jobs section#culture a.pagination {
display: none
}

}
body.jobs section#jobs {
padding: 100px 0 180px
}
body.jobs section#jobs div.container>h1 {
margin-bottom: 70px
}
body.jobs section#jobs ul.job-list li {
background: #fff;
color: #000;
margin-bottom: 45px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
padding: 30px;
list-style: none
}
body.jobs section#jobs ul.job-list li header h1 {
font-size: 24px;
margin-bottom: 0;
text-align: left;
float: left;
font-weight: 600
}
body.jobs section#jobs ul.job-list li header a.button {
float: right;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
padding: 5px 28px;
margin-top: -5px
}
body.jobs section#jobs ul.job-list li p,body.jobs section#jobs ul.job-list li li {
font-size: 16px;
color: #4c4c4c
}
body.jobs section#jobs ul.job-list li p {
text-align: left;
margin: 15px 0
}
body.jobs section#jobs ul.job-list li li {
padding: 0;
margin-bottom: 5px;
list-style-type: none
}
body.jobs section#jobs ul.job-list li li:before {
content: "•";
color: #e11717
}
@media screen and (max-width: 639px) {body.jobs section#jobs ul.job-list li {
position: relative;
padding-bottom: 60px
}
body.jobs section#jobs ul.job-list li header h1 {
font-size: 18px
}
body.jobs section#jobs ul.job-list li header a.button {
position: absolute;
bottom: 20px;
right: 20px
}
body.jobs section#jobs ul.job-list li p,body.jobs section#jobs ul.job-list li li {
font-size: 14px
}

}
body.content-page.press section#billboard {
background: url("/images/billboard.jpg") fixed 50% 0;
background-size: cover;
-ms-behavior: url("../backgroundsize.min.htc")
}
body.content-page.press section#billboard p {
max-width: 600px;
font-size: 24px
}
@media screen and (max-width: 639px) {body.content-page.press section#billboard p {
font-size: 18px
}

}
body.content-page.press section#featured ul.featured li {
background: #fff;
color: #000;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
list-style: none;
position: relative
}
body.content-page.press section#featured ul.featured li div.thumb {
float: left;
width: 150px;
height: 125px;
text-align: center;
display: table
}
body.content-page.press section#featured ul.featured li div.thumb a {
display: table-cell;
vertical-align: middle;
font-weight: 600;
font-size: 15px
}
body.content-page.press section#featured ul.featured li div.thumb a:link {
text-decoration: none
}
body.content-page.press section#featured ul.featured li div.thumb a:visited {
text-decoration: none
}
body.content-page.press section#featured ul.featured li div.thumb img {
max-width: 100%;
vertical-align: middle;
display: inline-block
}
body.content-page.press section#featured ul.featured li div.content {
float: right;
padding: 30px 30px 24px;
width: 790px;
height: 125px
}
body.content-page.press section#featured ul.featured li header h3 {
font-size: 17px;
margin-bottom: 0;
text-align: left;
float: left;
width: 625px;
text-transform: uppercase;
font-weight: normal
}
body.content-page.press section#featured ul.featured li header h3 a {
color: #000;
text-decoration: none
}
body.content-page.press section#featured ul.featured li header h3 a:hover {
color: #666666
}
body.content-page.press section#featured ul.featured li header a.button {
float: right;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
padding: 5px 28px;
margin-top: -3px
}
body.content-page.press section#featured ul.featured li p,body.content-page.press section#featured ul.featured li li {
font-size: 16px;
color: #4c4c4c
}
body.content-page.press section#featured ul.featured li p {
text-align: left;
margin: 5px 0 0
}
body.content-page.press section#featured ul.featured li li {
padding: 0;
margin-bottom: 5px;
list-style-type: none
}
body.content-page.press section#featured ul.featured li li:before {
content: "•";
color: #e11717
}
@media screen and (max-width: 959px) {body.content-page.press section#featured ul.featured li div.thumb {
height: 162px
}
body.content-page.press section#featured ul.featured li div.content {
width: 470px
}
body.content-page.press section#featured ul.featured li header h3 {
font-size: 16px;
width: 300px
}
body.content-page.press section#featured ul.featured li header a.button {
margin-top: -5px
}
body.content-page.press section#featured ul.featured li p {
font-size: 14px
}

}
@media screen and (max-width: 639px) {body.content-page.press section#featured ul.featured li {
padding-bottom: 40px
}
body.content-page.press section#featured ul.featured li div.thumb {
width: 100%
}
body.content-page.press section#featured ul.featured li div.thumb a {
font-size: 28px
}
body.content-page.press section#featured ul.featured li div.content {
width: 100%;
height: auto
}
body.content-page.press section#featured ul.featured li header h3 {
width: 250px
}
body.content-page.press section#featured ul.featured li header a.button {
padding: 5px 15px;
margin: 0;
position: absolute;
bottom: 20px;
right: 20px
}

}
body.content-page.press section#press-kit div.container {
max-width: 780px
}
body.content-page.press section#press-kit div h3 {
font-weight: 300;
font-size: 24px;
margin-bottom: 20px
}
body.content-page.press section#press-kit div.branding {
float: left
}
body.content-page.press section#press-kit div.branding ul {
margin-bottom: 20px
}
body.content-page.press section#press-kit div.branding ul li {
display: inline-block;
width: 220px
}
body.content-page.press section#press-kit div.branding ul li:first-child {
margin-right: 16px
}
body.content-page.press section#press-kit div.screenshots {
float: right;
clear: right
}
body.content-page.press section#press-kit div.actions.full {
float: left;
clear: both;
margin-top: 0
}
body.content-page.press section#press-kit div.actions.full a.button {
float: none;
display: block;
max-width: 240px;
width: 100%;
padding: 8px 15px
}
body.content-page.press section#press-kit div.presence {
margin-top: 50px;
float: left;
clear: left;
margin-right: 80px
}
body.content-page.press section#press-kit div.contact {
margin-top: 50px;
float: left
}
body.content-page.press section#press-kit a.button {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
text-align: center;
padding: 6px 0;
border-color: #A1A1A1;
color: #A1A1A1
}
body.content-page.press section#press-kit a.button:hover {
color: #d51e1e;
border-color: #1E90D5
}
body.content-page.press section#press-kit div.actions {
margin-top: 15px
}
body.content-page.press section#press-kit div.actions a.button {
width: 100px;
float: right
}
body.content-page.press section#press-kit div.actions a.button:first-child {
float: left
}
body.content-page.press section#press-kit ul li {
list-style: none
}
body.content-page.press section#press-kit ul.icons li {
color: #4c4c4c;
position: relative;
padding-left: 37px;
margin: 17px 10px;
height: 30px;
line-height: 30px;
font-size: 20px;
list-style: none;
font-weight: 400;
float:left
}
body.content-page.press section#press-kit ul.icons li a {
color: #4c4c4c;
font-weight: 400
}
body.content-page.press section#press-kit ul.icons li:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
background: #e11717 url("/images/noise-3.png");
height: 30px;
width: 30px
}
body.content-page.press section#press-kit ul.icons li:after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
background: url("/images/press-icon-sprite.png") no-repeat;
z-index: 2
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {body.content-page.press section#press-kit ul.icons li:after {
background: url("/images/press-icon-sprite@2x.png");
background-size: 20px 60px
}

}
body.content-page.press section#press-kit ul.icons li.email:after {
background-position: -0px -0px;
width: 16px;
height: 16px;
left: 7px;
top: 7px
}
body.content-page.press section#press-kit ul.icons li.phone:after {
background-position: -0px -16px;
width: 16px;
height: 16px;
top: 7px;
left: 7px
}
body.content-page.press section#press-kit ul.icons li.twitter:after {
background-position: -0px -32px;
width: 20px;
height: 16px;
top: 8px;
left: 6px
}
body.content-page.press section#press-kit ul.icons li.youtube:after {
background-position: -0px -48px;
width: 10px;
height: 12px;
top: 9px;
left: 11px
}
@media screen and (max-width: 959px) {body.content-page.press section#press-kit div.branding {
width: 100%
}
body.content-page.press section#press-kit div.screenshots {
float: left
}
body.content-page.press section#press-kit div.actions.full {
margin-top: 50px;
width: 100%
}

}
@media screen and (max-width: 639px) {body.content-page.press section#press-kit div.branding {
width: 100%;
float: none;
text-align: center
}
body.content-page.press section#press-kit div.branding ul li {
float: none;
display: block;
margin: 0 auto
}
body.content-page.press section#press-kit div.branding ul li:first-child {
margin-right: auto;
margin-bottom: 30px
}
body.content-page.press section#press-kit div.screenshots {
float: none;
margin: 30px auto 0;
width: 220px;
text-align: center
}
body.content-page.press section#press-kit div.actions.full a.button {
float: none;
margin: 0 auto
}
body.content-page.press section#press-kit div.presence,body.content-page.press section#press-kit div.contact {
text-align: center
}
body.content-page.press section#press-kit div.presence ul li,body.content-page.press section#press-kit div.contact ul li {
display: inline-block;
clear: both;
width: auto;
margin: 5px 0;
font-size: 16px
}
body.content-page.press section#press-kit div.presence ul li.email,body.content-page.press section#press-kit div.contact ul li.email {
margin-right: 5px
}
body.content-page.press section#press-kit div.presence {
margin-right: 0
}
body.content-page.press section#press-kit div.contact {
width: 100%
}

}
body.content-page.support_index header.main-header {
border-bottom: 2px solid #EAECEE;
background: #fff
}
body.content-page.support_index header.main-header #logo {
margin-top: 16px
}
body.content-page.support_index header.main-header #logo a {
background-image: url("/images/logo.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {body.content-page.support_index header.main-header #logo a {
background-image: url("/images/logo@2x.png");
background-size: 267px 39px;
background-position: center center;

}
.middle-part ul li {
  float: left;
  width: 50%;
  text-align: center;
  list-style-type: none;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	width: 300px;
	height: 150px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
}
}
body.content-page.privacy_index header.main-header #logo a {
background-image: url("/images/logo-white.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {body.content-page.privacy_index header.main-header #logo a {
background-image: url("/images/logo-white@2x.png");
background-size: 267px 39px;
background-position: center center
}
}
body.content-page.privacy_index header.main-header.scrolled #logo a {
background-image: url("/images/logo.png")
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {body.content-page.privacy_index header.main-header.scrolled #logo a {
background-image: url("/images/logo.png");
background-size: 267px 39px;
background-position: center center
}
}
body.content-page.support_index header.main-header .ticker-text {
color: #000
}
body.content-page.support_index header.main-header .button {
color: #4c4c4c;
border-color: #4c4c4c;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
transition: all 200ms linear 0;
-webkit-transition: all 200ms linear 0;
-moz-transition: all 200ms linear 0;
-o-transition: all 200ms linear 0;
-ms-transition: all 200ms linear 0
}
body.content-page.support_index header.main-header .button:hover {
border-color: #b6b9bd
}
body.content-page.support_index section#billboard {
background: #fff;
color: #73797F;
padding-top: 200px
}
body.content-page.support_index section#billboard h1,body.content-page.support_index section#billboard p.lead {
color: #000
}
body.content-page.support_index section#billboard h1 {
margin-bottom: 70px
}
body.content-page.support_index section#billboard p.lead {
font-size: 24px
}
body.content-page.support_index section#billboard p {
margin-top: 20px;
font-size: 20px;
max-width: 100%
}
@media screen and (max-width: 639px) {body.content-page.support_index section#billboard {
padding: 60px 0
}
body.content-page.support_index section#billboard h1 {
margin-bottom: 10px
}
body.content-page.support_index section#billboard p.lead {
font-size: 18px
}
body.content-page.support_index section#billboard p {
font-size: 14px
}

}
@media only screen and (min-width: 640px) and (max-width: 959px) {body.content-page.support_index section#billboard h1 {
margin-bottom: 30px
}
body.content-page.support_index section#billboard p {
font-size: 15px;
width: 100%
}

}

/* Localized */