@font-face {
	font-family: 'SegoeUI';
	src: url('fonts/segoeui.eot');
	src: url('fonts/segoeui.eot?#iefix') format('embedded-opentype'),
		 url('fonts/segoeui.woff') format('woff'),
		 url('fonts/segoeui.ttf') format('truetype'),
		 url('fonts/segoeui.svg#segoeui') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family:'SegoeUI';
    src: url('fonts/Segoe UI Light.eot');
	src: url('fonts/Segoe UI Light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Segoe UI Light.woff2') format('woff2'),
		 url('fonts/Segoe UI Light.woff') format('woff'),
		 url('fonts/Segoe UI Light.ttf') format('truetype'),
		 url('fonts/Segoe UI Light.otf') format('opentype'),
		 url('fonts/Segoe UI Light.svg#Segoe UI Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-052E;
}
@font-face {
    font-family:'SegoeUI';
    src: url('fonts/Segoe UI Light Italic.eot');
	src: url('fonts/Segoe UI Light Italic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Segoe UI Light Italic.woff2') format('woff2'),
		 url('fonts/Segoe UI Light Italic.woff') format('woff'),
		 url('fonts/Segoe UI Light Italic.ttf') format('truetype'),
		 url('fonts/Segoe UI Light Italic.otf') format('opentype'),
		 url('fonts/Segoe UI Light Italic.svg#Segoe UI Light Italic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-052E;
}
@font-face {
    font-family:'SegoeUI';
    src: url('fonts/Segoe UI Semibold Italic.eot');
	src: url('fonts/Segoe UI Semibold Italic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Segoe UI Semibold Italic.woff2') format('woff2'),
		 url('fonts/Segoe UI Semibold Italic.woff') format('woff'),
		 url('fonts/Segoe UI Semibold Italic.ttf') format('truetype'),
		 url('fonts/Segoe UI Semibold Italic.otf') format('opentype'),
		 url('fonts/Segoe UI Semibold Italic.svg#Segoe UI Semibold Italic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-052E;
}
@font-face {
	font-family: 'SegoeUI';
	src: url('fonts/segoeuib.eot');
	src: url('fonts/segoeuib.eot?#iefix') format('embedded-opentype'),
		 url('fonts/segoeuib.woff') format('woff'),
		 url('fonts/segoeuib.ttf') format('truetype'),
		 url('fonts/segoeuib.svg#segoeuib') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
    font-family:'AchilleIICyrFY';
    src: url('fonts/Y Italic.eot');
	src: url('fonts/Y Italic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Y Italic.woff2') format('woff2'),
		 url('fonts/Y Italic.woff') format('woff'),
		 url('fonts/Y Italic.ttf') format('truetype'),
		 url('fonts/Y Italic.otf') format('opentype'),
		 url('fonts/Y Italic.svg#Y Italic') format('svg');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-0491;
}
@font-face {
    font-family:'AchilleIICyrFY';
    src: url('fonts/Y Medium.eot');
	src: url('fonts/Y Medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Y Medium.woff2') format('woff2'),
		 url('fonts/Y Medium.woff') format('woff'),
		 url('fonts/Y Medium.ttf') format('truetype'),
		 url('fonts/Y Medium.otf') format('opentype'),
		 url('fonts/Y Medium.svg#Y Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0491;
}
@font-face {
    font-family:'AchilleIICyrFY';
    src: url('fonts/Y MediumItalic.eot');
	src: url('fonts/Y MediumItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Y MediumItalic.woff2') format('woff2'),
		 url('fonts/Y MediumItalic.woff') format('woff'),
		 url('fonts/Y MediumItalic.ttf') format('truetype'),
		 url('fonts/Y MediumItalic.otf') format('opentype'),
		 url('fonts/Y MediumItalic.svg#Y MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-0491;
}
@font-face {
    font-family:'AchilleIICyrFY';
    src: url('fonts/Y Bold.eot');
	src: url('fonts/Y Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Y Bold.woff2') format('woff2'),
		 url('fonts/Y Bold.woff') format('woff'),
		 url('fonts/Y Bold.ttf') format('truetype'),
		 url('fonts/Y Bold.otf') format('opentype'),
		 url('fonts/Y Bold.svg#Y Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0491;
}
@font-face {
    font-family:'AchilleIICyrFY';
    src: url('fonts/Y BoldItalic.eot');
	src: url('fonts/Y BoldItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Y BoldItalic.woff2') format('woff2'),
		 url('fonts/Y BoldItalic.woff') format('woff'),
		 url('fonts/Y BoldItalic.ttf') format('truetype'),
		 url('fonts/Y BoldItalic.otf') format('opentype'),
		 url('fonts/Y BoldItalic.svg#Y BoldItalic') format('svg');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-0491;
}
@font-face {
    font-family:'AchilleIICyrFY';
    src: url('fonts/Y Black.eot');
	src: url('fonts/Y Black.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Y Black.woff2') format('woff2'),
		 url('fonts/Y Black.woff') format('woff'),
		 url('fonts/Y Black.ttf') format('truetype'),
		 url('fonts/Y Black.otf') format('opentype'),
		 url('fonts/Y Black.svg#Y Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0491;
}
@font-face {
	font-family: 'AnastasiaScript';
	src: url('fonts/subset-AnastasiaScript.eot');
	src: url('fonts/subset-AnastasiaScript.eot?#iefix') format('embedded-opentype'),
		 url('fonts/subset-AnastasiaScript.woff2') format('woff2'),
		 url('fonts/subset-AnastasiaScript.woff') format('woff'),
		 url('fonts/subset-AnastasiaScript.ttf') format('truetype'),
		 url('fonts/subset-AnastasiaScript.svg#AnastasiaScript') format('svg');
	font-weight: normal;
	font-style: normal;
}

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: 320px; min-height: 100%;
}
body {
	position: relative; background: #fff; font-family: 'SegoeUI'; font-size: 16px; 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: 'SegoeUI';
}
button::-moz-focus-inner {
    padding: 0; border: 0;
}
button {
	*overflow: visible;
}
label {
	cursor: pointer;
}
a {
	color: #722d67;
}
a:hover {
	text-decoration: none;
}
.clear_fix {
	clear: both; display: block; height: 0;
}
.hidden {
	display: none;
}
.wrapper {
	position: relative; min-width: 300px; max-width: 1140px; margin: 0 auto; padding: 0 10px;
}


/* site style
------------------------------------------------ */
.viewport-wrapper {
	position: relative; min-width: 320px; max-width: 1920px; margin: auto; overflow: hidden; box-shadow: 0px 0px 35px rgba(0,0,0,.3); padding-top: 50px;
}

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; vertical-align: top;
}

button {
	cursor: pointer; border: 0; padding: 0;
}

.dib {
	display: inline-block; vertical-align: baseline;
}

.timer-box .ttl {
	padding-top: 20px; font-size: 24px; color: #6c2b63; line-height: 1;
}
.timer-box .box {
	position: relative; width: 299px; margin: 15px auto 0; font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
}
.timer-box .box:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.timer-box .item {
	width: 56px; float: left;
}
.timer-box .item .n {
	height: 50px; line-height: 50px; border: 3px solid #bccf02; border-radius: 100%; color: #000; font-weight: 700; font-size: 30px;
}
.timer-box .item .t {
	padding-top: 3px; font-size: 18px; font-style: italic; color: #000;
}
.timer-box .sep {
	width: 25px; float: left; line-height: 56px; font-size: 30px; font-weight: 700; color: #236d45;
}

.slick-list {
	position: relative; overflow: hidden;
}
.slick-track {
	position: relative;
}

.mobile-menu {
	position: fixed; left: 0px; top: 0px; width: 100%; z-index: 100;
}
.mobile-menu .inner {
	height: 50px; background: rgba(0, 0, 0, .5); box-shadow: 0 2px 3px rgba(9,9,9,.32);
}
.mobile-menu ul {
	line-height: 0; font-size: 3px; text-align: justify;
}
.mobile-menu ul:after {
	content: ''; display: inline-block; height: 0px; overflow: hidden; visibility: hidden; width: 100%;
}
.mobile-menu li {
	padding-top: 12px; line-height: 0; font-size: 0; vertical-align: middle; text-align: center; display: inline-block;
}
.mobile-menu li a {
	line-height: 1; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #fff; text-decoration: none;
}
.mobile-menu li.active a {
	color: #bccf02;
}
.mobile-menu li a u {
	display: inline-block; vertical-align: middle; text-decoration: none; border-bottom: 1px dashed currentColor;
}
.mobile-menu li a:hover u {
	border-color: transparent;
}
.mobile-menu li a:after {
	display: inline-block; content: ''; background: url(../i/mm-arr.png) no-repeat; width: 9px; height: 9px; vertical-align: middle; margin-left: 4px;
}
.mobile-menu li.active a:after {
	background-position: 0 -9px;
}
.mobile-menu .roll {
	display: none; position: absolute; right: 10px; top: 100%; background: #722d67; padding: 0 14px; height: 28px; line-height: 24px; margin: auto; cursor: pointer; border-radius: 0 0 6px 6px; 
	color: #fff; font-size: 18px;
}
/* end site style */


/* step-1
------------------------------------------------ */
.step-1 {
	position: relative; min-width: 320px; height: 748px;
}
.step-1 .bg {
	position: absolute; left: 0; right: 0; top: 0; background: url(../i/step1-bg.jpg) center top no-repeat; height: 829px;
}
.step-1 .top {
	position: relative; min-width: 320px; height: 116px; z-index: 50;
}
.step-1 .top .wrapper:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.step-1 .logo {
	position: absolute; left: 14.4%; top: 4px;
}
.step-1 .r {
	float: right;
}
.step-1 .phone {
	margin: 52px 0 0; float: left;
}
.step-1 .phone a {
	display: block; font-size: 40.42px; font-weight: 900; text-decoration: none; font-family: 'AchilleIICyrFY'; line-height: 1;
}
.step-1 .phone a span {
	font-size: 29.64px;
}
.step-1 .callback {
	position: relative; float: left; margin: 57px 0 0 26px; padding-left: 26px;
}
.step-1 .callback:after {
	display: block; content: ''; background: url(../i/header-phone-ic.png) no-repeat; width: 22px; height: 34px; position: absolute; left: 0px; top: 2px;
}
.step-1 .callback a {
	display: block; width: 182px; height: 31px; line-height: 31px; background-color: #d4e93a; box-shadow: inset 0 0 7px rgba(198,219,41,.4); border: 1px solid #b4c91a; border-radius: 20px; 
	font-size: 17px; color: #086332; text-decoration: none; text-align: center; text-transform: uppercase; 
	background-image: -webkit-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -moz-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -o-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -ms-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: linear-gradient(to top, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
}
.step-1 .bot {
	position: relative; min-width: 320px;
}
.step-1 .basic {
	position: relative; padding-top: 133px; width: 650px; text-align: center; font-family: 'AchilleIICyrFY';
}
.step-1 .intro {
	background: url(../i/step1-el-1.png) center top no-repeat; padding-top: 45px; font-size: 72px; color: #897e64; font-weight: 500;
}
.step-1 .subtitle {
	padding-top: 10px; font-size: 65px; color: #8e2679; font-weight: 500; text-transform: uppercase;
}
.step-1 .sign {
	background: url(../i/step1-el-2.png) center bottom no-repeat; padding-bottom: 55px; font-size: 48px; color: #897e64; font-weight: 500;
}
.step-1 .text {
	width: 680px; margin-top: 40px; font-size: 27px; color: #fff; font-weight: 500; font-family: 'AchilleIICyrFY'; font-style: italic; text-align: center; text-shadow: 1px 1px 1px rgba(96,96,95,.75); white-space: nowrap;
}
.step-1 .text div {
	margin-top: 15px;
}
.step-1 .text div:first-child {
	margin-top: 0;
}
.step-1 .text div span {
	position: relative; display: inline-block; vertical-align: top; padding-left: 30px;
}
.step-1 .text div span:after {
	display: block; content: ''; background: url(../i/step1-leaf.png) no-repeat; width: 27px; height: 26px; position: absolute; left: 0px; top: 0px;
}
.step-1 .app {
	width: 454px; height: 454px; position: absolute; left: 686px; top: 75px; background: #fff url(../i/step1-app-c.jpg) center center no-repeat; box-shadow: 1px 1px 29px rgba(96,96,95,.75); border-radius: 100%; text-align: center;
}
.step-1 .app .ttl {
	padding-top: 90px; font-size: 36px; text-transform: uppercase; line-height: 1; font-weight: 700; font-family: 'AchilleIICyrFY';
}
.step-1 .app .txt {
	padding-top: 13px; font-size: 18px; line-height: 20px; color: #000; font-family: 'AchilleIICyrFY'; font-style: italic;
}
.step-1 .app .form {
	position: relative; width: 296px; margin: auto; padding-top: 13px;
}
.step-1 .app .item {
	margin-top: 11px;
}
.step-1 .app .item:first-child {
	margin-top: 0;
}
.step-1 .app .bt {
	margin-top: 16px;
}
.step-1 .app input[type=text] {
	border: 3px solid #d0db62; padding: 0 15px; width: 100%; height: 41px; border-radius: 14px/15px 15px 14px 14px; font-size: 18px; font-style: italic; color: #7a7a7a; font-family: 'AchilleIICyrFY';
}
.step-1 .app button {
	position: relative; width: 192px; height: 40px; box-shadow: inset 0 0 7px rgba(198,219,41,.4); border: 1px solid #b4c91a; border-radius: 13px; background-color: #c4d926; padding: 0; 
	font-size: 18px; font-family: 'AchilleIICyrFY'; font-weight: 500; 
	background-image: -webkit-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -moz-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -o-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -ms-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: linear-gradient(to top, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
}
.step-1 .app button:after {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #fff; border-radius: 13px;
}
/* end step-1 */


/* step-2
------------------------------------------------ */
.step-2 {
	position: relative; min-width: 320px; height: 597px; background: url(../i/step2-bg.png) center top no-repeat; text-align: center;
}
.step-2 .wrapper {
	padding-top: 47px;
}
.step-2 .title {
	position: relative; font-size: 70px; color: #bccf02; font-weight: 700; font-family: 'AchilleIICyrFY'; font-style: italic; line-height: 1; text-shadow: 1px 1px #245239; letter-spacing: -1px;
}
.step-2 .title:after {
	display: block; content: ''; background: url(../i/step2-title-bg.png) center top no-repeat; height: 34px; position: absolute; left: 0; right: 0; top: 32px;
}
.step-2 .title span {
	position: relative;
}
.step-2 .text {
	position: relative; max-width: 780px; margin: 23px auto 0; font-size: 32px; color: #fff; font-style: italic; font-family: 'AchilleIICyrFY'; text-shadow: 1px 1px 1px rgba(96,96,95,.75); line-height: 48px;
}
.step-2 .timer-box {
	position: relative; background: url(../i/step2-timer-bg.png) center top no-repeat; width: 510px; height: 162px; margin: 24px auto 0;
}
.step-2 .bt {
	padding-top: 42px;
}
.step-2 .bt a {
	display: inline-block; vertical-align: top; width: 316px; height: 75px; line-height: 73px; border: 1px solid #a6c11c; border-radius: 40px; background-color: #a9c827; box-shadow: inset 0 0 7px rgba(198,219,41,.4); 
	font-size: 31.33px; color: #000; text-decoration: none; font-weight: 500; font-family: 'AchilleIICyrFY'; 
	background-image: -webkit-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -moz-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -o-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -ms-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: linear-gradient(to top, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
}
/* end step-2 */


/* step-3
------------------------------------------------ */
.step-3 {
	position: relative; min-width: 320px; padding: 75px 0 117px; background: url(../i/step3-bg.png) repeat; text-align: center;
}
.step-3 .subtitle {
	background: url(../i/step3-line.png) center bottom no-repeat; padding-bottom: 50px; 
	font-size: 62px; color: #bcd428; font-weight: 700; text-transform: uppercase; line-height: 1; font-family: 'AchilleIICyrFY'; text-shadow: 1px 1px 1px rgba(96,96,95,.75); letter-spacing: -1px;
}
.step-3 ul {
	position: relative; max-width: 952px; margin: auto;
}
.step-3 li {
	display: inline-block; vertical-align: top; width: 264px; height: 264px; margin: 90px 80px 0 0; color: #236d45; font-style: italic; font-family: "Times New Roman", Times, Baskerville, Georgia, serif; line-height: 1;
}
.step-3 li:nth-child(3n+3) {
	margin-right: 0;
}
.step-3 li .icon {
	position: relative; height: 160px;
}
.step-3 li .icon:before {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; height: 264px; background: rgba(139,105,130,.26); border-radius: 100%;
}
.step-3 li .icon span {
	position: relative; display: block;
}
.step-3 li .icon span img {

}
.step-3 li .title {
	font-size: 28px;
}
.step-3 .outro {
	padding: 70px 0 34px; background: url(../i/step3-line.png) center bottom no-repeat; font-size: 24px; font-weight: 500; color: #356c46; font-family: 'AchilleIICyrFY';
}
/* end step-3 */


/* step-4
------------------------------------------------ */
.step-4 {
	position: relative; min-width: 320px; background: url(../i/step4-bg.jpg) center center repeat;
}
.step-4 .wrapper {
	padding-top: 115px; padding-bottom: 56px;
}
.step-4 .subtitle {
	position: absolute; left: 50%; top: -65px; margin-left: -322.5px; background: url(../i/step4-st-bg.png?2) no-repeat; width: 645px; height: 130px; line-height: 128px; 
	font-family: 'AchilleIICyrFY'; /*font-size: 66px; */font-size: 58px; font-weight: 500; color: #fff; font-style: italic; text-shadow: 1px 1px rgba(96,96,95,.63); text-align: center; letter-spacing: -3px;
}
.step-4 .tab {
	
}
.step-4 .tab ul {
	text-align: justify; line-height: 0; font-size: 3px; text-justify: newspaper; text-align-last: justify;
}
.step-4 .tab ul:after {
	content: ''; display: inline-block; height: 0px; overflow: hidden; visibility: hidden; width: 100%;
}
.step-4 .tab li {
	display: inline-block; vertical-align: middle; line-height: 0; font-size: 0; text-align: center;
}
.step-4 .tab li a {
	position: relative; display: block; border-bottom: 2px dashed #c693c2; padding: 4px 0 4px; font-size: 16px; line-height: 1; font-weight: 500; color: #63085c; text-decoration: none; font-family: 'AchilleIICyrFY';
}
.step-4 .tab li a:hover {
	border-color: transparent;
}
.step-4 .tab li.active a {
	padding: 0; border-bottom: 2px solid #a8869f; font-size: 24px;
}
.step-4 .tab li.active a:after {
	display: block; content: ''; background: url(../i/step4-tab-el.png?2) no-repeat; width: 48px; height: 14px; position: absolute; left: 50%; margin: 7px 0 0 -24px; top: 100%;
}
.step-4 .grid {
	position: relative; margin-top: 33px; width: 1180px; left: -15px;
}
.step-4 .grid:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.step-4 .grid-sizer {
	width: 5px;
}
.step-4 .grid-item {
	position: relative; float: left; margin: 10px 10px 0 0; width: 285px; height: 190px;
}
.step-4 .grid-item-height2 {
	height: 390px;
}
.step-4 .grid-item {
	
}
.step-4 .grid-item img {
	width: 100%; height: 100%;
}
.step-4 .grid-item .app {
	border: 1px solid #823878; position: absolute; left: 8px; right: 8px; top: 8px; bottom: 8px; text-align: center; font-family: 'AchilleIICyrFY';
}
.step-4 .grid-item .text {
	padding-top: 20px; font-size: 18px; font-style: italic;
}
.step-4 .grid-item .bt {
	padding-top: 18px;
}
.step-4 .grid-item .bt a {
	position: relative; display: inline-block; vertical-align: top; width: 226px; height: 46px; line-height: 46px; border: 1px solid #b4c91a; box-shadow: inset 0 0 7px rgba(198,219,41,.4); border-radius: 16px; background-color: #c3d825; 
	font-size: 22px; font-weight: 500; color: #000; text-decoration: none; 
	background-image: -webkit-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -moz-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -o-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -ms-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: linear-gradient(to top, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
}
.step-4 .grid-item .bt a:after {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #fff; border-radius: 16px;
}
.step-4 .all {
	position: relative; margin-top: 60px; text-align: center;
}
.step-4 .all a {
	position: relative; display: inline-block; vertical-align: top; background: url(../i/step4-all-bg.png) repeat-x; padding: 0 10px; 
	font-size: 24px; color: #4f5810; font-style: italic; text-decoration: none; font-family: 'AchilleIICyrFY';
}
.step-4 .all a:before {
	display: block; content: ''; background: url(../i/step4-all-l.png) no-repeat; width: 40px; height: 66px; position: absolute; right: 100%; top: 0;
}
.step-4 .all a:after {
	display: block; content: ''; background: url(../i/step4-all-r.png) no-repeat; width: 42px; height: 66px; position: absolute; left: 100%; top: 0;
}
.step-4 .all a span {
	display: table-cell; height: 66px; vertical-align: middle;
}
/* end step-4 */


/* step-5
------------------------------------------------ */
.step-5 {
	position: relative; min-width: 320px; padding-bottom: 42px; background: url(../i/step5-bg.jpg?2) center top no-repeat; -webkit-background-size: cover; background-size: cover; text-align: center;
}
.step-5:before {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 10px; height: 9px; background: #fff;
}
.step-5 .wrapper {
	padding-top: 55px;
}
.step-5 .subtitle {
	background: url(../i/step5-st-bg.png?2) 50% 96% no-repeat; font-size: 72px; color: #fff; font-family: 'AchilleIICyrFY'; font-style: italic; line-height: 1; text-shadow: 1px 1px rgba(96,96,95,.63);
}
.step-5 .text {
	position: relative; max-width: 700px; margin: 23px auto 0; font-size: 32.59px; line-height: 48px; color: #fff; font-style: italic; font-family: 'AchilleIICyrFY'; text-shadow: 1px 1px 1px rgba(96,96,95,.75);
}
.step-5 .timer-box {
	position: relative; background: url(../i/step5-timer-bg.png) center top no-repeat; width: 527px; height: 172px; margin: 26px auto 0;
}
.step-5 .timer-box .ttl {
	padding-top: 23px; color: #000;
}
.step-5 .bt {
	padding-top: 36px; text-align: center;
}
.step-5 .bt a {
	display: inline-block; vertical-align: top; width: 316px; height: 75px; line-height: 75px; border: 1px solid #b4c91a; box-shadow: inset 0 0 7px rgba(198,219,41,.4); background-color: #c3d825; border-radius: 40px; 
	font-size: 30px; font-weight: 500; color: #323232; text-decoration: none; font-weight: 500; font-family: 'AchilleIICyrFY'; 
	background-image: -webkit-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -moz-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -o-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -ms-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: linear-gradient(to top, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
}
/* end step-5 */


/* step-6
------------------------------------------------ */
.step-6 {
	position: relative; min-width: 320px; height: 802px; background: url(../i/step6-bg.jpg?2) center top no-repeat;
}
.step-6:before {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 10px; height: 9px; background: #fff;
}
.step-6 .subtitle {
	padding-top: 76px; font-size: 54px; font-weight: 700; color: #bcd428; text-transform: uppercase; line-height: 1; font-family: 'AchilleIICyrFY'; text-align: center; text-shadow: 1px 1px 1px rgba(96,96,95,.75); letter-spacing: -1px;
}
.step-6 ul {
	max-width: 750px; margin-top: 50px;
}
.step-6 li {
	margin-top: 35px;
}
.step-6 li:first-child {
	margin-top: 0;
}
.step-6 li .icon {
	display: table-cell; vertical-align: top; width: 100px;
}
.step-6 li .entry {
	display: table-cell; vertical-align: top;
}
.step-6 li .title {
	font-size: 24px; color: #bcd428; font-weight: 700; text-transform: uppercase; font-family: 'AchilleIICyrFY';
}
.step-6 li .text {
	color: #fff;
}
/* end step-6 */


/* step-7
------------------------------------------------ */
.step-7 {
	position: relative; min-width: 320px; padding: 80px 0 70px; background: url(../i/step7-bg.png) center bottom repeat-x;
}
.step-7:before {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 9px; height: 3px; background: #c5dc3d;
}
.step-7 .subtitle {
	background: url(../i/step7-st-bg.png?2) center bottom no-repeat; padding: 0 0 3px 6px; font-size: 50px; font-weight: 500; color: #2c4a1a; line-height: 1; text-transform: uppercase; font-family: 'AchilleIICyrFY'; text-align: center;
}
.step-7 ul {
	position: relative; margin-top: 52px;
}
.step-7 ul:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.step-7 li {
	width: 25%; float: left; padding: 0 5px; box-sizing: border-box; text-align: center;
}
.step-7 li img {
	border-radius: 100%; box-shadow: 1px 1px 1px rgba(96,96,95,.2); max-width: 100%;
}
/* end step-7 */


/* step-8
------------------------------------------------ */
.step-8 {
	position: relative; min-width: 320px; background: url(../i/step8-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; margin-top: 13px;
}
.step-8 .subtitle {
	padding-top: 35px; font-size: 60px; font-weight: 400; color: #b43d75; line-height: 1; font-family: 'AchilleIICyrFY'; text-align: center;
}
.step-8 .slider {
	position: relative; padding: 0 55px;
}
.step-8 .list {
	position: relative;
}
.step-8 .list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.step-8 .item {
	position: relative; width: 292px; margin: 75px 25px 46px; float: left;
}
.step-8 .item .inner {
	position: relative; background: rgba(181,61,118,.68); border: 1px solid #c1a662;
}
.step-8 .item .inner:after {
	display: block; content: ''; background: url(../i/step8-quote.png) no-repeat; width: 49px; height: 37px; position: absolute; right: 2px; bottom: -25px;
}
.step-8 .item .photo {
	position: absolute; left: 0; right: 0; top: -60px; text-align: center;
}
.step-8 .item .photo img {
	border-radius: 100%; width: 160px; height: 160px; border: 7px solid #fff;
}
.step-8 .item .author {
	padding-top: 120px; font-size: 16px; color: #631037; font-weight: 600; font-style: italic; text-align: center;
}
.step-8 .item .text {
	padding: 5px 10px 25px 30px; color: #fff; line-height: 24px; font-style: italic; font-weight: 300;
}
.step-8 .arr-l, 
.step-8 .arr-r {
	background: url(../i/step8-arr.png?2) no-repeat; width: 18px; height: 36px; cursor: pointer; position: absolute; left: 20px; top: 220px;
}
.step-8 .arr-r {
	background-position: -18px 0; left: auto; right: 20px;
}
/* end step-8 */


/* step-9
------------------------------------------------ */
.step-9 {
	position: relative; min-width: 320px; height: 867px; margin-top: 14px;
}
.step-9 .bg {
	position: absolute; left: 0; right: 0; top: 120px; bottom: 0; background: url(../i/step9-bg.jpg) center center no-repeat;
}
.step-9 .subtitle {
	position: relative; background: #795371; padding: 0 10px; height: 120px; line-height: 1; font-size: 56px; color: #bcd428; font-weight: 400; font-style: italic; text-transform: uppercase; font-family: 'AchilleIICyrFY'; text-align: center; text-shadow: 1px 2px #473041;
}
.step-9 .subtitle:after {
	display: block; content: ''; background: url(../i/step9-st-arr.png?2) repeat-x; height: 11px; position: absolute; left: 0; right: 0; top: 100%;
}
.step-9 .subtitle span {
	display: table-cell; width: 9999px; height: 120px; vertical-align: middle; text-align: center;
}
.step-9 .app {
	position: relative; margin: 87px auto 0; width: 588px; height: 588px; background: #fff url(../i/step9-app-c.jpg) center center no-repeat; border-radius: 100%; box-shadow: 1px 1px 29px rgba(96,96,95,.75); text-align: center;
}
.step-9 .app .title {
	padding-top: 120px; font-size: 41px; font-weight: 700; text-transform: uppercase; font-family: 'AchilleIICyrFY'; line-height: 1;
}
.step-9 .app .text {
	padding-top: 15px; font-size: 21px; font-style: italic; font-family: 'AchilleIICyrFY'; line-height: 24px;
}
.step-9 .app .form {
	position: relative; max-width: 350px; margin: 17px auto 0;
}
.step-9 .app .item {
	margin-top: 13px;
}
.step-9 .app .item:first-child {
	margin-top: 0;
}
.step-9 .app .bt {
	margin-top: 19px;
}
.step-9 .app input[type=text] {
	width: 100%; height: 49px; border: 3px solid #d0db62; border-radius: 17px; padding: 0 15px; 
	font-size: 22px; color: #7a7a7a; font-style: italic; font-family: 'AchilleIICyrFY';
}
.step-9 .app button {
	position: relative; width: 230px; height: 48px; border: 1px solid #b4c91a; background-color: #c3d825; box-shadow: inset 0 0 7px rgba(198,219,41,.4); border-radius: 16px; 
	font-size: 22px; font-weight: 500; color: #000; font-family: 'AchilleIICyrFY'; 
	background-image: -webkit-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -moz-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -o-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -ms-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: linear-gradient(to top, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
}
.step-9 .app button:after {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #fff; border-radius: 16px;
}
/* end step-9 */


/* step-10
------------------------------------------------ */
.step-10 {
	position: relative; margin-top: 18px; padding: 38px 0 80px; min-width: 320px; background: url(../i/step10-bg.jpg) center center repeat; text-align: center;
}
.step-10 .subtitle {
	padding-right: 20px; font-size: 86px; color: #91396f; line-height: 1; font-family: 'AnastasiaScript';
}
.step-10 .text-1 {
	padding-top: 10px; color: #cb9bbd; font-weight: 500; font-size: 34px; font-family: 'AchilleIICyrFY'; letter-spacing: -1px;
}
.step-10 .text-2 {
	padding-top: 35px; margin-top: 30px; background: url(../i/step10-line.png?2) center top no-repeat; color: #505050; font-weight: 500; font-size: 20px; font-family: 'AchilleIICyrFY';
}
.step-10 ul {
	padding-top: 30px;
}
.step-10 li {
	margin-top: 15px;
}
.step-10 li:first-child {
	margin-top: 0;
}
.step-10 li .title {
	/*position: relative; width: 183px; height: 38px; background: url(../i/step10-titles.png) no-repeat; margin: auto; */font-size: 36px; color: #91396f; font-family: 'AnastasiaScript';
}
/*.step-10 li.p-2 .title {
	background-position: -190px 0; width: 178px;
}
.step-10 li.p-3 .title {
	background-position: -380px 0; width: 165px;
}
.step-10 li.p-4 .title {
	background-position: -560px 0; width: 187px;
}
.step-10 li.p-5 .title {
	background-position: -760px 0; width: 148px;
}
.step-10 li.p-6 .title {
	background-position: -920px 0; width: 178px;
}
.step-10 li .title span {
	opacity: 0;
}*/
.step-10 li .text {
	margin-top: 5px; text-align: left; color: #616363;
}
/* end step-10 */


/* step-11
------------------------------------------------ */
.step-11 {
	position: relative; min-width: 320px; margin-top: 11px;
}
.step-11 .box {
	position: absolute; left: 50%; margin-left: -570px; top: -1px; z-index: 55; background: url(../i/step11-box-bg.png?2) no-repeat; width: 362px; height: 368px; text-align: center; font-family: 'AchilleIICyrFY';
}
.step-11 .title {
	padding-top: 44px; font-size: 44px; color: #91396f; font-weight: 500; line-height: 1;
}
.step-11 .addr {
	background: url(../i/step11-line.png?2) center top no-repeat; padding-top: 19px; margin-top: 20px; font-size: 28px; color: #fff;
}
.step-11 .time {
	padding-top: 14px; font-size: 22px; color: #91396f;
}
.step-11 .map {
	min-width: 320px; height: 428px;
}
/* end step-11 */


/* footer
------------------------------------------------ */
.site-footer {
	position: relative; min-width: 320px;
}
.site-footer .top {
	height: 192px;
}
.site-footer .top:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.site-footer .logo {
	margin: 20px 0 0 35px; float: left; width: 35%;
}
.site-footer .text {
	float: left; margin: 53px 0 0; font-size: 24px; font-weight: 300; color: #086332; text-align: center;
}
.site-footer .text .year {
	font-size: 30px;
}
.site-footer .text .year span {
	position: relative; display: inline-block; vertical-align: top;
}
.site-footer .text .year span:before, 
.site-footer .text .year span:after {
	display: block; content: ''; background: url(../i/footer-leaf-1.png) no-repeat; width: 27px; height: 26px; position: absolute; right: 100%; top: 6px; margin-right: 13px;
}
.site-footer .text .year span:after {
	background: url(../i/footer-leaf-2.png) no-repeat; right: auto; left: 100%; margin: 0 0 0 9px; top: 8px;
}
.site-footer .call {
	float: right; margin-top: 66px; text-align: center;
}
.site-footer .call .phone {
	font-size: 30px; line-height: 1; font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.site-footer .call .phone a {
	color: #086332; text-decoration: none;
}
.site-footer .call .back {
	position: relative; display: inline-block; vertical-align: top; margin-top: 10px; padding-left: 26px;
}
.site-footer .call .back:after {
	display: block; content: ''; background: url(../i/header-phone-ic.png) no-repeat; width: 22px; height: 34px; position: absolute; left: 0px; top: 2px;
}
.site-footer .call .back a {
	display: block; width: 182px; height: 31px; line-height: 31px; background-color: #d4e93a; box-shadow: inset 0 0 7px rgba(198,219,41,.4); border: 1px solid #b4c91a; border-radius: 20px; 
	font-size: 17px; color: #086332; text-decoration: none; text-align: center; text-transform: uppercase; 
	background-image: -webkit-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -moz-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -o-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -ms-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: linear-gradient(to top, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
}
.site-footer .bot {
	min-width: 320px; height: 50px; line-height: 50px; background: #a25986; text-align: center;
}
.site-footer .copy {
	font-size: 14px; font-weight: 300; color: #fff;
}
/* end footer */


/* ui-dialog
------------------------------------------------ */
.ui-dialog {
	position: absolute !important; z-index: 1000; background: #fff;
}
.ui-widget-overlay {
	background: rgba(0,0,0,.79); 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-close {
	position: absolute; left: 100%; margin-left: 2px; top: 2px; background: url(../i/ui-dialog-close.png) no-repeat !important; width: 25px; height: 25px; padding: 0; border: 0;
}
/* end ui-dialog */


/* dialog thank
------------------------------------------------ */
.dialog-thank {
	display: none; padding: 40px 20px 40px; text-align: center;
}
.dialog-thank .title {
	font-size: 38px; font-family:'AchilleIICyrFY'; font-weight: 700; text-transform: uppercase; line-height: 1;
}
.dialog-thank .text {
	padding-top: 20px; font-size: 20px;
}
/* end thank */


/* dialog form
------------------------------------------------ */
.ui-dialog-form {
	background: #fff url(../i/ui-form-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;
}
.ui-dialog-form:before {
	display: block; content: ''; position: absolute; left: 17px; right: 17px; top: 17px; bottom: 17px; border: 4px solid #a0cb35;
}
.ui-dialog-form .ui-dialog-content {
	position: relative; padding: 60px 15px 50px; text-align: center;
}
.ui-dialog-form .title {
	font-size: 38px; font-family:'AchilleIICyrFY'; font-weight: 700; text-transform: uppercase; line-height: 1;
}
.ui-dialog-form .text {
	padding-top: 20px; font-size: 22px; font-family:'AchilleIICyrFY'; font-style: italic;
}
.ui-dialog-form .form {
	position: relative; max-width: 350px; margin: auto; padding-top: 30px;
}
.ui-dialog-form .form .item {
	margin-top: 13px;
}
.ui-dialog-form .form .item:first-child {
	margin-top: 0;
}
.ui-dialog-form .form .bt {
	position: relative; margin: 28px auto 0; max-width: 250px;
}
.ui-dialog-form .form input[type=text] {
	background: none; width: 100%; height: 49px; border: 1px solid #5a9776; border-radius: 17px; padding: 0 20px; 
	font-size: 22px; color: #7a7a7a; font-style: italic; font-family:'AchilleIICyrFY';
}
.ui-dialog-form .form button {
	position: relative; background-color: #c3d825; width: 100%; height: 52px; border-radius: 17px; box-shadow: inset 0 0 7px rgba(198,219,41,.4); border: solid 1px #b4c91a; 
	font-family:'AchilleIICyrFY'; font-size: 24px; font-weight: 500; color: #000; 
	background-image: -webkit-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -moz-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -o-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -ms-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: linear-gradient(to top, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
}
.ui-dialog-form .form button:after {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #fff; border-radius: 17px;
}

.dialog-callback {
	display: none;
}
/* end form */


/* dialog object
------------------------------------------------ */
.ui-dialog-object {
	background: none; padding: 10px 0;
}
.dialog-object {
	display: none; padding: 18px; background: #fff url(../i/ui-object-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;
}
.dialog-object:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.dialog-object .img {
	width: 590px; float: left;
}
.dialog-object .big {
	position: relative; overflow: hidden;
}
.dialog-object .big .list {
	position: relative; width: 999999px;
}
.dialog-object .big .list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.dialog-object .big .item {
	float: left;
}
.dialog-object .big .item img {

}
.dialog-object .big .arr-l, 
.dialog-object .big .arr-r {
	background: url(../i/ui-object-arr.png) no-repeat; width: 52px; height: 52px; cursor: pointer; position: absolute; left: 10px; top: 50%; margin-top: -26px;
}
.dialog-object .big .arr-r {
	background-position: -52px 0; left: auto; right: 10px;
}
.dialog-object .preview {
	position: relative; overflow: hidden; margin: 18px 0 0 -12px;
}
.dialog-object .preview .list {
	position: relative; width: 99999px;
}
.dialog-object .preview .list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.dialog-object .preview .item {
	width: 138px; float: left; margin-left: 12px; cursor: pointer;
}
.dialog-object .preview .item img {
	width: 100%;
}
.dialog-object .app {
	width: 430px; float: right; box-sizing: border-box; border: 1px solid rgba(255,255,255,.4); padding: 0 10px; text-align: center;
}
.dialog-object .app .title {
	padding-top: 40px; font-size: 38px; font-family:'AchilleIICyrFY'; text-transform: uppercase; font-weight: 700; line-height: 1;
}
.dialog-object .app .text {
	padding-top: 30px; font-size: 18px; font-family:'AchilleIICyrFY'; font-style: italic; line-height: 24px;
}
.dialog-object .app .form {
	position: relative; max-width: 350px; margin: auto; padding: 30px 0;
}
.dialog-object .app .item {
	margin-top: 13px;
}
.dialog-object .app .item:first-child {
	margin-top: 0;
}
.dialog-object .app .bt {
	margin-top: 38px;
}
.dialog-object .app input[type=text] {
	border-radius: 17px; border: 2px solid #fff; background-color: rgba(255,255,255,.51); width: 100%; height: 49px; padding: 0 18px; 
	font-size: 22px; color: #7a7a7a; font-family:'AchilleIICyrFY'; font-style: italic;
}
.dialog-object .app button {
	position: relative; background-color: #c3d825; width: 250px; height: 52px; border-radius: 17px; box-shadow: inset 0 0 7px rgba(198,219,41,.4); border: solid 1px #b4c91a; 
	font-family:'AchilleIICyrFY'; font-size: 24px; font-weight: 500; color: #000; 
	background-image: -webkit-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -moz-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -o-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: -ms-linear-gradient(bottom, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
	background-image: linear-gradient(to top, #def246, #c3d825 50%, #d1e637 50%, #eaf2b1);
}
.dialog-object .app button:after {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #fff; border-radius: 17px;
}
/* end object */


@media screen and (max-width:1176px){
	
	.step-1 .basic {width: 58%}
	.step-1 .intro {font-size: 64px}
	.step-1 .subtitle {font-size: 64px}
	.step-1 .sign {font-size: 40px}
	.step-1 .text {width: 56%}
	.step-1 .app {left: auto; right: 10px}

	.step-4 .tab li a {padding-bottom: 3px; border-width: 1px; font-size: 14px}
	.step-4 .tab li.active a {font-size: 20px}
	.step-4 .grid {width: 885px; left: -0px; padding-left: 10px; margin-left: auto; margin-right: auto}

	.step-8 .slider {padding: 0 30px}
	.step-8 .item {margin-left: 10px; margin-right: 10px}
	.step-8 .arr-l {left: 0}
	.step-8 .arr-r {right: 0}

	.step-11 .box {left: 10px; margin-left: 0}
}
@media screen and (max-width:1116px){
	
	.step-1 .logo {left: 10%}
	.step-1 .basic {width: 52%}
	.step-1 .intro {font-size: 60px}
	.step-1 .subtitle {font-size: 60px}
	.step-1 .sign {font-size: 36px}
	.step-1 .text {width: 52%; white-space: normal}

	.step-9 .subtitle {font-size: 46px}

	.ui-dialog-titlebar-close {left: auto; margin: 0 0 2px; top: auto; bottom: 100%; right: 0}

	.dialog-object .img {width: 56%; min-height: 0 !important}
	.dialog-object .app {width: 41%; min-height: 0 !important}
	.dialog-object .app .title {font-size: 30px}
	.dialog-object .app .text {padding-top: 20px; font-size: 16px}
}
@media screen and (max-width:1016px){
	
	.step-1 .logo {left: 3%}
	.step-1 .basic {width: 48%}
	.step-1 .intro {font-size: 46px}
	.step-1 .subtitle {font-size: 46px}
	.step-1 .sign {font-size: 28px}
	.step-1 .text {width: 48%; font-size: 20px}

	.step-2 {height: auto; padding-bottom: 53px; -webkit-background-size: cover; background-size: cover}

	.step-3 li {width: 32%; margin-right: 2%; margin-top: 70px}
	.step-3 li .icon:before {right: auto; left: 50%; margin-left: -132px; width: 264px; height: 264px; padding-bottom: 0}*
	
	.step-4 .wrapper {padding-top: 105px}
	.step-4 .tab ul {text-align: center; text-align-last: center}
	.step-4 .tab ul:after {display: none}
	.step-4 .tab li {margin: 10px 10px 0}
	.step-4 .tab li.active a:after {display: none}
	.step-4 .grid {width: 590px}

	.site-footer .logo {margin-left: 0}
	.site-footer .text {font-size: 20px}
	.site-footer .text .year {font-size: 26px}
}
@media screen and (max-width:916px){
	
	.step-1 .logo {left: -10px}
	.step-1 .r {text-align: right}
	.step-1 .phone {float: none; margin: 10px 0 0}
	.step-1 .callback {display: inline-block; vertical-align: top; float: none; margin: 10px 0 0}
	.step-1 .basic {width: 44%}
	.step-1 .intro {font-size: 36px}
	.step-1 .subtitle {font-size: 36px}
	.step-1 .sign {padding-top: 10px; font-size: 22px}
	.step-1 .text {width: 44%; text-align: left}

	.step-3 li .icon:before {right: 0; left: 0; margin-left: 0; width: auto; height: auto; padding-bottom: 100%}
	.step-3 li .title {font-size: 24px}

	.step-6 {background-position: left bottom}
	.step-6 ul {max-width: none}

	.step-7 {padding: 50px 0}
	.step-7 .subtitle {background: none; padding: 0; font-size: 50px}
	.step-7 ul {margin-top: 40px}

	.step-9 .subtitle {font-size: 40px}

	.site-footer .logo {width: auto}
	.site-footer .text {display: none}
}
@media screen and (max-width:816px){
	
	.step-1 {height: auto; padding-bottom: 40px}
	.step-1 .basic {width: auto}
	.step-1 .intro {font-size: 56px}
	.step-1 .subtitle {font-size: 56px}
	.step-1 .sign {font-size: 36px}
	.step-1 .text {width: auto; text-align: center}
	.step-1 .app {position: relative; left: auto; top: auto; right: auto; margin: 30px auto 0}

	.step-3 .subtitle {padding-bottom: 40px; font-size: 50px}
	.step-3 li {width: 49%; margin-right: 2%}
	.step-3 li:nth-child(3n+3) {margin-right: 2%}
	.step-3 li:nth-child(2n+2) {margin-right: 0}
	.step-3 li .icon:before {right: auto; left: 50%; margin-left: -132px; width: 264px; height: 264px; padding-bottom: 0}

	.step-6 {height: auto; padding-bottom: 50px; -webkit-background-size: cover; background-size: cover}
	.step-6 .subtitle {font-size: 46px}

	.dialog-object .app .title {font-size: 26px}
	.dialog-object .app .text {font-size: 14px; line-height: 20px}
	.dialog-object .app .form {padding: 20px 0}
	.dialog-object .app .bt {margin-top: 13px}
	.dialog-object .app button {width: 100%}
}
@media screen and (max-width:716px){
	
	.step-2 .title:after {display: none}
	.step-2 .text {font-size: 26px; line-height: 36px}

	.step-3 {padding: 50px 0 110px}
	.step-3 .subtitle {padding-bottom: 30px; font-size: 40px}

	.step-4 .wrapper {padding: 80px 0 40px}
	.step-4 .subtitle {background: #086332; width: auto; top: -50px; left: 10px; right: 10px; margin-left: 0; height: auto; line-height: 1; border-radius: 50px; box-shadow: 1px 1px 7px rgba(96,96,95,.75); border: 4px solid #fff; font-size: 50px}
	.step-4 .subtitle span {display: table-cell; width: 999px; height: 92px; vertical-align: middle; text-align: center}
	.step-4 .grid {width: 580px; margin-top: 25px}
	.step-4 .grid-item {overflow: hidden; width: 280px}
	.step-4 .grid-item img {position: absolute; left: 50%; top: 50%; width: 285px; height: 190px; margin: -95px 0 0 -142.5px}
	.step-4 .grid-item-height2 {height: 190px}
	.step-4 .grid-item-height2 img {width: 285px; height: 390px; left: 50%; top: 50%; margin: -195px 0 0 -142.5px}
	.step-4 .all {margin: 30px 10px 0}

	.step-5 .subtitle {background: none}
	.step-5 .text {font-size: 26px; line-height: 36px}

	.step-6 .subtitle {font-size: 40px}

	.step-10 {padding-bottom: 50px}
	.step-10 .subtitle {font-size: 76px}
	.step-10 .text-1 {font-size: 30px}
	.step-10 .text-2 {font-size: 18px}

	.step-11 .box {position: static; width: auto; height: auto; padding-bottom: 30px; background: #bcd428}
	.step-11 .title {padding-top: 30px}
	.step-11 .map {height: 300px}

	.ui-dialog-titlebar-close {width: 30px; height: 30px; background: #fff !important; border-radius: 15px; margin: 0; right: -9px; bottom: auto; top: -9px}
	.ui-dialog-titlebar-close:after {display: block; content: ''; background: url(../i/ui-dialog-close-sm.png) no-repeat; width: 15px; height: 14px; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 -8px}
	
	.dialog-object .preview {display: none !important}
	.dialog-object .app .title {padding-top: 20px}
	.dialog-object .app .text {padding-top: 10px}
	.dialog-object .app .text br {display: none}
	.dialog-object .app .form {padding: 10px 0 15px}
	.dialog-object .app input[type=text] {height: 40px; font-size: 16px}
	.dialog-object .app button {height: 46px; font-size: 20px}
}
@media screen and (min-width:616px){
	
	.mobile-menu .inner {display: block !important}
}
@media screen and (max-width:616px){
	
	.viewport-wrapper {padding-top: 28px}

    .mobile-menu {background: rgba(0, 0, 0, .55)}
    .mobile-menu .inner {display: none; height: auto; line-height: normal}
    .mobile-menu ul {padding: 2px 0 8px; font-size: 19px; text-align: center}
    .mobile-menu li {display: block}
    .mobile-menu li a {display: block; padding: 7px 0}
    .mobile-menu .roll {display: block}

	.step-1 .top {height: auto; padding-top: 10px}
	.step-1 .logo {position: static; padding-top: 30px; text-align: center}
	.step-1 .logo img {max-width: 200px}
	.step-1 .r {float: none; text-align: center}
	.step-1 .phone {margin: 0}
	.step-1 .phone a {font-size: 30px}
	.step-1 .phone a span {font-size: 22px}
	.step-1 .basic {padding-top: 0px}
	.step-1 .intro {background: none; padding-top: 0; font-size: 46px; text-shadow: 1px 1px #fff}
	.step-1 .subtitle {background: none; font-size: 46px; text-shadow: 1px 1px #fff}
	.step-1 .sign {background: none; padding-top: 5px; padding-bottom: 0; font-size: 30px; text-shadow: 1px 1px #fff}
	.step-1 .text {color: #897e64; text-shadow: 1px 1px #fff}
	.step-1 .app {text-shadow: 1px 1px 6px #fff}

	.step-2 .wrapper {padding-left: 0; padding-right: 0}
	.step-2 .text {margin-left: 10px; margin-right: 10px}
	.step-2 .timer-box {width: auto}

	.step-4 .grid {width: 480px}
	.step-4 .grid-item {width: 230px}
	.step-4 .grid-item .text {font-size: 16px}
	.step-4 .grid-item .bt {padding-left: 10px; padding-right: 10px}
	.step-4 .grid-item .bt a {display: block; width: auto; font-size: 18px}
	
	.step-3 li .icon:before {right: 0; left: 0; margin-left: 0; width: auto; height: auto; padding-bottom: 100%}

	.step-5 .wrapper {padding-left: 0; padding-right: 0}
	.step-5 .text {margin-left: 10px; margin-right: 10px}
	.step-5 .timer-box {width: auto}

	.step-6 .subtitle {font-size: 34px}
	.step-6 li .title {font-size: 20px}

	.step-7 ul {margin-top: 10px}
	.step-7 li {width: 50%; padding-top: 30px}
	.step-7 li:nth-child(2n+3) {clear: both}

	.step-8 .subtitle {font-size: 50px}
	.step-8 .slider {padding: 0 20px}
	.step-8 .item {margin-left: 5px; margin-right: 5px}
	.step-8 .item .text {padding-left: 10px}

	.step-9 {height: auto; padding-bottom: 50px}
	.step-9 .app {background: rgba(255,255,255,.7); width: auto; height: auto; padding: 0 10px 60px; border-radius: 0; box-shadow: none; margin: 87px 10px 0}
	.step-9 .app .title {padding-top: 50px}

	.site-footer .top {height: auto; padding-bottom: 30px}
	.site-footer .logo {float: none; text-align: center}
	.site-footer .call {float: none; margin-top: 30px}
	.site-footer .bot {padding: 15px 0; height: auto; line-height: normal}
	
	.dialog-object .app .title {font-size: 20px}
	.dialog-object .app .text {font-size: 12px; line-height: normal}
	.dialog-object .app input[type=text] {font-size: 14px}
	.dialog-object .app button {font-size: 18px}
}
@media screen and (max-width:516px){
	
	.step-1 .intro {font-size: 40px}
	.step-1 .subtitle {font-size: 40px}
	.step-1 .sign {font-size: 26px}
	.step-1 .app {width: auto; height: auto; background: none; box-shadow: none; border-radius: 0; margin: 35px 0 0}
	.step-1 .app .ttl {padding-top: 0px}
	.step-1 .app .ttl br {display: none}
	.step-1 .app .form {width: auto}
	
	.step-2 .title {font-size: 60px}
	.step-2 .text {font-size: 20px; line-height: 30px}

	.step-3 li {display: block; width: auto; margin-right: 0 !important; margin-top: 30px}
	.step-3 li .icon:before {right: auto; left: 50%; margin-left: -132px; width: 264px; height: 264px; padding-bottom: 0}
	.step-3 li .title {font-size: 28px}
	.step-3 .outro {padding-top: 40px}

	.step-4 .wrapper {padding-top: 60px}
	.step-4 .subtitle {top: -40px; font-size: 40px}
	.step-4 .subtitle span {height: 72px}
	.step-4 .grid {width: 380px}
	.step-4 .grid-item {width: 180px}
	.step-4 .all a {padding: 0; font-size: 20px}

	.step-5 .title {font-size: 60px}
	.step-5 .text {font-size: 20px; line-height: 30px}

	.step-7 .subtitle {font-size: 44px}

	.step-8 .subtitle {font-size: 44px}

	.step-9 .subtitle {font-size: 36px}

	.step-10 .subtitle {font-size: 60px}
	.step-10 .text-1 {font-size: 26px}
	.step-10 .text-2 {font-size: 16px}
	
	.step-11 .title {font-size: 38px}
	.step-11 .addr {font-size: 22px}
	.step-11 .time {font-size: 18px}
	
	.ui-dialog-form:before {display: none}
	.ui-dialog-form .ui-dialog-content {padding: 30px 15px}
	.ui-dialog-form .title {font-size: 30px}
	.ui-dialog-form .text {padding-top: 10px; font-size: 18px}
	.ui-dialog-form .text br {display: none}
	.ui-dialog-form .form {padding-top: 15px}
	.ui-dialog-form .form .bt {margin-top: 15px}

	.dialog-object .img {float: none; width: auto}
	.dialog-object .app {float: none; width: auto; margin-top: 18px}
}
@media screen and (max-width:416px){
	
	.step-1 .intro {font-size: 36px}
	.step-1 .subtitle {font-size: 36px}
	.step-1 .sign {font-size: 24px}
	.step-1 .text {text-align: left}
	.step-1 .app .ttl {font-size: 30px}

	.step-4 .subtitle {font-size: 36px}
	.step-4 .grid {width: 285px; padding-left: 0}
	.step-4 .grid-item {width: 285px; margin-right: 0}
	.step-4 .all {overflow: hidden; padding: 0 42px 0 40px}
	.step-4 .all a {display: block; padding: 0 10px}
	.step-4 .all a span {width: 999px; text-align: center}

	.step-6 li .icon {width: 90px}
	.step-6 li .title {font-size: 18px}
	.step-6 li .text {font-size: 14px}
	
	.step-9 .subtitle {font-size: 32px}
	.step-9 .app .title {font-size: 36px}
	.step-9 .app .text {font-size: 18px}

	.step-10 .subtitle {font-size: 50px}
	.step-10 .text-1 {font-size: 22px}

	.ui-dialog-form .title {font-size: 22px}
	.ui-dialog-form .text {font-size: 16px}
}
@media screen and (max-width:366px){
	
	.step-1 .intro {font-size: 35px}
	.step-1 .subtitle {font-size: 35px}
	.step-1 .sign {font-size: 22px}

	.step-2 .bt a {width: 298px; font-size: 30px}

	.step-5 .bt a {width: 298px; font-size: 28px}

	.step-9 .app .text {font-size: 16px}

	.step-10 .subtitle {font-size: 47px}
}