#modalOverlay {
	position: fixed;
	top: 0;
	z-index: 9999;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
}
#preloader {
	display: none;
	position: fixed;
	top: 50%;
	height: 80px;
	margin-top: -40px;
	left: 0;
	right: 0;
	z-index: 10000;
}

.spinner { 
	width: 30px;
	height: 30px;
	background-color: #fff;
	top: 50%;
	left: 50%;
	margin-top: -15px; 
	margin-left: -15px; 
	position: absolute;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out;
}

.spinner-text {
	position: absolute;
	text-align: center;
	color: #fff;
	left: 0;
	right: 0;
	top: 60px;
}


@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@font-face {
	font-family: 'Circe';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/Circe/Circe-Light.eot');
	src: url('../fonts/Circe/Circe-Light.eot?#iefix') format("embedded-opentype"), 
		 url('../fonts/Circe/Circe-Light.woff') format("woff"), 
		 url('../fonts/Circe/Circe-Light.ttf') format("truetype");
}

@font-face {
	font-family: 'Circe';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/Circe/Circe-Regular.eot');
	src: url('../fonts/Circe/Circe-Regular.eot?#iefix') format("embedded-opentype"), 
		 url('../fonts/Circe/Circe-Regular.woff') format("woff"), 
		 url('../fonts/Circe/Circe-Regular.ttf') format("truetype");
}

@font-face {
	font-family: 'Circe';
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/Circe/Circe-Bold.eot');
	src: url('../fonts/Circe/Circe-Bold.eot?#iefix') format("embedded-opentype"), 
		 url('../fonts/Circe/Circe-Bold.woff') format("woff"), 
		 url('../fonts/Circe/Circe-Bold.ttf') format("truetype");
}

@font-face {
	font-family: 'OctavaC';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/OctavaC/OctavaC-Regular.eot');
	src: url('../fonts/OctavaC/OctavaC-Regular.eot?#iefix') format("embedded-opentype"), 
		 url('../fonts/OctavaC/OctavaC-Regular.woff') format("woff"), 
		 url('../fonts/OctavaC/OctavaC-Regular.ttf') format("truetype");
}

@font-face {
	font-family: 'OctavaC';
	font-style: italic;
	font-weight: normal;
	src: url('../fonts/OctavaC/OctavaC-RegularItalic.eot');
	src: url('../fonts/OctavaC/OctavaC-RegularItalic.eot?#iefix') format("embedded-opentype"), 
		 url('../fonts/OctavaC/OctavaC-RegularItalic.woff') format("woff"), 
		 url('../fonts/OctavaC/OctavaC-RegularItalic.ttf') format("truetype");
}

.underline-no {
	border-bottom: 0;
}

h1 {
	margin: 0;
}

h2 {
	font-size: 32px;
	margin: 0 0 28px 0;
	line-height: 1.2;
}

h3 {
	margin: 0 0 12px 0;
}

h4 {
	margin: 0 0 12px 0;
}

p {
	margin: 0 0 12px 0;
}

.flowfix:before,
.flowfix:after {
	content: "";
	display: table;
}

.flowfix:after {
	clear: both;
}

.pseudo-link {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.small-caps {
	font-size: 75%;
	letter-spacing: .08em;
	margin-right: -.25em;
	text-transform: uppercase;
}

.smalll-caps {
	font-size: 64%;
	letter-spacing: .05em;
	margin-right: -.25em;
	text-transform: uppercase;
	font-weight: lighter;
}

.half-space {
	font-size: 50%;
}

.rub {
	display: inline-block;
    position: relative;
    vertical-align: baseline;
}

.rub:after {
    bottom: 0.6em;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 70%;
}

.center {
	text-align: center;
}

.button {
	border: 0;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	-webkit-user-select: none; 
	-moz-user-select: none;     
	-ms-user-select: none;      
	-o-user-select: none;
	user-select: none;
	-webkit-transition: opacity .15s ease;
	-moz-transition: opacity .15s ease;
	-o-transition: opacity .15s ease;
	transition: opacity .15s ease;
	position: relative;
}

.button:hover {
	opacity: .8;
}

.button--aqua {
	font-size: 14px;
	color: #000;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 4px 7px rgba(19,48,75,.75), inset 0 1px 1px rgba(255,255,255,.4);
	background: rgb(207,240,253);
	background: -moz-linear-gradient(top,  rgba(207,240,253,1) 0%, rgba(131,200,227,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,240,253,1)), color-stop(100%,rgba(131,200,227,1)));
	background: -webkit-linear-gradient(top,  rgba(207,240,253,1) 0%,rgba(131,200,227,1) 100%);
	background: -o-linear-gradient(top,  rgba(207,240,253,1) 0%,rgba(131,200,227,1) 100%);
	background: -ms-linear-gradient(top,  rgba(207,240,253,1) 0%,rgba(131,200,227,1) 100%);
	background: linear-gradient(to bottom,  rgba(207,240,253,1) 0%,rgba(131,200,227,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cff0fd', endColorstr='#83c8e3',GradientType=0 );
	padding: 8px 20px;
}

.button--blue {
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	background: rgb(50,118,177);
	background: -moz-linear-gradient(top,  rgba(50,118,177,1) 0%, rgba(84,134,175,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,118,177,1)), color-stop(100%,rgba(84,134,175,1)));
	background: -webkit-linear-gradient(top,  rgba(50,118,177,1) 0%,rgba(84,134,175,1) 100%);
	background: -o-linear-gradient(top,  rgba(50,118,177,1) 0%,rgba(84,134,175,1) 100%);
	background: -ms-linear-gradient(top,  rgba(50,118,177,1) 0%,rgba(84,134,175,1) 100%);
	background: linear-gradient(to bottom,  rgba(50,118,177,1) 0%,rgba(84,134,175,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3276b1', endColorstr='#5486af',GradientType=0 );
	padding: 12px 26px;
	box-shadow: inset 0 1px 1px rgba(255,255,255,.4);
	background-clip: padding-box;
	line-height: 1.1;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.button--red {
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	background: rgb(255,0,60);
	background: -moz-linear-gradient(top,  rgba(255,0,60,1) 0%, rgba(209,18,59,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,60,1)), color-stop(100%,rgba(209,18,59,1)));
	background: -webkit-linear-gradient(top,  rgba(255,0,60,1) 0%,rgba(209,18,59,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,0,60,1) 0%,rgba(209,18,59,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,0,60,1) 0%,rgba(209,18,59,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,0,60,1) 0%,rgba(209,18,59,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff003c', endColorstr='#d1123b',GradientType=0 );
	padding: 12px 26px;
	box-shadow: inset 0 1px 1px rgba(255,255,255,.4);
	background-clip: padding-box;
	line-height: 1.1;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.button--border {
	border-width: 5px;
	border-style: solid;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.button > .small-caps {
	white-space: nowrap;
}

.load-more {
	color: #000;
	font-size: 16px;
	cursor: pointer;
	font-weight: bold;
}

.load-more__icon {
	background: url('../images/icons/spinner.png') top left no-repeat;
	display: inline-block;
	height: 30px;
	margin-right: 6px;
	width: 30px;
	vertical-align: middle;
}

.load-more--run .load-more__icon {
	background-position: bottom left;
}

.load-more--run .load-more__icon {
	animation: loading 1s linear infinite;
	-webkit-animation: loading 1s linear infinite;
}

@keyframes loading {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes loading {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.page {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	max-width: 980px;
	width: 980px;

	box-shadow: 0 6px 8px rgba(20, 44, 57, 0.5)
}

.block {
	margin-bottom: 64px;
	position: relative;
}

.block--intro {
	background: url(../images/temp/promo-intro-isk.jpg) 0 0 no-repeat;
	padding-bottom: 32px;
}

.block--intro-natural {
	background: url(../images/temp/promo-intro-natural.jpg) 0 0 no-repeat;
	padding-bottom: 32px;
}

.block--intro .block__overlay {
	background-color: rgba(0,0,0,.6);
	color: #fff;
	padding-top: 70px;
	padding-bottom: 40px;
	margin-bottom: 10px;
	z-index: 10;
	position: relative;
}

.block--intro .logo {
	background: url(../images/misc/logo-aparh-small70txt-white.png) 0 0 no-repeat;
	height: 70px;
	top: 29px;
	left: 35px;
	position: absolute;
	text-indent: -9999px;
	width: 200px;
}

.block--intro .contacts {
	position: absolute;
	right: 52px;
	top: 16px;
}

.block--intro .contacts__info {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

.block--intro .button--aqua {
	vertical-align: middle;
}

.block--intro .contacts__phone {
	font-size: 22px;
	font-family: 'OctavaC', serif;
	font-style: bold;
	margin-left: -13px;
}

.block--intro .contacts__time {
	font-size: 14px;
}

.block--intro .block__title-wrap {
	margin-left: 96px;
	margin-right: 96px;
}

.block--intro .block__overlay__note {
	font-style: italic;
	font-family: 'OctavaC', serif;
	font-size: 24px;
}

.block--intro .block__form-wrap {
	margin-left: 34px;
	margin-right: 34px;
}

.block--intro .block__form {
	display: table;
	width: 100%;
}

.block--intro .form {
	display: table-row;
}

.block--intro .form__video-wrap,
.block--intro .form__form-wrap {
	display: table-cell;
	vertical-align: top;
}

.block--intro .form__video-wrap {
	width: 500px;
}

.block--intro .form__form-wrap {
	text-align: right;
}

.block--intro .form__video {
}

.block--intro .form__form {
	width: 365px;
	padding: 9px;
	position: relative;
	display: inline-block;
}

.block--intro .form__form:after {
	content: "";
	-webkit-border-radius: 25px;
	border-radius: 25px;
    bottom: 0;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.4);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.block--intro .form__form__inner {
	background-color: #fff;
	position: relative;
	z-index: 20;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 10px;
}

.block--intro .form__form__corner {
	position: absolute;
	height: 10px;
	width: 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 10;
}

.block--intro .form__form__corner--tl {
	background-image: url('../images/misc/corner-top-left.png');
	top: 0;
	left: 0;
}

.block--intro .form__form__corner--tr {
	background-image: url('../images/misc/corner-top-right.png');
	top: 0;
	right: 0;
}

.block--intro .form__form__corner--bl {
	background-image: url('../images/misc/corner-bottom-left.png');
	bottom: 0;
	left: 0;
}

.block--intro .form__form__corner--br {
	background-image: url('../images/misc/corner-bottom-right.png');
	bottom: 0;
	right: 0;
}

.block--intro .form__form__line {
	position: absolute;
	z-index: 10;
}

.block--intro .form__form__line--top,
.block--intro .form__form__line--bottom {
	height: 10px;
	left: 10px;
	right: 10px;
}

.block--intro .form__form__line--top {
	top: 0;
	background-color: #fff;
}

.block--intro .form__form__line--bottom {
	bottom: 0;
	background-color: #e7f7fb;
}

.block--intro .form__form__line--right,
.block--intro .form__form__line--left {
	width: 10px;
	top: 10px;
	bottom: 10px;
	background-color: #fff;

}

.block--intro .form__form__line--right {
	right: 0;
}

.block--intro .form__form__line--left {
	left: 0;
}

.block--intro .form__title {
	font-size: 21px;
	line-height: 1.15;
	margin-bottom: 24px;
}

.block--intro .form__item {
	margin-bottom: 8px;
}

.block--intro .form__field {
	width: 100%;
}

.block--intro .form__submit {
	background-color: #e7f7fb;
	margin-left: -28px;
	margin-right: -28px;
	padding: 18px 23px 10px;
}

.block--intro .block__form .button {
	width: 100%;
}

.block--intro .button--border {
	border-color: rgba(0,0,0,.08);
}

.block--features .features {
	margin-left: 96px;
}

.block--features .features__row {
	margin-bottom: 24px;
}

.block--features .features__item {
	float: left;
	font-size: 14px;
	width: 215px;
	position: relative;
}

.block--features .features__item--corner:after {
	content: "";
	background: url(../images/misc/arrow.png) 0 0 no-repeat;
	width: 20px;
	height: 137px;
	position: absolute;
	top: -2px;
	right: -20px;
}

.block--features .feature__top {
	font-size: 18px;
	line-height: 1.15;
	margin-bottom: 12px;
}

.block--features .feature__top strong {
	font-size: 48px;
}

.block--features .feature__note {
	font-family: 'OctavaC', serif;
	font-style: italic;
	position: relative;
	padding-top: 10px;
	line-height: 1.4;
}

.block--features .feature__note:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	background-color: #86d1cd;
	width: 54px;
}

.block--features .materials {
	float: left;
	margin-top: -15px;
	position: relative;
}

.block--features .materials .button {
	margin-right: 10px;
	margin-top: 42px;
	left: -5px;
}

.materials-more {
	display: none;
}

.materials-more .materials {
	margin-left: 5px;
}

.features__item--corner + .materials {
	width: 600px;
	margin-left: 69px;
}

.block--features .materials__item {
	float: left;
	width: 140px;
	margin-top: 20px;
}

.block--features .materials__item2 {
	float: left;
	width: 190px;
	margin-top: 20px;
}

.block--features .materials__item3 {
	float: left;
	width: 210px;
	margin-top: 20px;
}

.block--features .materials__iteme {
	float: left;
	width: 5px;
	margin-top: 10px;
}

.block--features .material__pic-wrap {
	display: inline-block;
	margin-bottom: 10px;
	box-shadow: 7px 7px 15px rgba(0,0,0,.8);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	vertical-align: top;
}

.block--features .material__pic {
	vertical-align: top;
	width: 100%;
}

.block--features .material__pic2 {
	vertical-align: top;
	width: 100%;

}
.block--features .material__caption {
	font-size: 14px;
	font-style: italic;
	font-family: 'OctavaC', serif;
}

.block--features .button--border {
	border-color: rgba(0,0,0,.08);
}

.block--happy .fotorama__overlay {
	position: absolute;
	background-color: rgba(8,97,143,.6);
	width: 400px;
	z-index: 10;
	top: 0;
	right: 0;
	height: 486px;
	color: #fff;
}

.block--happy .fotorama__form {
	width: 400px;
	background-color: rgba(0,0,0,.8);
	position: absolute;
	height: 486px;
	z-index: 10;
	top: 0;
	right: 0;
	display: none;
}

.block--happy .fotorama__form .close {
	position: absolute;
	cursor: pointer;
	color: #fff;
	font-size: 36px;
	top: 0;
	right: 10px;
}

.block--happy .fotorama__form .close:hover {
	color: #f93838;
}

.block--happy .fotorama__form .form {
	padding: 30px 38px 0 38px;
}

.block--happy .fotorama__form .form__title {
	text-align: center;
	color: #fff;
	margin-bottom: 26px;
}

.block--happy .fotorama__form .form__item {
	margin-bottom: 20px;
}

.block--happy .fotorama__form .form__field {
	width: 100%;
	color: #000;
}

.block--happy .fotorama__form .button {
	width: 100%;
	-moz-box-sizing: border-box;
   box-sizing: border-box;
}

.block--happy .product {
	padding: 30px 38px 0 38px;
}

.block--happy .product__title {
	font-size: 36px;
	line-height: 1.2;
}

.block--happy .product__price-title {
	position: relative;
	top: 10px;
	margin-top: -10px;
}

.block--happy .product__price {
	font-size: 48px;
	margin-bottom: 12px;
	font-weight: 300;
}

.block--happy .fotorama__overlay .button {
	display: block;
	margin-left: -5px;
	margin-right: -5px;
}

.block--happy .button--border {
	border-color: rgba(255,255,255,.2);
}

.block--happy .rub:after {
	height: 2px;
	background-color: #fff;
}

.block--happy .fotorama-wrap,
.block--set .fotorama-wrap {
	box-shadow: 0 20px 19px -18px rgba(20,44,57,.5);
	position: relative;
}

.block--stone .block__body {
	margin-left: 96px;
	margin-right: 96px;
}

.block--stone .features {
	line-height: 1.5;
}

.block--stone .button--blue {
	margin-top: 24px;
}

.block--stone .features p + h3 {
	margin-top: 32px;
}

.block--stone .features h3 {
	margin-bottom: 6px;
}

.block--offer .offer {
	background: url(../images/temp/promo-offer.jpg) 0 0 no-repeat;
}

.block--offer .meet {
	background: url(../images/temp/promo-offer-natural.jpg) 0 0 no-repeat;
}

.block--offer .offer-natural {
	background: url(../images/temp/promo-offer.jpg) 0 0 no-repeat;
}




.block--offer .meet__overlay {
	width: 500px;
	background-color: rgba(20, 44, 57, 0.7);
	color: #fff;
	padding: 24px 20px 26px 50px;
}

.block--offer .meet__note {
	font-size: 21px;
	line-height: 1.4;
	font-weight: 300;
}


.block--offer .meet__offer {
	margin-top: 24px;
	margin-bottom: 18px;
}

.block--offer .meet__price,
.block--offer .meet__counter {
	float: left;
}

.block--offer .meet__counter {
	position: relative;
	margin-left: 40px;
	display: none;
}

.block--offer .meet__counter:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 1px;
	background-color: #fff;
	left: -20px;
}

.block--offer .meet__price__old {
	font-weight: 300;
	font-size: 14px;
	text-decoration: line-through;
}

.block--offer .meet__head__current {
	font-size: 38px;
	line-height: 1.1;
	margin-top: -10px;
	margin-bottom: +10px;
}

.block--offer .meet__counter__time {
	font-size: 31px;
	line-height: 1.2;
}





.block--offer .offer__overlay {
	width: 490px;
	background-color: rgba(7,77,113,.7);
	color: #fff;
	padding: 24px 20px 26px 50px;
}

.block--offer .offer__note {
	font-size: 21px;
	line-height: 1.4;
	font-weight: 300;
}

.block--offer .button {
	text-align: left;
	margin-left: -6px;
}

.block--offer .button--border {
	border-color: rgba(255,255,255,.2);
}

.block--offer .offer__offer {
	margin-top: 24px;
	margin-bottom: 18px;
}

.block--offer .offer__price,
.block--offer .offer__counter {
	float: left;
}

.block--offer .offer__counter {
	position: relative;
	margin-left: 40px;
	display: none;
}

.block--offer .offer__counter:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 1px;
	background-color: #fff;
	left: -20px;
}

.block--offer .offer__price__old {
	font-weight: 300;
	font-size: 14px;
	text-decoration: line-through;
}

.block--offer .offer__price__current {
	font-size: 48px;
	margin-top: -10px;
}

.block--offer .offer__counter__time {
	font-size: 31px;
	line-height: 1.2;
}

.block--offer .rub:after {
	height: 4px;
	background-color: #fff;
	bottom: 0.55em;
}

.block--change {
	background: url(../images/temp/promo-change.jpg) 0 0 no-repeat;
	padding: 30px 96px;
	color: #fff;
}

.block--change .block__inner {
	position: relative;
	z-index: 10;
}

.block--change .block__inner:before {
	content: "";
	position: absolute;
	background: url(../images/temp/stamp.png);
	width: 359px;
	height: 181px;
	opacity: .4;
	left: 50%;
	margin-left: -180px;
	top: 20px;
}

.block--change-2 .block__inner:before {
	visibility: hidden;
}

.block--change-2 {
	background-image: url(../images/files/promo-order.jpg);
}

.block--change:before,
.block--change:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.block--change:before {
	background: -moz-linear-gradient(top,  rgba(10,79,115,0.8) 0%, rgba(10,79,115,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,79,115,0.8)), color-stop(100%,rgba(10,79,115,0)));
	background: -webkit-linear-gradient(top,  rgba(10,79,115,0.8) 0%,rgba(10,79,115,0) 100%);
	background: -o-linear-gradient(top,  rgba(10,79,115,0.8) 0%,rgba(10,79,115,0) 100%);
	background: -ms-linear-gradient(top,  rgba(10,79,115,0.8) 0%,rgba(10,79,115,0) 100%);
	background: linear-gradient(to bottom,  rgba(10,79,115,0.8) 0%,rgba(10,79,115,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0a4f73', endColorstr='#000a4f73',GradientType=0 );
}


.block--change:after {
	background: -moz-linear-gradient(top,  rgba(10,79,115,0.4) 0%, rgba(10,79,115,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,79,115,0.4)), color-stop(100%,rgba(10,79,115,0)));
	background: -webkit-linear-gradient(top,  rgba(10,79,115,0.4) 0%,rgba(10,79,115,0) 100%);
	background: -o-linear-gradient(top,  rgba(10,79,115,0.4) 0%,rgba(10,79,115,0) 100%);
	background: -ms-linear-gradient(top,  rgba(10,79,115,0.4) 0%,rgba(10,79,115,0) 100%);
	background: linear-gradient(to bottom,  rgba(10,79,115,0.4) 0%,rgba(10,79,115,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660a4f73', endColorstr='#000a4f73',GradientType=0 );
}

.block--change .block__header,
.block--change .block__body {
	position: relative;
	z-index: 10;
}

.block--change .block__note {
	font-size: 24px;
	line-height: 1.3;
	margin-top: -14px;
	margin-bottom: 28px;
	font-weight: 300;
}

.block--change .block__form {
	width: 394px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(0,0,0,.8);
	display: inline-block;
	padding: 30px;
}

.block--change .form__item {
	margin-bottom: 12px;
}

.block--change .form__field {
	width: 100%;
	color: #000;
}

.block--change .button {
	width: 100%;
}

.block--compare .block__inner {
	padding-left: 96px;
	padding-right: 96px;
}

.block--compare .compare__column {
	width: 360px;
}

.block--compare .compare__column--left {
	float: left;

}

.block--compare .compare__column--right {
	float: right;
	color: rgba(0,0,0,.85);
}

.block--compare .compare__title {
	font-size: 36px;
	line-height: 1.15;
}

.block--compare .compare__column__header {
	margin-bottom: 24px;
}

.block--compare .compare__column__body {
	position: relative;
}

.block--compare .compare__column__body h4 {
	margin-bottom: 0;
	font-size: 28px;
}

.block--compare .compare__column__body p {
	margin-bottom: 0;
}

.block--compare .compare__column__body p + h4 {
	margin-top: 28px;
}

.block--compare .compare__column--left .compare__column__body:after {
	content: "";
	width: 1px;
	top: 0;
	bottom: 0;
	right: -24px;
	background-color: rgba(7,77,113,.1);
	position: absolute;
}

.block--compare .compare__price-label {
	font-size: 18px;
	font-style: italic;
	font-family: 'OctavaC', serif;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 6px;
}

.block--compare .compare__price {
	font-weight: 300;
	font-size: 100px;
}

.block--compare .compare__column--left .compare__price {
	color: #e94e4e;
}

.block--compare .compare__column--right .compare__price {
	color: #16c21e;
}

.block--compare .compare__column .rub:after {
	height: 5px;
}

.block--compare .compare__column--left .rub:after {
	background-color: #e94e4e;
}

.block--compare .compare__column--right .rub:after {
	background-color: #16c21e;
}

.block--milestones .milestones__row {
	text-align: center;
	margin-bottom: 58px;
}

.block--milestones .milestones__item {
	display: inline-block;
	width: 200px;
	vertical-align: top;
	margin-left: 15px;
	margin-right: 15px;
}

.block--milestones .milestones__note {
	font-style: italic;
	font-size: 14px;
	font-family: 'OctavaC', serif;
	line-height: 1.4;
	position: relative;
	z-index: 10;
}

.block--milestones .milestones__step {
	position: relative;
	text-align: center;
	height: 100px;
}

.block--milestones .milestones__step-num {
	font-size: 100px;
	font-style: italic;
	font-family: 'OctavaC', serif;
	color: rgba(214,244,250,.6);
	position: absolute;
	left: 0;
	right: 0;
	top: 0px;
}

.block--milestones .milestones__step-caption {
	font-size: 24px;
	position: relative;
	z-index: 10;
}

.milestones__step-caption-wrap {
	display: table;
	height: 100px;
	width: 100%;
}

.milestones__step-caption {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2;
}

.block--opinions {
	background-color: rgba(216,244,255,.3);
}

.block--opinions .block__inner {
	/*padding: 30px 60px;*/
	padding-top: 30px;
	padding-bottom: 30px;
}

.block--opinions .block__body {
	margin-top: -30px;
}

.block--opinions .opinion {
	margin-bottom: 42px;

}

.opinion__message {
	margin-bottom: 12px;
	font-family: 'OctavaC', serif;
	font-style: italic;
	text-align: center;
}

.opinion__message .quote-text {
	font-size: 30px;
}

.opinion__message .quote-open,
.opinion__message .quote-close {
	font-size: 48px;
	color: #3bc6f3;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.opinion__message .quote-open:before,
.opinion__message .quote-close:before,
.opinion__message .quote-open:after,
.opinion__message .quote-close:after {
	content: "";
	background-color: rgba(0,0,0,.2);
	height: 1px;
	width: 170px;
	position: absolute;
	top: 50%;
}

.opinion__message .quote-open:before,
.opinion__message .quote-close:before {
	left: -190px;
}

.opinion__message .quote-open:after,
.opinion__message .quote-close:after {
	right: -190px;
}

.opinion .user__userpic-wrap,
.opinion .user__name {
	display: inline-block;
	vertical-align: middle;
} 

.opinion .user__userpic-wrap {
	height: 45px;
	width: 45px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 15px;
}

.opinion .user__userpic {
	vertical-align: top;
	width: 100%;
}

.block--thanks .block__inner {
	padding-left: 60px;
	padding-right: 60px;
}

.thanks__item {
	display: inline-block;
	vertical-align: top;
	margin-left: 24px;
	margin-right: 24px;
	box-shadow: 0 9px 18px rgba(45,89,107,.5);
}

.thanks__pic {
	vertical-align: top;
}

.block--end .button-wrap {
	margin-bottom: 56px;
}

.block--end .button--border {
	border-color: rgba(0,0,0,.08);
}

.block--end .note {
	font-style: italic;
	font-size: 30px;
	font-family: 'OctavaC', serif;
	margin-bottom: 18px;
}

.block--end .address {
	font-style: italic;
	font-size: 30px;
	font-family: 'OctavaC', serif;
	margin-bottom: 18px;
}

.block--end .phone {
	font-size: 100px;
	line-height: 1;
	margin-bottom: 10px; 
}
/*
.block--end .phone .phone__code {
	font-size: 32px;
	color: rgba(0,0,0,.4);
	position: relative;
	top: -40px;
	margin-right: 20px;
}*/

.block--end .map {
	margin-bottom: 36px;
}

.popup--white {
	position: relative;
	background: #FFF;
	padding: 20px 40px;
	width: auto;
	max-width: 390px;
	margin: 20px auto;
	box-shadow: 0 22px 16px -18px rgba(0, 0, 0, 0.75);
}

.popup .popup__title {
	font-size: 21px;
	line-height: 1.15;
	margin-bottom: 24px;
	text-align: center;
}

.popup .form__item {
	margin-bottom: 12px;
}

.popup .form__field {
	width: 100%;
}

.popup .form__submit {
	background-color: #e7f7fb;
	margin-left: -40px;
	margin-right: -40px;
	padding: 18px 35px 20px;
	margin-bottom: -20px;
}

.popup .button {
	width: 100%;
}

.popup .button--border {
	border-color: rgba(0,0,0,.08);
}

.popup .thanks-text {
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: bold;
	line-height: 1.2;
	font-size: 21px;
}











/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0.001; /* Chrome opacity transition bug */
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

.readmore-js-toggle {
	display: block;
	text-align: center;
}

.readmore-js-toggle .button--border {
    border-color: rgba(0,0,0,.08);
}

.page-footer {
	background-color: #0c3f60;
	color: #fff;
	position: relative;
	padding: 40px 50px;
	margin-top: -64px;
}

.page-footer .copyright {
	float: left;
}

.page-footer .legal {
	float: right;
}

.page-footer .logo {
	background: url(../images/misc/logo-aparh-bigtxt-white.png) 0 0 no-repeat;
	background-size: cover;
	height: 98px;
	position: absolute;
	width: 234px;
	left: 40%;
	margin-left: -32px;
	margin-top: -8px;
}












/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.png), url(../images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}