@charset "utf-8";
/*
font-family: 'Open Sans', sans-serif;
*/

/**
 * Display: Classic
 */
html, body {
	margin: 0px;
	padding: 0px;
	font: normal 12px 'Open Sans', sans-serif;
	color: #6c6c6c;
}

html {
	background: #000000;
}

body {
	background: #FFFFFF;
}

a {
	text-decoration: none;
	color: #6c6c6c;
}

a img {
	border: none;
}

p {
	margin: 0px;
	padding: 0px;
}

button {
	font: normal 12px 'Open Sans', sans-serif;
}

section, header, footer {
	display: block;
}

/**
 * Container
 */
.cWidth {
	margin: 0 auto;
	padding: 0px 20px;
	position: relative;
	max-width: 980px;
}

/**
 * Header
 */
#HeaderInfo {
	background: #000000;
	width: 100%;
	height: 29px;
	line-height: 29px;
	text-align: right;
	color: #FFFFFF;
}

#HeaderInfo span {
	color: #73d5ff;
}

#HeaderInfo img {
	margin: 0px 2px 0px 4px;
	vertical-align: top;
}

#HeaderInfo nav img {
	margin: 0px;
	vertical-align: middle;
}

#HeaderInfo form {
	margin-top: 4px;
	margin-left: 20px;
	float: right;
}

#HeaderInfo form input.t {
	background: #444444;
	border: 0px;
	margin: 0px 4px 0px 0px;
	padding: 0px 10px;
	width: 116px;
	height: 20px;
	line-height: 20px;
	font-family: Arial;
	font-style: italic;
	font-size: 11px;
	color: #919191;
	float: left;
}

#HeaderInfo form input.b {
	background: #E77400 url('../image/headerinfo-form-submit.png') center no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 23px;
	height: 20px;
	text-indent: -999px;
	overflow: hidden;
	float: left;
	cursor: pointer;
}

#FastContact {
	float: left;
}

#HeaderInfo nav {
	margin-top: 4px;
	margin-left: 30px;
	height: 20px;
	line-height: 20px;
	float: right;
}

#HeaderInfo nav a {
	border-right: solid 1px #009FE3;
	padding: 0px 10px;
	color: #FFFFFF;
}

#HeaderInfo nav a:last-child {
	border-right: 0px;
	margin-right: 0px;
	padding-right: 0px;
}

#Header {
	background: #009FE3;
}

#Header .cWidth {
	height: 63px;
}

#Logo {
	background: url('../image/logo.png') center no-repeat;
	width: 185px;
	height: 63px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
	float: left;
}

#Header h1 {
	margin: 11px 0px 0px 15px;
	padding-left: 15px;
	border-left: solid 1px #FFFFFF;
	height: 43px;
	line-height: 43px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
}

#Header nav.classic {
	height: 63px;
	float: right;
}

#Header nav.classic a {
	padding: 0px 15px;
	height: 63px;
	line-height: 63px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	float: left;
}

#Header nav.classic a:hover {
	background: url('../image/menu-hover.png');
}

#Header nav.classic a.menu-link3 {
	background: #FFFFFF;
	margin-top: 14px;
	margin-left: 5px;
	height: 35px;
	line-height: 35px;
	color: #009FE3;
}

/**
 * Info
 */
#Info {
	background: #FFFFFF url('../image/slidebox.png') no-repeat;
	position: relative;
	width: 100%;
	/*height: 365px;*/
	overflow: hidden;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#Info .Caption {
	margin-top: 35px;
	margin-bottom: 35px;
	display: block;
}

#Info .Caption h2 {
	margin: 0px;
	letter-spacing: -1px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(5, 6, 7, 0.06);
	font-weight: 700;
	font-size: 40px;
	/*color: #FFFFFF;*/
	color: #0093d2;
}

#Info .Grid {
	margin: 0px 130px;
}

#Info .Grid .MessageError {
	position: relative;
	top: -15px;
	font-weight: bold;
	font-size: 20px;
	color: #FF0000;
}

#Info .Grid .MessageSuccess {
	position: relative;
	top: -15px;
	font-weight: bold;
	font-size: 20px;
	color: #008000;
}

#Info form {
	width: 350px;
	float: left;
}

#Info form ::-webkit-input-placeholder { color: #FFFFFF; opacity: 1; }
#Info form ::-moz-placeholder { color: #FFFFFF; opacity: 1; }
#Info form :-ms-input-placeholder { color: #FFFFFF; opacity: 1; }
#Info form :-moz-placeholder { color: #FFFFFF; opacity: 1; }

#Info form textarea.t {
	background: rgba(71, 71, 71, 0.65);
	border: 0px;
	margin-bottom: 6px;
	padding: 10px;
	width: 100%;
	height: 100px;
	font-family: 'Open Sans';
	font-size: 13px;
	color: #FFFFFF;
	resize: none;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#Info form input.t {
	background: rgba(71, 71, 71, 0.65);
	border: 0px;
	margin-bottom: 6px;
	padding: 0px 10px;
	width: 235px;
	height: 33px;
	line-height: 33px;
	font-family: 'Open Sans';
	font-size: 13px;
	color: #FFFFFF;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#Info form textarea.error,
#Info form input.error {
	background: #FF0000;
}

#Info form input.b {
	background: #E77400;
	border: 0px;
	margin-bottom: 6px;
	padding: 0px;
	width: 108px;
	height: 33px;
	line-height: 33px;
	text-transform: uppercase;
	font-family: 'Open Sans';
	font-size: 14px;
	color: #FFFFFF;
	float: right;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.arrow_box {
	position: relative;
	background: #ffffff;
	border: 3px solid #009EE2;
	width: 335px;
	float: right;
}

.arrow_box .In {
	padding: 15px;
	overflow: hidden;
}

.arrow_box .Express {
	background: #009EE2;
	border: 0px;
	margin: 15px -15px -15px -15px;
	padding: 11px 15px 12px 15px;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.arrow_box .Express b {
	text-decoration: underline;
	color: #FFFFFF;
}

.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 20px;
	margin-top: -20px;
}

.arrow_box:before {
	border-color: rgba(248, 123, 0, 0);
	border-right-color: #009EE2;
	border-width: 24px;
	margin-top: -24px;
}

.arrow_box b {
	color: #009EE2;
}

/* ------ */

#Info .cWidth {
	padding: 0px 0px 40px 0px;
	overflow: hidden;
}

/**
 * Repair Steps
 */
#RepairSteps {
	padding-top: 40px;
	padding-bottom: 40px;
}

#RepairSteps .MessageERROR {
	background-color: red;
	margin-bottom: 20px;
	padding: 15px;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
}

#RepairSteps .MessageSUCCESS {
	background-color: green;
	margin-bottom: 20px;
	padding: 15px;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
}

#RepairSteps .Caption {
	margin-top: 35px;
	margin-bottom: 35px;
	display: block;
}

#RepairSteps .Caption h2 {
	margin: 0px;
	letter-spacing: -1px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(5, 6, 7, 0.06);
	font-weight: 700;
	font-size: 40px;
	/*color: #FFFFFF;*/
	color: #0093d2;
}

#RepairSteps .Steps {
	margin-bottom: 40px;
	position: relative;
	height: 52px;
	overflow: hidden;
}

#RepairSteps .Steps .Hr {
	background: #E6E6E6;
	position: absolute;
	height: 2px;
	top: 25px;
	left: 0px;
	right: 0px;
}

#RepairSteps .Steps .Step {
	background: #FFFFFF;
	position: relative;
	width: 150px;
	height: 52px;
	text-align: center;
	cursor: default;
	float: left;
	z-index: 1;
}

#RepairSteps .Steps .Step b {
	font-size: 16px;
	color: #000000;
}

#RepairSteps .Steps .Step p {
	line-height: 14px;
	font-size: 12px;
}

#RepairSteps .Steps .Step1,
#RepairSteps .Steps .Step2 {
	margin-right: 265px;
}

#RepairSteps .Steps .Active,
#RepairSteps .Steps .Active b {
	color: #E77400;
}

#RepairSteps .Express {
	border: solid 2px #E77400;
	margin-bottom: 30px;
	position: relative;
	top: -10px;
}

#RepairSteps .Express a {
	padding: 20px;
	text-align: center;
	font-size: 16px;
	display: block;
}

#RepairSteps .Express .Close {
	background: url('../image/express-close.png');
	position: absolute;
	width: 16px;
	height: 16px;
	top: 6px;
	right: 6px;
	display: block;
	cursor: pointer;
}

#RepairSteps .SelectDelivery {
	background-color: #FFFFFF;
	border: solid 1px #cbcbcb;
	margin-bottom: 20px;
	margin-right: 3%;
	padding: 50px;
	width: 48.5%;
	text-align: center;
	font-family: Arial;
	font-size: 22px;
	color: #000000;
	display: block;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	-moz-box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	outline: none;
}

#RepairSteps .SelectDeliveryLast {
	margin-right: 0px;
}

#RepairSteps .MessageError {
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 18px;
	color: #FF0000;
}

#RepairSteps form {
	margin-bottom: 40px;
	position: relative;
	width: 70%;
	float: left;
}

#RepairSteps form input.t,
#RepairSteps form input.tm {
	background: rgba(71, 71, 71, 0.65);
	border: 0px;
	margin-bottom: 6px;
	padding: 0px 10px;
	height: 33px;
	line-height: 33px;
	font-family: 'Open Sans';
	font-size: 13px;
	color: #FFFFFF;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#RepairSteps form input.t {
	width: 100%;
}

#RepairSteps form input.tm {
	width: 49%;
}

#RepairSteps form textarea.t {
	background: rgba(71, 71, 71, 0.65);
	border: 0px;
	margin-bottom: 6px;
	padding: 10px;
	width: 100%;
	height: 100px;
	font-family: 'Open Sans';
	font-size: 13px;
	color: #FFFFFF;
	resize: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#RepairSteps form input.error,
#RepairSteps form textarea.error {
	background: rgba(255, 0, 0, 0.65);
}

#RepairSteps form label {
	margin-bottom: 6px;
	display: block;
}

#RepairSteps form label input {
	float: left;
}

#RepairSteps form label span {
	margin-left: 25px;
	display: block;
}

#RepairSteps form label span a {
	color: #E77400;
}

#RepairSteps form label span a:hover {
	text-decoration: underline;
}

#RepairSteps form label.error span,
#RepairSteps form label.error span a {
	color: #FF0000;
}

#RepairSteps form input.b {
	background: #E77400;
	border: 0px;
	margin-bottom: 6px;
	padding: 12px 40px;
	text-transform: uppercase;
	font-family: 'Open Sans';
	font-size: 16px;
	color: #FFFFFF;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#RepairSteps .GridInfo {
	position: relative;
	width: 46%;
	float: right;
}

#RepairSteps .GridInfo .InfoText {
	position: absolute;
	background: #ffffff;
	border: 3px solid #009EE2;
	padding: 15px;
	width: 100%;
	min-height: 60px;
	top: 0px;
	left: 0px;
	display: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#RepairSteps .GridInfo .InfoText:first-child {
	display: block;
}

#RepairSteps .GridInfo .InfoText:after,
#RepairSteps .GridInfo .InfoText:before {
	right: 100%;
	top: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#RepairSteps .GridInfo .InfoText:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}

#RepairSteps .GridInfo .InfoText:before {
	border-color: rgba(248, 123, 0, 0);
	border-right-color: #009EE2;
	border-width: 14px;
	margin-top: -14px;
}

#RepairSteps .Maps {
	height: 450px;
}

/**
 * Content
 */
#Content,
#RepairSteps {
	background: #FFFFFF;
	position: relative;
}

#Content .cWidth,
#RepairSteps .cWidth {
	padding-top: 45px;
	padding-bottom: 90px;
	min-height: 205px;
	overflow: hidden;
}

#Content .shadow-top,
#RepairSteps .shadow-top {
	background: url('../image/info-shadow-top.png') repeat-x;
	position: absolute;
	height: 100px;
	top: 0px;
	left: 0px;
	right: 0px;
}

#Content .shadow-bottom,
#RepairSteps .shadow-bottom {
	background: url('../image/info-shadow-bottom.png') repeat-x;
	position: absolute;
	height: 249px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

#Content header,
#RepairSteps header {
	margin-bottom: 35px;
	font-weight: bold;
	font-size: 22px;
	color: #009fe3;
}

#Content header.grey,
#RepairSteps header.grey {
	color: #6c6c6c;
}

#Content header.home {
	text-align: center;
	font-weight: 700;
	font-size: 30px;
	color: #474747;
}

#Content p,
#Content ul,
#Content ol {
	line-height: 22px;
	font-size: 14px;
}

.home-button-left {
	width: 48%;
	float: left;
}

.home-button-right {
	width: 48%;
	float: right;
}

.home-button-left img, .home-button-right img {
	width: 100%;
}

#Content .addRepair {
	margin-top: 30px;
	display: inline-block;
	float: none;
}

#Content a {
	color: #009fe3;
}

/**
 * Info Icon
 */
#InfoIcon {
	background: #009FE3;
	padding: 40px 0px;
	color: #fefefe;
}

#InfoIcon .cWidth {
	overflow: hidden;
}

#InfoIcon .Caption {
	padding-bottom: 5px;
	font-weight: 700;
	font-size: 28px;
}

#InfoIcon p {
	font-size: 13px;
}

#InfoIcon img {
	float: left;
}

#InfoIcon .Left {
	width: 48%;
	float: left;
}

#InfoIcon .Left .Text {
	margin-left: 95px;
}

#InfoIcon .Right {
	width: 48%;
	float: right;
}

#InfoIcon .Right .Text {
	margin-left: 157px;
}

/**
 * Google Maps
 */
#GoogleMaps {
	background: #FFFFFF;
	position: relative;
}

#GoogleMaps .shadow-top {
	background: url('../image/info-shadow-top.png') repeat-x;
	position: absolute;
	height: 100px;
	top: 0px;
	left: 0px;
	right: 0px;
}

#GoogleMaps .shadow-bottom {
	background: url('../image/info-shadow-bottom.png') repeat-x;
	position: absolute;
	height: 100px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

/**
 * Contact
 */
#Contact {
	float: right;
}

#Contact .Item {
	margin-bottom: 40px;
	overflow: hidden;
	clear: both;
}

#Contact .Item .Marker {
	margin-right: 10px;
	float: left;
}

#Contact .Item .Text {
	line-height: 22px;
	float: left;
}

/**
 * Form Contact
 */
#FormContact {
	width: 70%;
	float: left;
}

#FormContact .Item {
	margin-bottom: 4px;
	width: 100%;
	display: block;
}

#FormContact .Item span {
	padding-right: 1%;
	width: 15%;
	line-height: 27px;
	text-align: right;
	display: block;
	float: left;
}

#FormContact .Item input.mini {
	background-color: #FFFFFF;
	border: solid 1px #cbcbcb;
	padding: 0px 1%;
	width: 50%;
	height: 25px;
	line-height: 25px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	color: #6c6c6c;
	display: block;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	-moz-box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	outline: none;
}

#FormContact .Item textarea.full {
	background-color: #FFFFFF;
	border: solid 1px #cbcbcb;
	padding: 1%;
	width: 75%;
	height: 80px;
	line-height: 16px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	color: #6c6c6c;
	display: block;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 0px 73px rgba(4, 5, 5, 0.22);
	-moz-box-shadow: inset 0px 0px 73px rgba(4, 5, 5, 0.22);
	box-shadow: inset 0px 0px 73px rgba(4, 5, 5, 0.22);
	resize: vertical;
	outline: none;
}

#FormContact .Item .g-recaptcha {
	width: 75%;
	display: block;
	float: left;
}

#FormContact .Item .Error {
	margin-left: 16%;
	padding-top: 3px;
	width: 75%;
	font-size: 14px;
	color: #FF0000;
	clear: both;
}

#FormContact .Item input.error,
#FormContact .Item textarea.error {
	border: solid 1px #FF0000;
}

#FormContact .Item input.button {
	background: url('../image/formrepair-button.png') repeat-x;
	border: 0px;
	margin-top: 20px;
	padding: 0px 25px;
	height: 61px;
	line-height: 61px;
	text-shadow: 1px 1px 1px rgba(5, 6, 7, 0.06);
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #FFFFFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
}

/**
 * Form Repair
 */
#FormRepair {

}

#FormRepair section {
	padding-bottom: 30px;
}

#FormRepair section header {
	margin: 0px;
	padding: 4px 0px 6px 0px;
	position: relative;
	width: 22%;
	text-align: right;
	font-size: 12px;
}

#FormRepair section header input {
	position: absolute;
	top: 2px;
	right: -25px;
}

#FormRepair section p {
	margin-bottom: 4px;
	width: 100%;
	display: block;
}

#FormRepair section p span {
	padding-right: 1%;
	width: 22%;
	line-height: 27px;
	text-align: right;
	display: block;
	float: left;
}

#FormRepair section p input.mini {
	background-color: #FFFFFF;
	border: solid 1px #cbcbcb;
	padding: 0px 1%;
	width: 35%;
	height: 25px;
	line-height: 25px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	color: #6c6c6c;
	display: block;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	-moz-box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	outline: none;
}

#FormRepair section p input.full {
	background-color: #FFFFFF;
	border: solid 1px #cbcbcb;
	padding: 0px 1%;
	width: 55%;
	height: 25px;
	line-height: 25px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	color: #6c6c6c;
	display: block;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	-moz-box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	outline: none;
}

#FormRepair section p textarea.full {
	background-color: #FFFFFF;
	border: solid 1px #cbcbcb;
	padding: 1%;
	width: 55%;
	height: 80px;
	line-height: 16px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	color: #6c6c6c;
	display: block;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 0px 73px rgba(4, 5, 5, 0.22);
	-moz-box-shadow: inset 0px 0px 73px rgba(4, 5, 5, 0.22);
	box-shadow: inset 0px 0px 73px rgba(4, 5, 5, 0.22);
	resize: vertical;
	outline: none;
}

#FormRepair section p select {
	background-color: #FFFFFF;
	border: solid 1px #cbcbcb;
	padding: 3px 1%;
	width: 35%;
	height: 25px;
	line-height: 25px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	color: #6c6c6c;
	display: block;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	-moz-box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
}

#FormRepair section p label {
	padding: 2px 0px 0px 0px;
	width: 77%;
	overflow: hidden;
	float: right;
}

#FormRepair section p label input {
	margin: 3px 3px 0px 0px;
	float: left;
}

#FormRepair section p input.button {
	background: url('../image/formrepair-button.png') repeat-x;
	border: 0px;
	padding: 0px 25px;
	height: 61px;
	line-height: 61px;
	text-shadow: 1px 1px 1px rgba(5, 6, 7, 0.06);
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #FFFFFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
}

/**
 * Steps
 */
#Steps {
	padding-bottom: 40px;
	overflow: hidden;
}

#Steps .Item {
	margin-right: 3.3%;
	width: 30%;
	overflow: hidden;
	float: left;
}

#Steps .Item i {
	background: #009FE3;
	width: 44px;
	height: 44px;
	line-height: 42px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 24px;
	color: #FFFFFF;
	display: block;
	float: left;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	border-radius: 250px;
}

#Steps .Item p {
	margin-left: 55px;
}

/**
 * Steps Big
 */
.ModuleStepsBig {
	padding-bottom: 40px;
	overflow: hidden;
}

.ModuleStepsBig .Item {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}

.ModuleStepsBig .Item i {
	background: #ee7900;
	width: 134px;
	height: 134px;
	line-height: 128px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 74px;
	color: #FFFFFF;
	display: block;
	float: left;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	border-radius: 250px;
}

.ModuleStepsBig .Item p {
	margin-left: 150px;
	padding-top: 15px;
	line-height: 30px !important;
	font-size: 24px;
}

.ModuleText {
	margin-bottom: 40px;
}

/**
 * Price List
 */
.ModulePriceList {
	margin: 0px 0px 40px 0px;
}

.ModulePriceList a, .ModulePriceList div {
	padding: 5px 8px;
	text-decoration: none;
	color: #6c6c6c;
	overflow: hidden;
	display: block;
}

.ModulePriceList a span, .ModulePriceList div span {
	float: right;
}

.ModulePriceList .b-a {
	background: #DDDDDD;
}

.ModulePriceList .b-b {
	background: #EBEBEB;
}

.ModulePriceList a:hover, .ModulePriceList div:hover {
	background: #009FE3;
	color: #FFFFFF;
}

/**
 * Service
 */
#Service {
	background: #FFFFFF;
	padding: 28px 0px;
}

#Service header {
	margin-bottom: 15px;
	font-size: 14px;
	color: #6c6c6c;
}

#Service img {
	margin-bottom: 50px;
	width: 100%;
}

#Service table {
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 100%;
}

#Service table td {
	padding-left: 55px;
	padding-right: 20px;
}

#Service table td p,
#Service table td a {
	line-height: 18px;
	font-size: 12px;
	color: #808080;
}

#HomeArticle {
	background: #000000;
	padding: 90px 0px;
	overflow: hidden;
}

#HomeArticle .Item {
	margin-right: 5%;
	width: 47.5%;
	color: #FFFFFF;
	float: left;
}

#HomeArticle .Item:nth-child(2n) {
	margin-right: 0px;
}

#HomeArticle .Item figure {
	margin: 0px 0px 10px 0px;
	font-size: 0px;
	overflow: hidden;
}

#HomeArticle .Item figure img {
	width: 100%;
}

#HomeArticle .Item h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: 300;
	font-size: 28px;
}

#HomeArticle .Item h2 a {
	color: #FFF;
}

#HomeArticle .Item p {
	font-weight: 300;
	font-size: 13px;
}

/**
 * Footer
 */
#Footer {
	background: #000000;
}

#Footer .cWidth {
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}

#Footer .Item {
	margin-right: 25px;
	overflow: hidden;
	float: left;
}

#Footer .Item .Marker {
	margin-right: 10px;
	float: left;
}

#Footer .Item .Text {
	line-height: 22px;
	color: #FFF;
	float: left;
}

#Footer .Item .Text a {
	color: #009fe3;
}

#Footer .Right {
	text-align: right;
	float: right;
}

#Footer .Right .Info {
	margin-top: 30px;
}

#Footer .Right .Info p {
	float: left;
}

#Footer .Right .Info nav {
	margin-left: 30px;
	float: right;
}

#Footer .Right .Info nav a {
	color: #009fe3;
}

/* Clear */
.Clear, .clear { clear: both; }

/* Float */
.fleft { float: left; }
.fright { float: right; }

/**
 * Express Content
 */
#ExpressContent {
	background: #FFFFFF;
	margin-left: -250px;
	padding: 20px;
	position: fixed;
	width: 500px;
	top: 50%;
	left: 50%;
	color: #000000;
	display: none;
	z-index: 999;
	-webkit-box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, 0.75);
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#ExpressContent.Active {
	display: block;
}

#ExpressContent .Text {
	line-height: 20px;
	font-size: 13px;
}

#ExpressContent .Buttons {
	margin-top: 30px;
	overflow: hidden;
}

#ExpressContent .Buttons a,
#ExpressContent .Buttons button {
	border: 0px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
}

#ExpressContent .Buttons a {
	background: #E77400;
	width: 62%;
	float: left;
}

#ExpressContent .Buttons button {
	background: #009FE3;
	width: 32%;
	float: right;
}

/**
 * Profil
 */
#PageLogin {
	/*position: fixed;*/
	height: 550px;
}

#PageLogin .ERROR {
	background: #FF0000;
	padding: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
	font-weight: 400;
	font-size: 22px;
	color: #FFFFFF;
}

#PageLogin table {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
	height: 100%;
}

#PageLogin header {
	margin: 0 auto;
	width: 300px;
	text-align: center;
}

#PageLogin .Form {
	background: rgba(0,0,0,0.05);
	border: solid 1px #F07D00;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	width: 300px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 0px 0px 1px #F0F0F2;
	-moz-box-shadow: inset 0px 0px 0px 1px #F0F0F2;
	box-shadow: inset 0px 0px 0px 1px #F0F0F2;

}

#PageLogin .Form .Loading {
	background: rgba(255,255,255,0.8) url('../image/loader.gif') center no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
}

#PageLogin .Form .Field {
	margin-bottom: 10px;
}

#PageLogin .Form .Field span {
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 16px;
	display: block;
}

#PageLogin .Form .Field input.t {
	border: solid 1px #B8B8B8;
	padding: 0px 15px;
	width: 100%;
	height: 36px;
	color: #666666;
	outline: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

#PageLogin .Form .Field input.t:focus {
	background-color: #ebffd3;
}

#PageLogin .Form .Field input.password {
	background: #FFFFFF url('../image/icon/password.png') 10px center no-repeat;
	padding-left: 36px;
}

#PageLogin .Form .Field input.login {
	background: #FFFFFF url('../image/icon/login.png') 10px center no-repeat;
	padding-left: 36px;
}

#PageLogin .Form .Buttons {
	padding-top: 10px;
	overflow: hidden;
}

#PageLogin .Form .Buttons .l {
	border: 0px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	color: #000000;
	float: left;
	cursor: pointer;
}

#PageLogin .Form .Buttons input.b {
	background-color: #F07D00;
	border: 0px;
	padding: 0px 15px;
	height: 35px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	float: right;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#PageLogin .Form .Buttons input.b:hover {
	background-color: #f3c120;
}

#PageAccount {
	background: #FFFFFF;
	margin: 0 auto;
	position: relative;
	width: 980px;
}

#AccountMenuBG {
	background: #E9EAED;
	border-right: solid 1px #969698;
	position: fixed;
	width: 269px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	display: none;
}

#AccountLeft {
	position: relative;
	width: 200px;
	float: left;
	z-index: 3;
}

#AccountLeft .Account {
	margin: 20px 20px 20px 0px;
}

#AccountLeft .Account i {
	background: url('../image/account.png') no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	float: left;
}

#AccountLeft .Account i.male {
	background: url('../image/account-male.png') no-repeat;
}

#AccountLeft .Account i.female {
	background: url('../image/account-female.png') no-repeat;
}

#AccountLeft .Account .Data {
	margin-left: 34px;
	position: relative;
	line-height: 14px;
	top: -2px;
}

#AccountLeft .Account .Data .Name {
	text-overflow: ellipsis;
	font-weight: 600;
	color: #1A1A1A;
	white-space: nowrap;
	overflow: hidden;
}

#AccountLeft .Account .Data a {
	font-weight: 300;
	font-size: 12px;
}

#AccountLeft nav {
	margin-left: 0px;
}

#AccountLeft nav a {
	background-color: rgba(0, 0, 0, 0.07);
	background-repeat: no-repeat;
	background-position: 10px center;
	border-top: solid 1px transparent;
	border-bottom: solid 1px transparent;
	border-left: solid 1px transparent;
	margin-bottom: 3px;
	padding-left: 36px;
	width: 163px;
	height: 28px;
	line-height: 28px;
	font-weight: 600;
	color: #000000;
	display: block;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#AccountLeft nav a:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

#AccountLeft nav a.active {
	background-color: #FFFFFF;
	border-top: solid 1px #019FE3;
	border-bottom: solid 1px #019FE3;
	border-left: solid 1px #019FE3;
	border-right: solid 1px #FFFFFF;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #000000;
}

#AccountLeft nav a.account { background-image: url('../image/account-account.png'); }
#AccountLeft nav a.cars { background-image: url('../image/account-cars.png'); }
#AccountLeft nav a.history_repairs { background-image: url('../image/account-history_repairs.png'); }

#AccountContent {
	border-bottom: solid 1px #019FE3;
	border-left: solid 1px #019FE3;
	border-right: solid 1px #019FE3;
	margin-left: 200px;
	padding: 14px 20px 50px 20px;
	/*min-width: 700px;*/
	min-height: 600px;
	overflow: hidden;
}

#AccountContentTop {
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}

#AccountContent h1 {
	margin: 0px;
	padding: 0px;
	float: left;
}

#AccountContent .Right {
	margin-top: 5px;
	float: right;
}

#AccountContent .Right .button {
	background: #EF7C00;
	border: solid 1px #EF7C00;
	margin-left: 20px;
	padding: 0px 20px;
	height: 30px;
	line-height: 30px;
	font-family: "Source Sans Pro", sans-serif, Arial;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	display: block;
	float: left;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#AccountContent .Right .button:hover {
	background: #F3C020;
	color: #000000;
}

#AccountContent form {
	min-width: 700px;
}

#AccountContent .Field {
	margin-bottom: 20px;
	overflow: hidden;
}

#AccountContent .Field .Name {
	padding-bottom: 3px;
	font-size: 16px;
}

#AccountContent .FieldLeft { float: left; }
#AccountContent .FieldRight { float: right; }

#AccountContent .FieldMedium {
	width: 48%;
}

#AccountContent .FieldFull {
	width: 100%;
}

#AccountContent .Field p.empty {
	padding: 5px;
	min-height: 35px;
	font-family: "Source Sans Pro", sans-serif, Arial;
	font-weight: bold;
	font-size: 16px;
}

#AccountContent .Field input.text,
#AccountContent .Field select {
	background-color: #FFFFFF;
	border: solid 1px #969698;
	padding: 0px 10px;
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-family: "Source Sans Pro", sans-serif, Arial;
	font-size: 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#AccountContent .Field input.text:focus,
#AccountContent .Field select:focus {
	background-color: #F2FFE0;
}

#AccountContent .FormAction {
	padding: 20px 0px 0px 0px;
	height: 40px;
	overflow: hidden;
}

#AccountContent .FormAction input.b {
	background: #EF7C00;
	border: solid 1px #EF7C00;
	margin-right: 20px;
	padding: 0px 20px;
	height: 40px;
	font-family: "Source Sans Pro", sans-serif, Arial;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	display: block;
	float: left;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#AccountContent .FormAction input.b:hover {
	background: #F3C020;
	color: #000000;
}

/**
 * Table
 */
#AccountContent .table-result-a {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	font-size: 11px;
}

#AccountContent .table-result-a thead tr th {
	border: solid 1px #E9E9E9;
	text-align: left;
	font-size: 16px;
}

#AccountContent .table-result-a thead tr th span {
	background: #F6F6F6;
}

#AccountContent .table-result-a thead tr th span {
	padding: 8px 10px;
	display: block;
}

#AccountContent .table-result-a tbody tr td {
	border-bottom: solid 1px #E9E9E9;
	padding: 8px 10px;
	font-size: 16px;
}

#AccountContent .table-result-a tbody tr td .i16 {
	margin: 0px 2px;
}

#AccountContent .table-result-a tbody tr td .button16,
#AccountContent .table-result-a tbody tr td .button24 {
	background: #CD0000;
	border: solid 1px #AE3434;
	color: #FFFFFF;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#AccountContent .table-result-a tbody tr td .button16 {
	padding: 0px 7px;
	height: 16px;
	line-height: 15px;
	font-size: 14px;
}

#AccountContent .table-result-a tbody tr td .button24 {
	padding: 0px 7px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
}

#AccountContent .table-result-a tbody tr td .button16:hover,
#AccountContent .table-result-a tbody tr td .button24:hover {
	background: #A10000;
}

#AccountContent .table-result-a tbody tr td {
	background-color: #FCFCFC;
}

#AccountContent .table-result-a tbody tr::nth-child(odd) td {
	background-color: #FF0000;
}

#AccountContent .table-result-a tbody tr:hover td {
	background-color: #F2FFE0;
}

/**
 * Message
 */
#Message {
	font-size: 16px;
}

#Message .SUCCESS,
#Message .ERROR,
#Message .INFO {
	padding: 20px;
	position: relative;
	text-align: center;
}

#Message .SUCCESS {
	background-color: #01D080;
	color: #FFFFFF;
}

#Message .ERROR {
	background-color: #D00032;
	color: #FFFFFF;
}

#Message .INFO {
	background-color: #00FF00;
	color: #000000;
}

#Message .SUCCESS a {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}

#Message .ERROR a {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}

#Message .INFO a {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}

#Message .SUCCESS a:hover,
#Message .ERROR a:hover,
#Message .INFO a:hover {
	text-decoration: none;
}

.Field {
	margin-bottom: 15px;
}

.Field .Name {
	font-weight: bold;
	font-size: 14px;
	color: #009fe3;
}

.Field .Space {
	font-size: 14px;
}

/**
 * Grid
 */
.grid-row {
	margin: 0px;
	padding: 0px;
	clear: both;
	zoom: 1;
}

.grid-row .col {
	margin: 0 0 0 1.6%;
	display: block;
	float:left;
}

.grid-row .col:first-child {
	margin-left: 0;
}

.grid-row:before,
.grid-row:after {
	content: "";
	display: table;
}

.grid-row:after {
	clear:both;
}

.col-4-4 { width: 100%; }
.col-3-4 { width: 74.6%; }
.col-2-4 { width: 49.2%; }
.col-1-4 { width: 23.8%; }
.col-3-3 { width: 100%; }
.col-2-3 { width: 66.13%; }
.col-1-3 { width: 32.26%; }

/**
 * Display: Mobile
 */
@media all and (max-width: 980px) {
	#Info .Caption h2 {
		font-size: 36px;
	}
}

@media all and (max-width: 952px) {
	#Info .Grid {
		margin: 0px;
	}

	#Info form {
		margin: 0 auto;
		float: none;
	}

	#Info .arrow_box {
		margin: 0 auto 6px auto;
		width: 344px;
		float: none;
	}

	#Info .arrow_box:after, #Info .arrow_box:before {
		display: none;
	}
}

@media all and (max-width: 835px) {
	#Footer .Item {
		margin-bottom: 30px;
	}

	#Footer .Right {
		text-align: left;
		float: left;
		clear: both;
	}
}

@media all and (max-width: 800px) {
	/**
	 * Info Icon
	 */
	#InfoIcon .Left {
		margin-bottom: 40px;
		width: 100%;
		float: none;
	}

	#InfoIcon .Left img {
		margin-left: 62px;
	}

	#InfoIcon .Right {
		width: 100%;
		float: none;
	}

}

@media all and (max-width: 720px) {
	#HeaderInfo {
		text-align: center;
	}

	#Header {
		background: #0081B8 url('../image/mobile-header.png') top repeat-x;
	}

	#Header h1 {
		display: none;
	}

	#Header .cWidth {
		height: auto;
	}

	#Header .cWidth nav.classic {
		padding-bottom: 13px;
		width: 100%;
		height: auto;
		float: none;
	}

	#Header .cWidth nav.classic a {
		background-color: #0087c1;
		border: solid 1px #00A3E8;
		margin-bottom: 2px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		font-size: 16px;
		display: block;
		float: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
		-moz-box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
		box-shadow: inset 0px 0px 29px rgba(4, 5, 5, 0.22);
	}

	#Logo {
		margin: 0 auto;
		float: none;
	}

	a.addRepair {
		margin-top: 20px !important;
		float: none;
	}

	a.addRepair span {
		padding: 0px 45px 0px 45px;
		line-height: 81px !important;
		font-size: 21px !important;
	}

	.home-button-left {
		margin-bottom: 10px;
		max-width: 100%;
		width: auto;
		float: none;
	}

	.home-button-right {
		max-width: 100%;
		width: auto;
		float: none;
	}

	.home-button-left img, .home-button-right img {
		margin-bottom: 10px;
		width: 100%;
	}

	#Steps {
		padding-bottom: 25px;
	}

	#Steps .Item {
		margin-bottom: 20px;
		margin-right: 0px;
		width: 100%;
		float: none;
	}

	#StepsBig .Item i {
		width: 84px !important;
		height: 84px !important;
		line-height: 80px !important;
		font-size: 54px !important;
	}

	#StepsBig .Item p {
		margin-left: 100px !important;
		padding-top: 0px !important;
		line-height: 16px !important;
		font-size: 14px !important;
	}

	#InfoIcon .Caption {
		font-size: 20px;
	}

	#InfoIcon .Left .Text {
		margin-left: 157px;
	}
}

@media all and (max-width: 850px) {
	#Info .Caption h2 {
		font-size: 28px;
	}
}

@media all and (max-width: 840px) {
	a.addRepair span {
		font-size: 20px;
	}
}

@media all and (max-width: 790px) {
	#Header nav.classic a {
		padding: 0px 7px;
	}

	a.addRepair span {
		font-size: 18px;
	}

	#Steps .Item {
		margin-bottom: 20px;
		margin-right: 0px;
		width: 100%;
		float: none;
	}

	#StepsBig .Item p {
		padding-top: 10px;
		line-height: 23px;
		font-size: 21px;
	}

	#Contact {
		padding-bottom: 40px;
		text-align: left;
		float: none;
	}

	#FormContact {
		width: 100%;
		float: none;
	}

	#FormContact p span {
		padding-right: 0;
		width: 100%;
		line-height: 27px;
		text-align: left;
		display: block;
		float: none;
	}

	#FormRepair header {
		width: 100% !important;
		text-align: left !important;
	}

	#FormRepair span {
		width: 100% !important;
		text-align: left !important;
		clear: both !important;
		float: none !important;
	}

	#FormRepair label {
		width: 100% !important;
		display: block !important;
		float: none !important;
	}

	#FormRepair input {
		float: none !important;
	}

	#FormRepair input.mini, #FormRepair select, #FormRepair .jSLuniversalFormSelect {
		width: 60% !important;
	}

	#FormRepair input.full, #FormRepair textarea.full {
		width: 97% !important;
	}

	#Footer .Box {
		padding-right: 15px;
	}

	#Footer nav span {
		padding: 0px 5px;
	}
}

@media all and (max-width: 650px) {
	#Service table td {
		padding-left: 20px;
		display: block;
	}
}

@media all and (max-width: 520px) {
	#ExpressContent {
		background: #FFFFFF;
		margin-left: 3%;
		margin-right: 3%;
		padding: 10px;
		position: fixed;
		width: 94%;
		top: 3%;
		left: 0px;
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}

	#ExpressContent .Buttons a,
	#ExpressContent .Buttons button {
		font-size: 15px;
	}
}

@media all and (max-width: 440px) {
	#InfoIcon {
		text-align: center;
	}

	#InfoIcon img {
		float: none;
	}

	#InfoIcon .Left .Text,
	#InfoIcon .Right .Text {
		margin-left: 0px;
	}
}


@media all and (max-width: 400px) {
	#Footer .Item {
		margin-right: 0px;
	}
}

@media all and (max-width: 360px) {
	a.addRepair span {
		padding-top: 15px;
		line-height: 22px !important;
		font-size: 18px !important;
	}
}

@media all and (max-width: 355px) {
	#Info .arrow_box {
		width: 304px;
	}

	#Info form {
		width: 310px;
	}

	#Info form input.t {
		width: 195px;
	}
}