html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body {
	min-width: 1220px; min-height: 100%;
}
body {
	position: relative; background: #fff; font-family: 'Fira Sans'; font-size: 20px; color: #000; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
* {
	outline: none; max-height: 999999px;
}
img {
	border: none; vertical-align: top;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ''; content: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
input, textarea, select, button {
	font-family: 'Fira Sans';
}
button::-moz-focus-inner {
    padding: 0; border: 0;
}
button {
	*overflow: visible;
}
label {
	cursor: pointer;
}
a {
	
}
a:hover {
	text-decoration: none;
}
.clear_fix {
	clear: both; display: block; height: 0;
}
.hidden {
	display: none;
}
.wrapper {
	position: relative; width: 1200px; margin: 0 auto; padding: 0 10px;
}


/* site style
------------------------------------------------ */
.viewport-wrapper {
	position: relative; min-width: 1220px; overflow: hidden;
}

H1, H2, H3, H4, H5 {
	margin: 0; padding: 0; line-height: 1;
}

input[type='text'], textarea {
	box-sizing: border-box;
}
input[type='text'] {
	
}
textarea {
	overflow: auto; resize: none;
}

a.button, button {
	background: #ee3322; height: 36px; border-radius: 5px; color: #fff; font-size: 15px; font-weight: 500;
}
a.button {
	display: inline-block; vertical-align: top; line-height: 36px; text-decoration: none; text-align: center;
}
button {
	cursor: pointer; border: 0; padding: 0;
}
a.button:hover, button:hover {
	background: #446cb3;
}

.title-box {
	position: relative; overflow: hidden; text-align: center;
}
.title-box > * {
	position: relative; display: inline-block; vertical-align: top; font-size: 55px; font-weight: 500; line-height: 1;
}
.title-box > *:after, 
.title-box > *:before {
	display: block; content: ''; width: 999px; height: 2px; background: #ee3322; position: absolute; right: 100%; margin-right: 55px; top: 26px;
}
.title-box > *:after {
	right: auto; left: 100%; margin: 0 0 0 55px;
}
/* end site style */


/* header
------------------------------------------------ */
.site-header {
	height: 114px;
}
.site-header:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.site-header .logo {
	position: relative; float: left; padding-top: 18px;
}
.site-header .logo span {
	display: block; position: absolute; left: 100%; margin-left: 18px; top: 61px; font-size: 19px; font-weight: 500; white-space: nowrap; line-height: 1;
}
.site-header .call {
	float: right; padding-top: 20px; text-align: center;
}
.site-header .call .phone {
	line-height: 1; font-size: 28px; font-weight: 500;
}
.site-header .call .phone a {
	color: #000; text-decoration: none;
}
.site-header .call .back {
	padding-top: 8px;
}
.site-header .call .back a {
	width: 224px;
}
/* end header */


/* step-1
------------------------------------------------ */
.step-1 {
	position: relative; min-width: 1220px; height: 536px; /*background: url(../i/step1-bg.jpg) center center no-repeat; 
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
	        background-size: cover;*/
}
.step-1 .media {
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;
}
.step-1 .title {
	padding-top: 128px; font-size: 70px; font-weight: 700; line-height: 1; text-transform: uppercase; color: #fff; text-shadow: 0px 0px 8px rgba(0, 0, 0, .7);
}
.step-1 .line {
	margin-top: 18px; width: 300px; height: 2px; background: #ee3322;
}
.step-1 .text {
	padding-top: 25px; font-size: 28px; text-transform: uppercase; color: #fff; text-shadow: 0px 0px 8px rgba(0, 0, 0, .7);
}
/* end step-1 */


/* step-2
------------------------------------------------ */
.step-2 {
	
}
.step-2 ul {
	padding-top: 58px; line-height: 0; font-size: 3px; text-align: justify;
}
.step-2 ul:after {
	content: ''; display: inline-block; height: 0px; overflow: hidden; visibility: hidden; width: 100%;
}
.step-2 li {
	line-height: 0; font-size: 0; vertical-align: top; display: inline-block;
}
.step-2 li .inner {
	font-size: 20px; font-weight: 500; line-height: 26px;
}
.step-2 li .icon {
	display: table-cell; vertical-align: middle; height: 56px;
}
.step-2 li .text {
	display: table-cell; vertical-align: middle; height: 56px; padding-left: 25px;
}
/* end step-2 */


/* step-3
------------------------------------------------ */
.step-3 {
	padding-top: 95px;
}
.step-3 .item {
	position: relative; padding-top: 55px;
}
.step-3 .item:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.step-3 .item .img {
	width: 678px; float: left;
}
.step-3 .item .img .big {
	display: table-cell; width: 678px; height: 416px; vertical-align: middle; text-align: center;
}
.step-3 .item .img .preview {
	position: relative;
}
.step-3 .item .img .preview:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.step-3 .item .img .preview a {
	display: block; border: 1px solid #b8b8b8; float: left; margin-left: 30px; width: 204px;
}
.step-3 .item .img .preview a.active {
	border-color: #ee3322;
}
.step-3 .item .img .preview a:first-child {
	margin-left: 0;
}
.step-3 .item .img .preview a span {
	display: table-cell; width: 204px; height: 204px; vertical-align: middle; text-align: center;
}
.step-3 .item .img .preview a span {
	max-width: 204px;
}
.step-3 .item .entry {
	width: 440px; float: right;
}
.step-3 .item .model {
	font-size: 27px; font-weight: 700; line-height: 1; text-transform: uppercase;
}
.step-3 .item .price {
	padding-top: 25px; line-height: 1;
}
.step-3 .item .price .old {
	display: inline; margin-right: 30px; font-size: 25px; color: #707070; text-decoration: line-through;
}
.step-3 .item .price .new {
	display: inline; font-size: 30px; color: #ee3322; font-weight: 700;
}
.step-3 .item ul {
	padding-top: 10px; font-size: 18px; line-height: 1;
}
.step-3 .item li {
	padding-top: 15px;
}
.step-3 .item li span {
	font-weight: 700;
}
.step-3 .item .bt {
	padding-top: 30px;
}
.step-3 .item .bt a {
	width: 224px;
}
/* end step-3 */


/* step-4
------------------------------------------------ */
.step-4 {
	padding-top: 95px;
}
.step-4 .block {
	position: relative; height: 484px; margin-top: 55px;
}
.step-4 .slides {
	position: absolute; width: 1926px; position: absolute; left: 50%; top: 0; margin-left: -963px;
}
.step-4 .item {
	position: absolute; cursor: pointer;
}
.step-4 .item:after {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: transparent;
}
.step-4 .item.active {
	cursor: default;
}
.step-4 .item.active:after {
	display: none;
}
.step-4 .item img {
	width: 100%;
}
.step-4 .item iframe, 
.step-4 .item object, 
.step-4 .item embed {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
/* end step-4 */


/* step-5
------------------------------------------------ */
.step-5 {
	position: relative; min-width: 1220px; padding-top: 95px;
}
.step-5 .block {
	min-width: 1220px; margin-top: 50px;
}
.step-5 .block .wrapper {
	height: 0; z-index: 10;
}
.step-5 .info {
	width: 460px; position: absolute; left: 10px; top: 200px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.4); padding: 0 20px 25px 27px; box-sizing: border-box; font-size: 18px;
}
.step-5 .info .item {
	position: relative; padding-left: 40px; margin-top: 25px;
}
.step-5 .info .item:after {
	display: block; content: ''; background: url(../i/step5-ic-1.png) no-repeat; width: 17px; height: 24px; position: absolute; left: 0px; top: 0px;
}
.step-5 .info .item-phone:after {
	background: url(../i/step5-ic-2.png) no-repeat; width: 24px; height: 24px; top: 1px;
}
.step-5 .map {
	min-width: 1220px; height: 550px;
}
/* end step-5 */


/* footer
------------------------------------------------ */
.site-footer {
	position: relative; min-width: 1220px;
}
.site-footer .head {
	height: 122px;
}
.site-footer .logo {
	float: left; padding-top: 34px; width: 411px;
}
.site-footer .menu {
	position: relative; float: left; padding-top: 48px; font-size: 18px; font-weight: 500; line-height: 1;
}
.site-footer .menu:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.site-footer .menu li {
	float: left; margin-left: 66px;
}
.site-footer .menu li:first-child {
	margin-left: 0;
}
.site-footer .menu li a {
	display: block; padding-bottom: 2px; color: #000; text-decoration: none;
}
.site-footer .menu li a:hover {
	border-bottom: 2px solid #ee3322;
}
.site-footer .social {
	float: right; padding-top: 28px; text-align: center;
}
.site-footer .social span {
	display: block; font-size: 17px; font-weight: 500; line-height: 1;
}
.site-footer .social div {
	position: relative; padding-top: 10px;
}
.site-footer .social div:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.site-footer .social a {
	display: block; float: left; width: 35px; height: 35px; background: url(../i/footer-social.png) no-repeat; margin: 0 10px;
}
.site-footer .social a.fb {
	background-position: -35px 0;
}
.site-footer .social a.in {
	background-position: -70px 0;
}
.site-footer .foot {
	min-width: 1220px; height: 60px; line-height: 60px; border-top: 2px solid #fe0000; text-align: center; font-size: 14px; font-weight: 500;
}
.site-footer .policy {
	display: inline;
}
.site-footer .policy a {
	color: #000; text-decoration: none;
}
.site-footer .policy a:hover {
	text-decoration: underline;
}
.site-footer .copy {
	position: relative; display: inline; padding-left: 15px; margin-left: 15px;
}
.site-footer .copy:after {
	display: block; content: ''; background: url(../i/footer-copy-ic.png) no-repeat; width: 10px; height: 10px; position: absolute; left: 0px; top: 50%; margin-top: -5px;
}
/* end footer */


/* ui-dialog
------------------------------------------------ */
.ui-dialog {
	position: absolute !important; z-index: 1000; background: #fff;
}
.ui-widget-overlay {
	background: rgba(0, 0, 0, .7); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;
}
.ui-dialog-titlebar {
	position: relative; height: 0; z-index: 5;
}
.ui-dialog-titlebar button {
	position: absolute; right: 30px; top: 30px; background: url(../i/ui-dialog-close.png) no-repeat; width: 15px; height: 15px; padding: 0;
}
.ui-dialog-titlebar button .ui-button-text {
	display: none;
}
/* end ui-dialog */


/* dialog form
------------------------------------------------ */
.ui-dialog-form {
	
}
.ui-dialog-form .title {
	padding-bottom: 5px; font-weight: 500; font-size: 25px;
}
.ui-dialog-form .item {
	padding-top: 20px;
}
.ui-dialog-form .item input[type=text] {
	padding: 0 15px; width: 408px; height: 44px; border: 1px solid #d1d1d1; box-shadow: 1px 2px 4px rgba(94,94,94,.18); font-size: 15px; color: #797878;
}
.ui-dialog-form .bt {
	padding-top: 20px;
}
.ui-dialog-form .bt button {
	width: 408px;
}
.ui-dialog-form .text {
	padding: 20px 70px 0; font-size: 12px; color: #797878;
}

.dialog-order, 
.dialog-callback {
	display: none; padding: 60px 0 30px; text-align: center;
}
/* end dialog form */