@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700&subset=cyrillic');
@font-face {
	font-family: 'Panton Light';
	src: url('../fonts/Panton-Light.eot');
	src: url('../fonts/Panton-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Panton-Light.woff') format('woff'),
		url('../fonts/Panton-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Panton';
	src: url('../fonts/Panton-Regular.eot');
	src: url('../fonts/Panton-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Panton-Regular.woff') format('woff'),
		url('../fonts/Panton-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Panton Italic';
	src: url('../fonts/Panton-RegularItalic.eot');
	src: url('../fonts/Panton-RegularItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Panton-RegularItalic.woff') format('woff'),
		url('../fonts/Panton-RegularItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Panton Bold';
	src: url('../fonts/Panton-Bold.eot');
	src: url('../fonts/Panton-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Panton-Bold.woff') format('woff'),
		url('../fonts/Panton-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Panton Semi';
	src: url('../fonts/../fonts/../fonts/Panton-SemiBold.eot');
	src: url('../fonts/Panton-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Panton-SemiBold.woff') format('woff'),
		url('../fonts/Panton-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'PantonBlack';
	src: url('../fonts/../fonts/Panton-Black.eot');
	src: url('../fonts/../fonts/Panton-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/../fonts/Panton-Black.woff') format('woff'),
		url('../fonts/../fonts/Panton-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'PT Rouble Sans';
	src: url('../fonts/PTRoubleSans.eot');
	src: url('../fonts/PTRoubleSans.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PTRoubleSans.woff') format('woff'),
		url('../fonts/PTRoubleSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body, html {
	display:block;
	width:100%;
	height:100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    transition: opacity 400ms;
    -webkit-font-smoothing: antialiased;
}
.onepage-wrapper {
    display: block;
    padding: 0;
    width: 100%;
    height: 100%;
}
h1, h2, h3 {
	padding:0;
	margin:0;
}
a {
	color:#9dc238;
	text-decoration:underline;
	transition: all ease 0.4s;
}
a:hover {
	text-decoration:none;
}

form, fieldset {
	border:none;
	padding:0;
}
.slicknav_menu {
	display:none;
}
.wrapper {
  	height: 100% !important;
   	margin: 0 auto; 

   	overflow: hidden;   

	font-family: 'Panton';
}

.main-nav {
	position: absolute;
    left:0;
    top: 50%;
	margin-top:-100px;
    z-index: 100;
    padding: 0;
    list-style: none;
	padding:5px 0px;
	overflow:hidden;
    transition: 0.2s linear;
}
.main-nav:hover {
	background: rgba(255,255,255,0.90);
}
.main-nav li {
	position:relative;
	display:block;
	padding:0px 0px 0px 60px;
	margin:20px 0;
}
.main-nav li a {
	text-decoration:none;
}
.main-nav li p {
	color:#414141;
	margin-left:-300px;
	font-size:14px;
	line-height:14px;
	opacity:0;
	visibility:hidden;
	text-transform:uppercase;
	font-family: 'Panton Bold';
    transition: 0.2s linear;
}
.main-nav:hover p {
	margin-left:0;
}
.main-nav li .active p,
.main-nav a:hover p {
	color:#9dc238;
}
.main-nav:hover li a p {
	font-size:14px;
	opacity:1;
	visibility:visible;
	padding-right:20px;
}
.main-nav li span {
	display:block;
	position:absolute;
	left:30px;
	top:0px;
	border-radius:50%;
	width:12px;
	height:12px;
	background:#ccc;
	box-sizing:border-box;
	border:#ccc 1px solid;
}
.main-nav li .active span {
	background:#9dc238;
}
.main-nav li:hover span {
	background:#9dc238;
	border:#fff 1px solid;
}
.mob-nav, .one-menu {
	display:none;
}
/************** slide №1 ****************/

#video {
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
 	background-color: black;
  	background-image: /* our video */;
  	background-position: center center;
  	background-size: contain;
   	object-fit: cover; /*cover video background */

   	z-index:3;
	opacity:0.2;
}
.video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url('../video/poster.jpg') no-repeat center;
  	background-size: cover;
    z-index: 1;
	opacity:0.3;
}
.video video {
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
  	background-position: center center;
  	background-size: contain;
   	object-fit: cover; /*cover video background */
   	z-index:3;
	/*opacity:0.1;*/
    background: none;
}
.page-container {
	position: relative;
    margin: 0 auto;
	box-sizing:border-box;
	height:100%;
    z-index: 3;
}
.main section  {
    overflow: hidden;
	padding:50px;
	box-sizing:border-box;
}
main section > img {
    position: absolute;
    max-width: 100%;
    z-index: 1;
}
.main section.page1 {
	background:#000;
	background-size:cover;
}
.page1 .top-line {
	border-bottom:#fff 1px solid;
}
.page1 .top-logo {
	display:block;
	width:150px;
	height:98px;
	background:url(../img/logo_wh.png) no-repeat;
}
.page1 .top-phone a {
	color:#fff;
	text-decoration:none;
}
.page1 .top-phone {
	position:relative;
	font-size:50px;
	color:#fff;
	padding-left:65px;
	font-family:'Panton Light';
	text-decoration:none;
}
.page1 .top-phone:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	background:url(../img/phone_ic.png) no-repeat;
	width:50px;
	height:50px;
}
.page1 .top-mail {
	position:relative;
	text-align:right;
}
.page1 .top-mail a {
	text-align:right;
	font-size:34px;
	color:#fff;
	padding-left:65px;
	text-decoration:none;
	font-family:'Panton Light';
}
.page1 .top-contacts {
	position:absolute;
	right:0;
	margin-top:-57px;
}
.page1 .info-back {
	display:table;
	width:100%;
	text-align:center;
}
.page1 .info {
    vertical-align: middle;
    display: table-cell;
	margin:0 auto;
	padding-top:50px;
}
.page1 .info-text {
	color:#fff;
	font-size:26px;
	line-height:34px;
	max-width:900px;
	margin:0 auto;
}
.page1 .info-price {
	color:#ccd8eb;
	font-size:26px;
	line-height:45px;
	padding-top:30px;
}
.page1 .info-price span {
	color:#fff;
	font-size:36px;
	font-family:'Panton Light';
}
.page1 .info-price span i {
	font-size:34px;
	font-weight:bold;
	font-style:normal;
	padding-left:3px;
	font-family: 'PT Rouble Sans';
}
a.order-but, a.mob-order-but {
    display: block;
    background: #9dc238;
    width: 300px;
	margin:50px auto 0;
    font-size: 21px;
    line-height: 55px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    box-shadow: -5px 15px 56px rgba(167,174,50,0.70);
    cursor: pointer;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);
	font-family:'Panton Bold';
	letter-spacing:1px;
}
a.order-but:hover, a.mob-order-but:hover {
	background:#abd33e;
}
a.mob-order-but {
	display:none;
}
.go-down {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	font-style:normal;
	color:#fff;
	font-family:'Panton Light';
}
.go-down span {
	display:inline-block;
	width:26px;
	height:40px;
	margin:0 10px -10px 5px;
	background:url(../img/down_ic.png) no-repeat;
}
/************** slide №2 ****************/

.page2 {
	background:url(../img/slide_2.jpg) no-repeat;
	background-size:cover;
}
.page2 h2 {
	position:relative;
	font-size:60px;
	color:#000;
	text-align:center;
	font-family:'Panton Light';
	font-weight:bold;
	max-width:900px;
	margin:0 auto 20px;
}
.page2 a {
	text-decoration:underline;
	color:#a1a91e;
}
.page2 a:hover {
	text-decoration:none;
}

.page2 ul {
	padding:0 auto;
	margin:0 auto;
}
.wid-a, .wid-b, .wid-c {
	position:relative;
	padding:30px;
	padding-left:200px;
	background:#fff;
	max-width:980px;
	box-sizing:border-box;
	margin:0 auto 20px;
	color:#212121;
	font-size:15px;
	font-weight: normal;
	font-style: normal;
}
.wid-a:before, 

.wid-b:before,
.wid-c:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:175px;
	height:100%;
}
.wid-a:before { 

	background:#adcc40 url(../img/text1_ic.png) no-repeat center center;
}
.wid-b:before { 

	background:#3272ae url(../img/text2_ic.png) no-repeat center center;
}
.wid-c:before { 

	background:#ae9e32 url(../img/text3_ic.png) no-repeat center center;
}


/************** slide №3 ****************/

.page3 {
	background:url(../img/slide_3.jpg) no-repeat;
	background-size:cover;
}
.page3 .widget {
	max-width:800px;
	min-height:250px;
	background: rgba(255,255,255,0.95);
	border-left:#9dc238 10px solid;
	margin:0 auto;
	margin-top:10%;
	box-sizing:border-box;
	padding:50px;
}
.page3 h2 {
	position:relative;
	font-size:60px;
	color:#9dc238;
	text-align:center;
	font-family:'Panton Light';
	font-weight:normal;
	margin-bottom:50px;
}
.page3 h2:after {
	content:"";
	position:absolute;
	top:90px;
	left:50%;
	margin-left:-25px;
	width:50px;
	height:3px;
	background:#9dc238;
}
.page3 p {
	line-height:23px;
}
/************** slide №4****************/

.page4 .back {
	position:absolute;
	height:100%;
	width:50%;
	top:0;
	left:0;
	background:#818181 url(../img/slide_4.jpg) no-repeat right;
}
.page4 .page-container {
	position:absolute;
	right:0;
	top:0;
	width:50%;
	height:100%;
	background:#f1f1f1;
	border-left:#9dc238 10px solid;
	box-sizing:border-box;
	padding:50px;
}
.page4 h2 {
	position:relative;
	font-size:60px;
	line-height:60px;
	color:#333;
	text-align:left;
	font-family:'Panton Light';
	font-weight:normal;
	margin-bottom:10px;
}
.page4 .text {
	color:#404040;
	font-size:14px;
	line-height:16px;
}
.page4 .list-widget {
	position:absolute;
	bottom:0;
	right:50px;
	z-index:5;
}
.page4 .work-list:after, 

.page6 .worker-list:after,
.page9 .page-container:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.page4 .work-list {
	width:900px;
	margin:0;
	padding:0;
}
.page4 .work-list li {
	position:relative;
	float:left;
	width:300px;
	height:190px;
	overflow:hidden;
	box-sizing:border-box;
	color:#fff;
	font-size:17px;
	padding:140px 20px 20px 20px;
	text-align:center;
	list-style:none;
}
.page4 .work-list li .hint {
	position:absolute;
	width:100%;
	height:100%;
	left:-300px;
	top:0;
	padding:20px;
	box-sizing:border-box;
	font-size:17px;
	line-height:21px;
	transition: all ease 0.4s;
}
.page4 .work-list li:hover .hint {
	left:0;
}
.page4 .work-list li:nth-child(1) {
	background:#e96d63 url(../img/ic1.png) no-repeat center 40px;
}
.page4 .work-list li:nth-child(2) {
	background:#7fca9f url(../img/ic2.png) no-repeat center 40px;
}
.page4 .work-list li:nth-child(3) {
	background:#f4ba70 url(../img/ic3.png) no-repeat center 40px;
}
.page4 .work-list li:nth-child(4) {
	background:#85c1f5 url(../img/ic4.png) no-repeat center 40px;
}
.page4 .work-list li:nth-child(5) {
	background:#e37222 url(../img/ic5.png) no-repeat center 40px;
}
.page4 .work-list li:nth-child(6) {
	background:#4a789c url(../img/ic6.png) no-repeat center 40px;
}
.page4 .work-list li:nth-child(7) {
	background:#b4c836 url(../img/ic7.png) no-repeat center 40px;
}
.page4 .work-list li:nth-child(8) {
	background:#7f9bca url(../img/ic8.png) no-repeat center 40px;
}
.page4 .work-list li:nth-child(9) {
	background:#be6db2 url(../img/ic9.png) no-repeat center 40px;
}


.page4 .work-list li:nth-child(1) .hint {
	background:#e96d63;
}
.page4 .work-list li:nth-child(2) .hint {
	background:#7fca9f;
}
.page4 .work-list li:nth-child(3) .hint {
	background:#f4ba70;
}
.page4 .work-list li:nth-child(4) .hint {
	background:#85c1f5;
}
.page4 .work-list li:nth-child(5) .hint {
	background:#e37222;
}
.page4 .work-list li:nth-child(6) .hint {
	background:#4a789c;
}
.page4 .work-list li:nth-child(7) .hint {
	background:#b4c836;
}
.page4 .work-list li:nth-child(8) .hint {
	background:#7f9bca;
}
.page4 .work-list li:nth-child(9) .hint {
	background:#be6db2;
}

/************** slide №5 ****************/

.page5 {
	background:url(../img/slide_5.jpg) no-repeat;
	background-size:cover;
}
.page5 .page-container {
	padding:0px 10% 100px 150px;
}
.page5 h2 {
	position:relative;
	font-size:60px;
	color:#fff;
	padding:10px 20px;
	text-align:right;
	font-family:'Panton Light';
	font-weight:normal;
	background:#9dc238;
	width:600px;
	margin-left:-350px;
}


/************** slide №6 ****************/

.page6 {
	background:url(../img/slide_6.jpg) no-repeat;
	background-size:cover;
}
.page6 h2 {
	position:relative;
	font-size:60px;
	color:#333;
	text-align:left;
	font-family:'Panton Light';
	font-weight:normal;
	padding-bottom:10px;
	margin-bottom:50px;
	border-bottom:#333 1px solid;
}
.page6 .worker-block {
	position:relative;
	max-width:980px;
	margin:0 auto;
}
.page6 .worker-list {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.page6 .worker-list li {
	float:left;
	width:45%;
	background:#fff;
	box-sizing:border-box;
	margin-bottom:50px;
	overflow:hidden;
 	box-shadow: 5px 6px 18px 3px rgba(0, 0, 0, 0.4);
}
.worker-list .worker-photo {
	float:left;
	width:50%;
	margin-left:1%;
	border-left:#9dc238 5px solid;
	box-sizing:border-box;
	line-height:0;
}
.worker-list .worker-photo img {
	max-width:100%;
	max-height:100%;
}
.page6 .worker-list li:nth-child(2n) {
	float:right;
}
.page6 .worker-name {
	float:right;
	width:49%;
	box-sizing:border-box;
	text-align:center;
	color:#323232;
	font-size:21px;
	line-height:24px;
	padding:18% 20px 10px;
	font-family:'Panton Light';
	overflow:hidden;
	height:100%;
}
.page6 .worker-name p {
	color:#323232;
	font-size:14px;
	line-height:18px;
	font-family:'Panton Italic';
}
.page6 {
}


/************** slide №7 ****************/

.page7 {
	background:url(../img/slide_7.jpg) no-repeat;
	background-size:cover;
}
.page7 h2 {
	position:relative;
	font-size:60px;
	color:#fff;
	text-align:center;
	font-family:'Panton Light';
	font-weight:normal;
	padding-bottom:10px;
	margin-bottom:50px;
}
.page7 .page-container {
}
.page7 .faq {
	position:relative;
	width:100%;
	margin:0;
	padding:10px 0;
	list-style:none;
	border-top:#ccc 2px solid;
	margin-left:20%;
	box-sizing:border-box;
	padding-right:20%;
	background:rgba(0,0,0,0.20);
	bottom:5%;
}
.faq li { 

	padding: 15px 60px 15px 30px;
	margin-left:-50px;
    border-left:#9dc238 4px solid;
}
.faq li.q {
  background: #fff;
  position:relative;
  background:#fff;
  font-family:'Panton Bold';
  font-size:16px;
  color:#333;
  cursor:pointer;
  margin-top:2px;
}
.faq li.q img {
    position: absolute;
    top: 15px;
    right: 30px;
}
.faq li.a {
  background: #fff;
  display: none;
  color:#333;
  font-size:14px;
  line-height:18px;
  font-family:'Panton Italic';
}
.rotate {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#jquery-script-menu {
	position: fixed;
	height: 90px;
	width: 100%;
	top: 0;
	left: 0;
	border-top: 5px solid #316594;
	background: #fff;
	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	z-index: 999999;
	padding: 10px 0;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}


.jquery-script-center {
	width: 980px;
	margin: 0 auto;
}
.jquery-script-center ul {
	width: 212px;
	float:left;
	line-height:45px;
	margin:0;
	padding:0;
	list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
	width: 728px;
	height:90px;
float:right;
}
.jquery-script-clear {
	clear:both;
	height:0;
}




/************** slide №8 ****************/

.page8 {
	position:relative;
	background:#475670;
}
.page8 h2 {
	position:relative;
	font-size:60px;
	color:#fff;
	text-align:center;
	font-family:'Panton Light';
	font-weight:normal;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:#C72124 1px solid;
}
.page8 .order-hint {
	font-size:14px;
	color:#fff;
	font-family:'Panton Italic';
	padding:20px 0;
}
.page8 .order-form {
	position:relative;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
.page8 .order-form input[type="text"], 

.page8 .order-form textarea {
	position:relative;
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:15px 20px;
	border:#9dc238 3px solid;
	font-family:'Panton';
	font-size:16px;
	color:#333;
	margin-bottom:30px;
	resize:none;
}
.page8 .order-form select {
	position:relative;
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:15px 20px;
	border:#9dc238 2px solid;
	font-family:'Panton';
	color:#333;
	margin-bottom:30px;
	font-size:16px;
}
.page8 .order-form .select-order {
	position:relative;
}
/*
.page8 .order-form .select-order:after {
	content:"";
	display:block;
	position:absolute;
	right:5px;
	top:20px;
	width:20px;
	padding-right:30px;
	height:20px;
	background:#fff url(../img/select_ar.png) no-repeat center;
	cursor:pointer;
}
*/
.send-btn {
	text-align:right;
}
.send-btn button {
    background: #9dc238;
    width: 280px;
    font-size: 18px;
    line-height: 55px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);
    font-family: 'Panton Bold';
    letter-spacing: 1px;
	border:none;
	transition: all ease 0.4s;
}
.send-btn button:hover {
	background:#b2b93c;
}

/************** slide №9 ****************/

.page9 {
	position:relative;
	background:#ebebeb;
}
.page9 h2 {
	position:relative;
	font-size:60px;
	color:#000;
	text-align:left;
	font-family:'Panton Light';
	font-weight:normal;
	padding-bottom:10px;
	margin-bottom:0;
}
.page9 .page-container {
	position:relative;
	box-sizing:border-box;
	border-left:#9dc238 200px solid;
	background:#fff;
	padding:50px;
	margin-left:-50px;
	text-align:center;
}
.page9 .text {
	text-align:center;
	font-size:16px;
	max-width:900px;
	margin:0 auto 50px;
}
.page9 ul {
	display:inline-block;
	width:290px;
	margin:0;
	padding:0;
	list-style:none;
}
.page9 ul li {
	position:relative;
	margin-bottom:30px;
	text-align:left;
}
.page9 ul li a {
	display:table-cell;
	vertical-align:middle;
	width:300px;
	font-size:14px;
	color:#070707;
	text-decoration:none;
	box-sizing:border-box;
	background:#ebebeb;
	height:40px;
	overflow:hidden;
	padding:5px 5px 5px 70px;
}
.page9 ul li a:hover {
	background:#9dc238;
	color:#fff;
}
.page9 ul li a span {
	position:absolute;
	bottom:-15px;
	left:-10px;
	display:inline-block;
	vertical-align:top;
	color:#434343;
	font-size:60px;
	letter-spacing:-2px;
	font-family:'Panton Light';
}
ul.six-ten {
	margin:0 5%;
}
.to-up, .to-mob {
	display:block;
	position:absolute;
	right:0px;
	bottom:50px;
	width:75px;
	height:75px;
	background:#9dc238 url(../img/down_ic.png) no-repeat 22px 10px;
	color:#fff;
	box-sizing:border-box;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	letter-spacing:1px;
	padding-top:55px;
	transition:all ease 1s;
}
.to-up:hover, .to-mob:hover {
	opacity:0.8;
}
.to-mob {
	display:none;
}

/************** slide №10 ****************/

.page10 {
	background:url(../img/slide_10.jpg) no-repeat;
	background-size:cover;
}
.page10 h2 {
	position:relative;
	font-size:60px;
	color:#fff;
	text-align:center;
	font-family:'Panton Light';
	font-weight:normal;
	max-width:900px;
	margin:0 auto 20px;
}
.page10 a {
	text-decoration:underline;
	color:#a1a91e;
}
.page10 a:hover {
	text-decoration:none;
}
.wid-a, .wid-b, .wid-c {
	position:relative;
	padding:30px;
	padding-left:200px;
	background:#fff;
	max-width:980px;
	box-sizing:border-box;
	margin:0 auto 20px;
	color:#212121;
	font-size:15px;
	font-weight: normal;
	font-style: normal;
}
.wid-a:before, 

.wid-b:before,
.wid-c:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:175px;
	height:100%;
}
.wid-a:before { 

	background:#adcc40 url(../img/text1_ic.png) no-repeat center center;
}
.wid-b:before { 

	background:#3272ae url(../img/text2_ic.png) no-repeat center center;
}
.wid-c:before { 

	background:#ae9e32 url(../img/text3_ic.png) no-repeat center center;
}


/************** order form ****************/
.scroll {
	overflow:auto;
}
.main .order-block {
    overflow: hidden;
    padding: 50px;
    box-sizing: border-box;
}



.order-block {
	position:relative;
	background:url(../img/order_bg.jpg) center;
}
.order-block .top-line {
	border-bottom:#ff5050 1px solid;
}
.order-block .top-logo {
	display:block;
	width:150px;
	height:98px;
	background:url(../img/logo_wh.png) no-repeat;
}
.order-block .top-phone {
	position:relative;
}
.order-block .top-phone {
	font-size:50px;
	color:#fff;
	padding-left:65px;
	font-family:'Panton Light';
	text-decoration:none;
}
.order-block .top-phone a {
	color:#fff;
	text-decoration:none;
}
.order-block .top-phone:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	background:url(../img/phone_ic.png) no-repeat;
	width:50px;
	height:50px;
}
.order-block .top-mail {
	position:relative;
	text-align:right;
}
.order-block .top-mail a {
	text-align:right;
	font-size:34px;
	color:#fff;
	padding-left:65px;
	text-decoration:none;
	font-family:'Panton Light';
}
.order-block .top-contacts {
	position:absolute;
	right:0;
	margin-top:-57px;
}
.order-block h2 {
	position:relative;
	font-size:50px;
	color:#fff;
	text-align:center;
	font-family:'Panton Light';
	font-weight:normal;
	padding-bottom:10px;
	margin:100px 0 30px;
}
.order-block .order-hint {
	font-size:14px;
	color:#fff;
	font-family:'Panton Italic';
	padding:20px 0;
}
.order-block .order-form {
	position:relative;
	max-width:980px;
	margin:0 auto;
	text-align:center;
}
.order-block .order-form input[type="text"], 
.order-block .order-form textarea {
	position:relative;
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:15px 20px;
	border:#9dc238 3px solid;
	font-family:'Panton';
	font-size:16px;
	color:#333;
	margin-bottom:30px;
	resize:vertical;
	border-radius:0;
	outline:none;
}
.order-block .order-form select {
	position:relative;
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:14px 20px;
	border:#9dc238 3px solid;
	font-family:'Panton';
	color:#333;
	margin-bottom:30px;
	font-size:16px;
	line-height:45px;
}
.select2 {
	height:auto;
}
.select2-container .select2-selection--single {
	border:#9dc238 3px solid;
	margin-bottom:30px;
	border-radius:0;
	outline:none;
	height:55px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	position:relative;
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:14px 20px;
	font-family:'Panton';
	color:#333;
	font-size:16px;
	line-height:24px;
	height:55px;
	border:none;
	border-radius:0;
	text-align:left;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 53px;
    position: absolute;
    top: 0;
    right: 20px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #9dc238 transparent transparent transparent;
    border-width: 8px 8px 0 8px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #9dc238 transparent;
    border-width: 0 8px 8px 8px;
}
.select2-results__options {
	font-family:'Panton';
	color:#333;
	font-size:14px;
}
.select2-container--open .select2-dropdown {
	top:-30px;
}
.forget {
    margin-bottom: 30px;
    text-align: right;
    text-decoration: underline;
}
.forget:hover {
	text-decoration:none;
}
.order-block .order-form .select-order,
.select2-search__field {
	position:relative;
	outline:none;
}
.hint-text:before {
    content: '';
    position: absolute;
    right: 10px;
    bottom: -20px;
    border: 8px solid transparent;
    border-top: 8px solid #73ac9c;
    z-index: 2;
	transition:all ease 0.1s;
	visibility:hidden;
}
.hint:hover .hint-text:before {
	visibility:visible;
	z-index:99999;
}
.hint {
	position:relative;
	width:36px;
	height:36px;
	margin-top:6px;
	background:url(../img/hint.png) no-repeat;
	background-size:contain;
}
.hint-text {
	visibility:hidden;
	position:absolute;
	bottom:50px;
	right:0;
	height:auto;
	width:260px;
	text-align:left;
	background:#e4e4e4;
	color:#e4e4e4;
	padding:0;
	font-size:14px;
	line-height:18px;
	font-style:normal;
	border:#73ac9c 2px solid;
	border-bottom:#73ac9c 5px solid;
	transition:all ease 0.1s;
	z-index:101;
}
.hint:hover .hint-text {
	visibility:visible;
	color:#000;
	padding:20px;
	height:auto;
}
.side-left {
	position:relative;
	float:left;
	width:70%;
	padding-right:5%;
	box-sizing:border-box;
}
.side-right {
	position:relative;
	float:right;
	width:30%;
	box-sizing:border-box;
}
.order-block .side-left .select-order,
.order-block .side-left .subject {
	position:relative;
	float:left;
	width:92%;
}
.order-block .side-left .hint {
	float:right;
}
.order-block .side-right .pages,
.order-block .side-right .term {
	position:relative;
	float:left;
	width:82%;
}
.order-block .side-right .hint,
.order-block .theme-block .hint {
	float:right;
}
.order-block .theme {
	position:relative;
	float:left;
	width:94.6%;
}
.order-block input[type="text"].error-field,
.page8 input[type="text"].error-field
 {
	border:#ea3e35 3px solid;
	outline:none;
}
.order-block div.error-field,
.page8 div.error-field  {
	display:none;
	position:absolute;
	width:100%;
	height:40px;
	overflow:hidden;
	background:#e4e4e4;
	top:-20px;
	left:0;
	padding-top:14px;
	color:#000;
	text-align:center;
	font-size:14px;
	z-index:1;

	line-height:14px;
	box-sizing:border-box;
	opacity:0.95;
	border:#ccc 3px solid;
}
.order-block .error,
.page8 .error, .input-order {
	position:relative;
}
.order-block .error .error-field,
.page8 .error .error-field {
	display:block;
}
.order-block .picker {
	display:none;
}
.order-block .picker.picker.picker--opened {
	display:block;
}
.order-block .cont {
	position:relative;
	clear:both;
}
.order-block h3 {
	color:#fff;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	text-align:left;
}
.order-block .order-text {
	position:relative;
	color:#dbdbdb;
	font-size:16px;
	font-style:italic;
	line-height:21px;
	text-align:left;
	margin:10px 0 20px;
}
.order-block .cont .order-text p {
	display:inline-block;
	vertical-align:top;
	width:55%;
	margin:0;
}
.order-block .cont .hint,
.order-block .add-file .hint {
	display:inline-block;
	vertical-align:top;
}
.order-block textarea {
	min-height:150px;
}
.order-block .add-file {
	position:relative;
	text-align:left;
	border-bottom:#fff 2px solid;
	padding-bottom:10px;
}
.order-block .order-contacts {
	clear:both;
	margin-top:40px;
}
.order-block .add-file p {
	display:inline-block;
	vertical-align:top;
	width:45%;
	color:#fff;
	margin:0;
}
.order-block .files .filefield9 {
	display:inline-block;
	vertical-align:top;
	width:33%;
	color:#fff;
	margin:0 0 20px;
}
.order-block .files div p {
	width:100%;
}
.add-button {
	position:relative;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	cursor:pointer;
	margin-bottom:30px;
}
.add-button:hover {
	opacity:0.8;
}
.add {
	display:inline-block;
	vertical-align:middle;
	width:36px;
	height:36px;
	background:url(../img/add.png) no-repeat;
	background-size:contain;
	padding-right:15px;
}
.file {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	font-weight:bold;
	color:#de7d6a;
	margin-bottom:30px;
	width:23%;
	margin-right:1%;
	cursor:pointer;
}
.file:hover {
	opacity:0.8;
}
.file .file-name {
	display:inline-block;
	vertical-align:middle;
	width:75%;
}
.remove-button {
	display:inline-block;
	vertical-align:middle;
	min-width:36px;
	height:36px;
	width:15%;
	background:url(../img/remove.png) no-repeat;
	background-size:contain;
	padding-right:15px;
	cursor:pointer;
}
.order-btn {
	clear:both;
	text-align:right;
	border-top:#ea3e35 2px solid;
}
.order-btn button {
	outline:none;
    background: #ea3e35;
    width: 280px;
    font-size: 18px;
    line-height: 55px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);
    font-family: 'Panton Bold';
    letter-spacing: 1px;
	border:none;
	transition: all ease 0.4s;
}
.order-btn button:hover {
	background:#ed524a;
}
.order-contacts .order-text p {
	width:100%;
}
.half-left {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-right:5%;
}
.half-right {
	float:right;
	width:50%;
	box-sizing:border-box;
	padding-left:5%;
}
.half-left .order-mail {
	position:relative;
	float:left;
	width:85%;
}
.half-left .hint,
.half-right .hint {
	float:right;
}
.profile {
	clear:both;
}
.order-code {
	text-align:left;
}
.order-code .code {
    display: inline-block;
    vertical-align: top;
    width: 0%;
    min-width: 45px;
    color: #fff;
    font-size: 20px;
    z-index: 1;
    line-height: 55px;
}
.order-code {
	position:relative;
	float:left;
	width:40%;
	font-size:16px;
	box-sizing:border-box;
}
#operator {
	display:inline-block;
	vertical-align:middle;
	width:70%;
}
.order-block .order-form .order-code select,
.order-block .order-form .order-code .jq-selectbox {
	display:block;
	padding-left:0;
}
.order-phone {
	float:left;
	box-sizing:border-box;
	margin-left:2%;
	width:45%;
}
.half-left .order-pass {
	float:left;
	width:60%;
}
.half-left .forget {
	float:right;
	font-size:14px;
	color:#8dadff;
	padding-top:15px;
}
.half-left .forget a {
	text-decoration:underline;
	color:#8dadff;
	min-width:105px;
}
.half-left .forget a:hover {
	text-decoration:none;
}
.order-block .picker__holder {
	position:fixed;
	top:0;
}
.order-block .picker__wrap {
    position: absolute;
    left: 0;
	bottom:0;
    top:5%;
}
.order-block input[type="text"]:focus,
.order-block select:focus,
.order-block textarea:focus {
	outline:none;
	border:#1e5aac 3px solid;
}
.status {
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
}
#remove9 {
	width:100%;
	display:none!important;
}
#remove9 .remove-button {
	width:auto;
}

.send-btn {
	text-align:right;
}
.send-btn button {
    background: #9dc238;
    width: 280px;
    font-size: 18px;
    line-height: 55px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);
    font-family: 'Panton Bold';
    letter-spacing: 1px;
	border:none;
	transition: all ease 0.4s;
}
.send-btn button:hover {
	background:#b2b93c;
}
.order-name.input-order {
	margin-top:-5px;
}

/************** onepage ****************/



.onepage-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding: 0;
  -webkit-transform-style: preserve-3d;
}


.onepage-wrapper .section {
  width: 100%;
  height: 100%;
}


.onepage-pagination {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.onepage-pagination li {
  padding: 0;
  text-align: center;
}
.onepage-pagination li a{
  padding: 10px;
  width: 4px;
  height: 4px;
  display: block;
  

}
.onepage-pagination li a:before{
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(0,0,0,0.85);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}


.onepage-pagination li a.active:before{
  width: 10px;
  height: 10px;
  background: none;
  border: 1px solid black;
  margin-top: -4px;
  left: 8px;
}


.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
  overflow: auto;
}


.disabled-onepage-scroll .onepage-wrapper .section {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  transform: none !important;
  -ms-transform: none !important;
  min-height: 100%;
}


.disabled-onepage-scroll .onepage-pagination {
  display: none;
}


body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
  position: inherit;
}
body.disabled-onepage-scroll .onepage-wrapper  section {
  /*min-height: 100%;*/

  height: auto;
  padding-bottom:50px;


}
/************** onepage end ************/

/************** feedback ****************/
/************** feedback end ****************/

/************** review slider ****************/
.royalSlider {
	width: 600px;
	height: 400px;
	position: relative;
	direction: ltr;
}
.royalSlider > * {
	float: left;
}
.rsWebkit3d .rsSlide {
	-webkit-transform: translateZ(0);
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;
}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}
.rsThumb {
	float: left;
	position: relative;
}
.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}
.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}
.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}
.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}
.rsPreloader {
	position:absolute;
	z-index: 0;	
}
.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}
.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/

	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/

	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}
.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
}
img.rsImg {
	max-width: none;
}
.grab-cursor {
	cursor:url(../img/grab.png) 8 8, move; 

}
.grabbing-cursor{ 

	cursor:url(../img/grabbing.png) 8 8, move;
}
.rsNoDrag {
	cursor: auto;
}
.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(../img/blank.gif);
}
/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	background: #151515;
	color: #FFF;
}


/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
	height: 100%;
	width: 44px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}
.rsDefault.rsVer .rsArrow {
	width: 100%;
	height: 44px;
	
}
.rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefault.rsHor .rsArrowRight { right: 0; top:0; }

.rsDefault .rsArrowIcn {		
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top:-16px;	
	margin-left: -16px;

	position: absolute;	
	cursor: pointer;	
	background: url('../img/rs-defau.png');

	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	
	border-radius: 2px;
}
.rsDefault .rsArrowIcn:hover {
	background-color: rgba(0,0,0,0.9);
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	position: absolute;
	z-index: 35;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: 0 auto; 

	background: #000;
	background: rgba(0,0,0,0.75);

	text-align: center;
	line-height: 8px;
	overflow: hidden;
}
.rsDefault .rsBullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	padding: 6px 5px 6px;
}
.rsDefault .rsBullet span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #777;
	background: rgba(255,255,255,0.5);
}
.rsDefault .rsBullet.rsNavSelected span {
	background-color: #FFF;
}





/***************
*
*  3. Thumbnails
*
****************/

.rsDefault .rsThumbsHor {
	width: 100%;
	height: 72px;
}
.rsDefault .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsDefault .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 72px;
}
.rsDefault .rsThumb img {
	width: 100%;
	height: 100%;
}
.rsDefault .rsThumb.rsNavSelected {
	background: #02874a;
}
.rsDefault .rsThumb.rsNavSelected img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.rsDefault .rsTmb {
	display: block;
}

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #FFF;
}
.rsDefault .rsTmb span {
	color: #DDD;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}



/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;	
	z-index: 21;	
	background: #000;
	background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsDefault .rsThumbsArrowIcn {		
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;	
	margin-left: -8px;
	position: absolute;	
	cursor: pointer;	
	background: url('../img/rs-defau.png');
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rsDefault .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsDefault .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsDefault .rsThumbsHor {
		height: 44px;
	}
	.rsDefault .rsThumbsVer {
		width: 59px;
	}
	.order-block .order-text .hint-text {
    width: 235px;
    overflow-y: scroll;
    height: 200px;
	background-image:none;
}



}




/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	overflow: hidden; padding-top: 12px; position: relative;
}
.rsDefault .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;

	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
	background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

	-webkit-box-shadow: inset 1px 0 0 #fff;
	box-shadow: inset 1px 0 0 #fff;

	*display:inline; 
	*zoom:1;
}
.rsDefault .rsTab:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.rsDefault .rsTab:last-child { 
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	border-right:  1px solid #cfcfcf;
}
.rsDefault .rsTab:active { 
	border: 1px solid #D9D9DD;   
	background-color: #f4f4f4;
	box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefault .rsTab.rsNavSelected { 
	color: #FFF;
	border: 1px solid #999;
	text-shadow: 1px 1px #838383;
	box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
	background: #ACACAC;
	background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}





/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
	
}
.rsDefault .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background: url('../img/rs-defau.png') 0 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;

}
.rsDefault .rsFullscreenIcn:hover {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor: pointer;
}
.rsDefault .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background:url(../img/rs-defau.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
}
.rsDefault .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	
}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
	top: -38px;
	right: -6px;
}

.rsDefault .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('../img/rs-defau.png') -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsCloseVideoIcn:hover {
	background-color: rgba(0,0,0,0.9);
}



/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
	width:20px;
	height:20px;
	background-image:url(../img/preloade.gif);

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}
#video-gallery {
  width: 100%;
}

.videoGallery .rsTmb {
  padding: 20px;
}
.videoGallery .rsThumbs .rsThumb {
  width: 220px;
  height: 80px;
  border-bottom: 1px solid #2E2E2E;
}
.videoGallery .rsThumbs {
  width: 220px;
  padding: 0;
}
.videoGallery .rsThumb:hover {
  background: #000;
}
.videoGallery .rsThumb.rsNavSelected {
  background-color: #9dc238;
  border-bottom:-color #02874A;
}

.sampleBlock {
  left: 3%; 
  top: 1%; 
  width: 100%;
  max-width: 400px;
}

.rsVideoContainer {
width:100%; 
height:100%; 
overflow:hidden; 
display:block; 
float:left; 
}


@media screen and (min-width: 0px) and (max-width: 500px) {
  .videoGallery .rsTmb {
    padding: 6px 8px;
  }
  .videoGallery .rsTmb h5 {
    font-size: 12px;
    line-height: 17px;
  }
  .videoGallery .rsThumbs.rsThumbsVer {
    width: 100px;
    padding: 0;
  }
  .videoGallery .rsThumbs .rsThumb {
    width: 100px;
    height: 47px;
  }
  .videoGallery .rsTmb span {
    display: none;
  }
  .videoGallery .rsOverflow,
  .royalSlider.videoGallery {
    height: 300px !important;
  }
  .sampleBlock {
    font-size: 14px;
  }
}
/************** review slider end ****************/

/************** calendar *************************/
.picker__box {
  padding: 0 1em;
}
/**

 * The header containing the month and year stuff.

 */

.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}
/**

 * The month and year labels.

 */

.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}
/**

 * The month and year selectors.

 */

.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**

 * The month navigation buttons.

 */

.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**

 * The calendar table of dates

 */

.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**

 * The weekday labels

 */

.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */

}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**

 * The days on the calendar

 */

.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}
.picker__day--outfocus {
  color: #dddddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--highlighted {
  border-color: #0089ec;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}
/**

 * The footer containing the "today", "clear", and "close" buttons.

 */

.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}
/*

 * Note: the root picker element should *NOT* be styled more than what’s here.

 */

.picker {
  margin-left:-100%;
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.picker.picker--opened {
	margin-left:auto;
}
/**

 * The picker input element.

 */

.picker__input {
  cursor: default;
}
/**

 * When the picker is opened, the input element is “activated”.


 */

.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**

 * The holder is the only “scrollable” top-level container element.

 */

.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}


.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
}

.picker__holder {
 /* position: fixed;*/

  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
  transition: background 0.15s ease-out, top 0s 0.15s;
  -webkit-backface-visibility: hidden;
}
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 500px;
  max-width: 666px;
  width: 100%;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
    position: absolute;
    left: 50%;
    bottom: 400px;
}
@media (min-height: 33.875em) {

  .picker__wrap {
    display: block;
  }
}
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}
@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em;
  }
}
@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
}
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
@media (min-height: 33.875em) {
.page8 .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}
/************** calendar end ********************/
/************** select ********************/
.jq-selectbox {
	display:block!important;
	vertical-align: middle;
	cursor: pointer;
}

.jq-selectbox__select {
    position: relative;
    display: block;
    width: 100%;
    min-width: 100px;
    box-sizing: border-box;
 	height: 55px;
    font-family: 'Panton';
    color: #333;
    margin-bottom: 30px;
    font-size: 16px;
    background: #fff url(../img/s_ar.png) no-repeat right center;
	padding:14px 45px 14px 20px;
    border: #9dc238 3px solid;
	text-align:left;
	z-index:0;

    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    -ms-appearance: none;
    appearance: none!important;
}
.jq-selectbox__select:hover {
	background:#fff url(../img/s_ar.png) no-repeat right center;
}
.jq-selectbox__select:active {
}
.jq-selectbox.focused .jq-selectbox__select {
}
.jq-selectbox.disabled .jq-selectbox__select {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-selectbox__select-text {
	display: block;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jq-selectbox .placeholder {
	color: #aaaabc;
}
.jq-selectbox__trigger {
	display:none;
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 100%;
	border-left: 1px solid #CCC;
}
.jq-selectbox__trigger-arrow {
	position: absolute;
	top: 14px;
	right: 12px;
	width: 0;
	height: 0;
	border-top: 5px solid #999;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
	border-top-color: #000;
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
	border-top-color: #AAA;
}
.jq-selectbox__dropdown {
	box-sizing: border-box;
	width: 100%;
	margin: -30px 0 0;
	padding: 0;
	border: 1px solid #CCC;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	font: 14px/18px Arial, sans-serif;
	text-align:left;
}
.jq-selectbox__search {
	margin: 5px;
}
.jq-selectbox__search input {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 5px 27px 6px 8px;
	border: 1px solid #CCC;
	border-radius: 3px;
	outline: none;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
	box-shadow: inset 1px 1px #F1F1F1;
	color: #333;
	-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
	-webkit-appearance: none;
}
.jq-selectbox__not-found {
	margin: 5px;
	padding: 5px 8px 6px;
	background: #F0F0F0;
	font-size: 13px;
}
.jq-selectbox ul {
	margin: 0;
	padding: 0;
}
.jq-selectbox li {
    font-family: 'Panton';
	font-size:12px;
	min-height: 18px;
	padding: 5px 10px 6px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	white-space: nowrap;
	color: #231F20;
}
.jq-selectbox li.selected {
	background-color: #A3ABB1;
	color: #FFF;
}
.jq-selectbox li:first-child {
	border-radius:3px 3px 0 0;
}
.jq-selectbox li:last-child {
	border-radius:0 0 3px 3px;
}
.jq-selectbox li:hover {
	background-color: #5da6c8;
	color: #FFF;
}
.jq-selectbox li.disabled {
	color: #AAA;
}
.jq-selectbox li.disabled:hover {
	background: none;
}
.jq-selectbox li.optgroup {
	font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
	background: none;
	color: #231F20;
	cursor: default;
}
.jq-selectbox li.option {
	padding-left: 25px;
}
/************** select end ****************/



@media screen and (min-width: 1601px) {
.page1 .info-text {
	font-size:28px;
	line-height:36px;
}
.page1 .info-price {
    font-size: 26px;
    line-height: 42px;
}
.page1 .info-price span {
    font-size: 38px;
}
.page1 .info-price span i {
	font-size:36px;
}
.go-down {
	margin-top:-150px;
}
.page2 h2, .page10 h2 {
	margin-bottom:5%;
}
.wid-a, .wid-b, .wid-c {
	font-size:17px;
}
.page3 p {
	font-size:18px;
}
.page3 .widget {
	margin-top:15%;
}
.page4 h2 {
	font-size:64px;
}
.page4 .text {
    font-size: 16px;
    line-height: 24px;
}
.page4 .list-widget {
    bottom: 15%;
    right: 100px;
}
.page6 .worker-block {
	margin-top:7%;
	max-width:1200px;
}
.page6 .worker-name {
	font-size:24px;
}
.page6 .worker-name p {
    font-size: 17px;
    line-height: 21px;
}
.page6 .worker-list li {
	margin-bottom:100px;
}
.page7 .faq {
	bottom:0;
	top:2%;
}
.page8 .order-form input[type="text"], .page8 .order-form textarea {
	margin-bottom:50px;
}
.page8 .order-form select {
	margin-bottom:50px;
}
.page8 .order-form textarea {
	height:110px;
}
ul.six-ten {
    margin: 0 10%;
}
.page9 .text {
    font-size: 24px;
	margin-bottom:10%;
}
.page9 ul {
    width: 320px;
}
.page9 ul li {
	margin-bottom:50px;
}
.page9 ul li a {
	width:320px;
	font-size:16px;
}
.faq li.q {
	margin-bottom:10px;
}
.order-block .order-text .hint-text {
	width:600px;
}

}



@media screen and (min-width: 1200px) and (max-width: 1400px) {
.page4 .text {
	display:none;
}
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
.page4 .work-list {
	transform: scale(0.9);
	transition: all 0.9s;
	margin-bottom:-30px;
}
.page9 .page-container {
	border-left: #9dc238 20px solid;
	padding: 20px 0;
	transition:all ease 1s;
}
ul.six-ten {
	margin:0 3%;
}
.order-block .order-text .hint-text {
	width:530px;
}



}

@media screen and (min-width: 980px) and (max-width: 1199px) {
.page2 h2, .page10 h2 {
	margin-bottom:20px;
}
.wid-a, .wid-b, .wid-c {
	margin-bottom:5px;
}
.page3 .widget {
	margin-top:20%;
}
.page4 h2 {
    position: relative;
    font-size: 42px;
    line-height: 42px;
}
.page4 .text {
	display:none;
}
.page4 .list-widget {
    right: -5%!important;
    bottom: -5%;
	transform: scale(0.8);
	transition: all 0.9s;
}
.page5 .page-container {
    padding: 0 0 0 50px;
}
.page6 .worker-list {
	margin-top:10%;
}
.page6 .worker-name {
	padding-top:15%;
}
.page7 .faq {
    position: absolute;
    bottom: 0;
    top: 50px;
	transform: scale(0.8);
	transition: all 0.9s;
}
.page9 .page-container {
	border-left: #9dc238 10px solid;
	padding: 20px 0;
	transition:all ease 1s;
}
ul.six-ten {
	margin:0 2%;
}
.order-block .order-text .hint-text {
	width:450px;
}

}


@media screen  and (max-width: 979px) {
.main-nav, a.order-but {
	display:none;
}
a.mob-order-but {
	display:block;
	width:280px;
}
.main section {
	padding:0px;
	overflow-y:visible;
}
.top-line {
	padding-bottom:20px;
}
section.page1, section.page2, 
section.page3, section.page6, 
section.page7, section.page8,
section.page10, section.page {
	padding:20px;
}
.page1 .top-logo, .order-block .top-logo {
	width:100px;
	background-size:contain;
}
.order-block .top-logo {
	margin:0 auto;
}
.page1 .top-contacts, 
.order-block .top-contacts {
    right: auto;
    width: 280px;
    margin: -15px 0 0 -140px;
    position: absolute;
    left: 50%;
}
.page1 .top-phone, 
.order-block .top-phone {
	font-size:25px;
	padding-left:0;
	text-align:center;
}
.order-block .top-phone {
	padding-left:0;
}
.page1 .top-phone a, 
.order-block .top-phone a {
	font-size:25px;
	letter-spacing:-1px;
	padding-left:15px;
}
.page1 .top-phone:before, 
.order-block .top-phone:before {
	position:inherit;
	vertical-align:top;
    display: inline-block;
    left:auto;
	margin-top:2px;
    width: 25px;
    height: 25px;
    background-size: contain;
}
.page1 .top-mail, 
.order-block .top-mail {
	text-align:center;
	margin-top:5px;
}
.page1 .top-mail a, .order-block .top-mail a {
	padding-left:0;
	font-size:25px;
	text-align:center;
}
.page1 .info-text {
	font-size:18px;
	line-height:26px;
}
.page1 .info-price {
    font-size: 16px;
    line-height: 32px;
}
.page1 .info-price span {
    font-size: 28px;
}
.page1 .info-price span i {
	font-size:26px;
}
a.order-but {
	width:280px;
}
.page2 h2, .page4 h2, 
.page5 h2, .page6 h2,
.page7 h2, .page10 h2,
.page8 h2 {
	font-size:38px;
}
.page3 h2 {
	font-size:36px;
}
.wid-a, .wid-b, .wid-c {
	padding-left:30px;
	padding-top:150px;
}
.wid-a:before, .wid-b:before, .wid-c:before {
    content: "";
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
}
.page3 h2:after {
	top:70px;
}
.page3 .widget {
	padding:30px;
}
.page4 .list-widget {
	position:relative;
	right:0;
	bottom:0;
}
section.page4 {
	padding:0;
	background:##f1f1f1;
}
.page4 .page-container {
	position:relative;
	width:100%;
	border:none;
}
.page4 .page-container h2 {
	line-height:40px;
}
.page4 .work-list {
	width:300px;
	margin:-30px auto 0;
}
.page4 .back {
	display:none;
}
section.page5 {
	display:none;
}
.page6 h2 {
	text-align:center;
}
.page8 .order-hint {
    font-size: 16px;
    color: #fff;
    font-family: 'Panton Italic';
	padding:0;
}
.page9 h2 {
	font-size:38px;
	text-align:center;
	padding:30px;
}
.page9 .page-container {
    border-left: none;
    padding: 30px 0 0 0;
    margin-left: 0px;
    text-align: center;
}
.page9 .text {
	padding:0 20px;
}


.picker.picker--opened {
    margin-left: auto;
    width: 300px;
    left: 0;
    margin-left: -270px;
	box-shadow:0 0 3px rgba(0,0,0,0.10)

}


.slicknav_menu {
	display:block;
}
.top_nav {display:none;}
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; margin:8px 0; width: 60px; height: 5px; border-radius: 1px;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.388em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */

.slicknav_menu { *zoom: 1 }
.slicknav_menu {

    font-size:16px;
}
/* Button */

.slicknav_btn {
    margin: 0;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    border-radius: 0px;  

    background-color:rgba(255, 255, 255, 0.1);
}
/* Button Text */

.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */

.slicknav_menu .slicknav_icon-bar {
  background-color: #9dc238;
}
.slicknav_menu {
	position: fixed;
	right: 20px;
	top: 20px;
	z-index:1000;
}
.slicknav_nav {
    position: absolute;
    top: 60px;
    right: 0;
    width: 280px;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
	background:#fff;
	border-radius:0px;
	border-top:#9dc238 5px solid;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
	width:280px;
}
.slicknav_nav .slicknav_row {
    padding:0px 10px;
    margin:0px 5px;
}
.slicknav_nav a {
    padding:12px 0px;
    margin:0px 20px;
    text-decoration:none;
    color:#000;
	font-family:'Panton';
	font-size:18px;
	border-bottom:#9dc238 1px solid;
	text-transform:uppercase;
}
.slicknav_nav li:last-child a {
	border-bottom:none;
}
.slicknav_nav a p {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
}
.slicknav_nav a:hover{
    background:#f9f9f9;
	color:#9dc238;
	outline:none;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}
.slicknav_btn.slicknav_open {
	background:#9dc238;
}
.slicknav_btn.slicknav_open .slicknav_icon-bar {
	background:#fff;
}
.picker {
	position:absolute;
	margin-left:auto;
	left:1000%;
	bottom:0;
}
.picker__frame {
	position: inherit;
    min-width: initial;
    max-width: initial;
}
.picker.picker--opened {
	position:absolute;
	width:500px;
	left:50%;
	top:0;
	bottom:0;
    margin-left: -250px;
}
.picker__wrap {
	position:inherit;
}
.picker__header {
	display:block;
	z-index:5;
}
.picker__box {
	position:relative;
}
.to-up {
	display:none;
}
.to-mob {
	display:block;
}
.order-block h2 {
	font-size:22px;
}
}

@media screen and (max-width: 800px) {
.main .order-block {
	padding:20px;
}
.side-left, .side-right,
.half-left, .half-right {
	float:none;
	width:100%;
	padding:0;
	clear:both;
}
.order-block .side-left .select-order, 
.order-block .side-left .subject,
.order-block .theme, .order-block .side-right .pages, 
.order-block .side-right .term, .order-block .cont .order-text p,
.order-block .add-file p {
    width: 85%;
}
.hint-text {
	width:240px;
}
.file {
	margin-right:0;
	width:48%;
}
.jq-selectbox {
	/*z-index:0!important;*/
}


}


@media screen and (min-width: 768px) and (max-width: 900px) {
.order-block .side-left .select-order, 
.order-block .side-left .subject,
.order-block .theme, .order-block .side-right .pages, 
.order-block .side-right .term, .order-block .cont .order-text p,
.order-block .add-file p {
    width: 90%;
}

}


@media screen and (min-width: 320px) and (max-width: 599px) {
.page6 .worker-list li {
	width:100%;
	margin-bottom:30px;
}
.page6 .worker-name {
	font-size:18px;
	line-height:16px;
	padding:15% 20px 0px;
    font-family: 'Panton';
}
.page6 .worker-name p {
    color: #323232;
    font-size: 12px;
    line-height: 12px;
    font-family: 'Panton Bold';
}
.picker.picker--opened {
	width:280px;
    margin-left: -138px;
	bottom:-40px;
}
.video video {
	display:none;
}
.to-mob {
	bottom:-50px;
}
.file {
	margin-right:0;
	width:100%;
}
.order-code {
	width:100%;
	border-top: #fff 1px solid;
    padding-top: 30px;
}
.order-block .order-form .order-code select,
#operator {
	width:81%;
}
.order-block .order-form .order-code .code {
	width:17%;
}
.order-phone {
	margin-left:0;
	width:85%;
}
.order-block .files .filefield9 {
	width:100%;
}
.order-block div.error-field, 
.page8 div.error-field {
    margin-left: 0;
    width: 100%;
    font-size: 12px;
	padding-top:12px;
    font-weight: bolder;
	z-index:1;
}

}
@media screen and (min-width: 600px) and (max-width: 767px) {
.page4 .work-list {
	width:600px;
}
.page4 .work-list li:last-child {
	display:none;
}
.page6 .worker-list li {
	width:100%;
	margin-bottom:30px;
}
.page6 .worker-list {
    max-width: 500px;
    margin: 0 auto;
}
.picker.picker--opened {
	top:30%;
}

}

@media screen and (min-width: 768px) and (max-width: 979px) {
.page1 .info {
	display:block;
	margin-top:70px;
    height: 100%!important;
}
.page1 .top-logo {
	width:125px;
	background-size:contain;
}
.page1 .top-contacts {
    width:400px;
    margin: -30px 0 0 -200px;
}
.page1 .top-phone a {
	font-size:32px;
}
.page1 .top-phone:before {
	position:inherit;
    width: 40px;
    height: 40px;
    background-size: contain;
}
.page1 .top-mail {
	margin-top:15px;
}
.page1 .top-mail a {
	font-size:26px;
}
.page1 .info-text {
	font-size:24px;
	line-height:32px;
}
.page1 .info-price {
    font-size: 22px;
    line-height: 38px;
}
.page1 .info-price span {
    font-size: 34px;
}
.page1 .info-price span i {
	font-size:32px;
}
.page4 .work-list {
	width:600px;
}
.page4 .work-list li:last-child {
	display:none;
}
.page6 .worker-list li {
	width:100%;
	margin-bottom:30px;
}
.page6 .worker-list {
    max-width: 500px;
    margin: 0 auto;
}
.order-form {
	max-width:768px;
}
.page9 .page-container {
}
}
@media screen and (min-width: 980px) {
/*effects*/

.page4 .page-container, .page1 .top-contacts,
.to-up {
	right:-300%;
    transition: 0.4s linear;
}
.viewing-page-4 .page4 .page-container,
.viewing-page-1 .page1 .top-contacts,
.viewing-page-9 .to-up {
	right:0;
}
.page4 .list-widget {
	right:300%;
    transition: 0.7s linear;
	transition-delay:0.3s;
}
.viewing-page-4 .page4 .list-widget {
	right:50px;
	bottom:3%;
}
.page5 .page-container h2 {
	left:-300%;
    transition: 0.4s linear;
}
.viewing-page-5 .page-container h2 {
	left:0;
}
.page1 .page-container, .page2 .page-container,
.page3 .page-container, .page6 .page-container,
.page7 .page-container, .page8 .page-container,
.page10 .page-container
 {
	margin-left:-300%;
    transition: 0.4s linear;
}
.viewing-page-1 .page1 .page-container,
.viewing-page-2 .page2 .page-container,
.viewing-page-3 .page3 .page-container,
.viewing-page-6 .page6 .page-container,
.viewing-page-7 .page7 .page-container,
.viewing-page-8 .page8 .page-container,
.viewing-page-10 .page10 .page-container {
	margin-left:0;
}
.page9 ul {
	margin-top:300%;
    transition: 0.7s linear;
	transition-delay:0.2s;
}
.viewing-page-9 .page9 ul {
	margin-top:0;
}

.viewing-page-1 .main-nav,
.viewing-page-2 .main-nav,
.viewing-page-3 .main-nav,
.viewing-page-4 .main-nav,
.viewing-page-5 .main-nav,
.viewing-page-6 .main-nav,
.viewing-page-7 .main-nav,
.viewing-page-8 .main-nav,
.viewing-page-9 .main-nav,
.viewing-page-10 .main-nav {
	display:block!important;
}
}

@media screen and (min-width: 981px) and (max-width: 1024px) {
.page2 h2, .page10 h2 {
	margin-bottom:5%;
}
.wid-a, .wid-b, .wid-c {
	font-size:13px;
	line-height:14px;
}
.page3 .widget {
	margin-top:10%;
}
.page4 h2 {
    position: relative;
    font-size: 38px;
    line-height: 38px;
}
.page6 .worker-list {
	margin-top:5%;
}
.faq li {
	padding:10px 60px 10px 30px;
}
.faq li.q img {
	top:10px;
}
.page8 .order-hint {
	padding:0 30px;
	font-size:13px;
}
.order-form form {
	transform: scale(0.9);
	transition: all 0.9s;
}
.page8 .order-form input[type="text"], 
.page8 .order-form textarea, .page8 .order-form select {
	margin-bottom:25px;
}

.page9 .list-block {
	transform: scale(0.9);
	transition: all 0.9s;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.page2 h2, .page10 h2 {
	font-size: 50px;
    line-height: 50px;
}
}


@media screen and (max-width: 767px) and (orientation: landscape) {
.slicknav_nav {
	height:205px;
	overflow:scroll;
}
.picker__wrap {
	bottom:150px;
}
}

@media screen and (min-width: 1024px) and (max-height: 700px) {
.wid-a, .wid-b, .wid-c {
	font-size:13px;
	padding-top:20px;
	padding-bottom:20px;
}
.page3 .widget {
	margin-top:5%;
}
.page4 .back {
	width:75%;
	background-size:cover;
}
.page4 .page-container {
	width:25%;
}
.page4 h2 {
	font-size:36px;
	line-height:36px;
}
.viewing-page-4 .page4 .list-widget {
	right:25%;
}
.page4 .work-list {
	transform: scale(0.8);
}
.page7 .faq {
	position: absolute;
    top: 5%;
	transform: scale(0.8);
}
.page6 .worker-list {
	margin-top:0;
}
.page6 .worker-list li {
	margin-bottom:10px;
}
.page6 h2 {
	margin-bottom:10px;
}
.page8 .order-form select,
.page8 .order-form input[type="text"], 
.page8 .order-form textarea {
	margin-bottom:5px;
}
}

@media screen and (min-width: 1024px) and (min-height: 701px) {
.page4 .back {
	width:40%;
}
.page4 .page-container {
	padding:30px 50px;
	width:60%;
}
.page4 h2 {
	font-size:36px;
	line-height:36px;
}
.viewing-page-4 .page4 .list-widget {
	bottom:1%;
	right:10%;
}
.page4 .work-list {
	transform: scale(1);
	margin-bottom:0px;
}

}

@media screen and (min-width: 1024px) and (min-height: 1100px) {
.viewing-page-4 .page4 .list-widget {
    bottom: 12%;
    right: 15%;
    transform: scale(1.5);
}
}


@media screen and (min-height: 1000px) and (max-height: 1500px) {
.page2 h2, .page10 h2 {
	margin-bottom:5%;
}
.wid-a, .wid-b, .wid-c {
	margin-bottom:50px;
	font-size:18px;
}
.page3 .widget {
	margin-top:20%;
}
.page4 .work-list {
    margin-bottom: 5%;
	transform: scale(1);
}
.page4 .text {
    color: #404040;
    font-size: 18px;
    line-height: 24px;
}
#video-gallery {
	margin-top:10%;
}
.page6 .worker-block {
	margin-top:10%;
}
.page6 .worker-list li {
	margin-bottom:10%;
}
.page7 .faq {
	margin-top:10%;
}
.page8 .order-form select,
.page8 .order-form input[type="text"], 
.page8 .order-form textarea {
	margin-bottom:4%;
	padding-top:30px;
	padding-bottom:30px;
}
.page8 .order-form {
	margin-top:5%;
}
.page9 ul li {
	margin-bottom:20%;
}
.page9 .text {
	font-size:18px;
	line-height:24px;
    padding: 3% 0 4%;
}
}