html,body{
	width: 100%;
	min-width: 1200px;
	height: 100%;
	color: #282B53;
	background: #dbdad4;
	font: 400 16px/22px 'FuturaPT', Helvetica, sans-serif;
}

*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-moz-border-box: border-box;

	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}


img{border: none; max-width: 100%; height: auto;}

a{color: #BFA880;}
a:hover{color: #fff; text-decoration: none;}

h1, h2, h3, h4, h5, h6{margin: 0; padding: 0; color: #fff; text-transform: uppercase;}

h1{font: 400 60px/70px 'FuturaPT', Helvetica, sans-serif;}
h2{font: 400 32px/41px 'FuturaPT', Helvetica, sans-serif; 
	letter-spacing: 0.16em;}
h3{font: 400 27px/35px 'FuturaPT', Helvetica, sans-serif; letter-spacing: 0.16em;}
h4{font: 400 26px/32px 'FuturaPT', Helvetica, sans-serif;}
h5{font: 400 18px/26px 'FuturaPT', Helvetica, sans-serif;}
h6{font: 400 20px/24px 'FuturaPT', Helvetica, sans-serif;}

p{
	line-height: 22px;
	margin: 0 0 20px 0;
}


/* form */
.form{}

	.form .line{margin-bottom: 1px;}
	.form .line:first-of-type input{border-radius: 3px 3px 0 0;}
	.form .line:nth-of-type(3) input{border-radius: 0 0 3px 3px;}	

		.form input[type=text],
		.form textarea,
		.form select{
			width: 100%;
		}

.button{
	display: inline-block;
	vertical-align: middle;
	padding: 10px 30px;
	text-decoration: none;
	background: #BCA680;
	border: none;
	cursor: pointer;
	color: #fff;
	outline: none;
	text-align: center;
}

.button:hover{}
.button:active{}
.button:focus{outline: none;}

input[type=text], textarea{
	padding: 14px 12px;
	border: none;
	font: 200 14px/17px 'CeraPRO', sans-serif;
	display: inline-block;
	vertical-align: middle;
	width: 260px;
	height: 45px;
	color: #fff;
	background: #494c62;
}

.form input::-webkit-input-placeholder {color:#fff;}
.form input::-moz-placeholder          {color:#fff;}
.form input:-moz-placeholder           {color:#fff;}
.form input:-ms-input-placeholder      {color:#fff;}

textarea{min-height: 100px;}

input[type=text]:hover, textarea:hover{background: #d2d2d8; outline: none; color: #494c62;}
input[type=text]:focus, textarea:focus{background: #fff; outline: none; color: #494c62;}

.table{
	border-spacing: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	font-weight: 300;
}

		.table .tr td{
			padding: 10px 10px 10px 0;
			border-bottom: 2px solid #fff;
			line-height: 20px;
			font-weight: 500;
		}
		
		.table tr td{
			padding: 10px 10px 10px 0;
			line-height: 20px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		}

.row{
	width: 100%;
	display: table;
}

	.row .column{
		display: table-cell;
		/*outline: 1px solid orange;*/
		vertical-align: top;
		transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
	}
	
	.row .column.col-1{width: 8.33%;}
	.row .column.col-2{width: 16.66%;}
	.row .column.col-3{width: 25%;}
	.row .column.col-4{width: 33.33%;}
	.row .column.col-5{width: 41.66%;}
	.row .column.col-6{width: 50%;}
	.row .column.col-7{width: 58.33%;}
	.row .column.col-8{width: 66.67%;}
	.row .column.col-9{width: 75%;}
	.row .column.col-10{width: 83.33%;}
	.row .column.col-11{width: 91.67%;}
	.row .column.col-12{width: 100%;}

.icon{
	display: inline-block;
	vertical-align: middle;
}

.icon-phone{background: url(/content/images/icon-phone.svg) no-repeat; background-size: contain; width: 40px; height: 40px;}
.icon-phone-w{background: url(/content/images/icon-phone-w.svg) no-repeat; background-size: contain; width: 30px; height: 30px;}
.icon-mail{background: url(/content/images/icon-mail.svg) no-repeat; background-size: contain; width: 70px; height: 40px;}

.icon-sound-on{background: url(/content/images/sound_on.svg) no-repeat; background-size: contain; width: 30px; height: 30px;}
.icon-sound-off{background: url(/content/images/sound_off.svg) no-repeat; background-size: contain; width: 30px; height: 30px;}

.icon-fb-w{background: url(/content/images/icon-fb-w2.svg) no-repeat; background-size: contain; width: 30px; height: 30px;}
.icon-vk-w{background: url(/content/images/icon-vk-w2.svg) no-repeat; background-size: contain; width: 30px; height: 30px;}
.icon-yt-w{background: url(/content/images/icon-yt-w2.svg) no-repeat; background-size: contain; width: 30px; height: 30px;}
.icon-ig-w{background: url(/content/images/icon-ig-w2.svg) no-repeat; background-size: contain; width: 30px; height: 30px;}

.icon-fb{background: url(/content/images/icon-fb.svg) no-repeat; background-size: contain; width: 24px; height: 24px;}
.icon-vk{background: url(/content/images/icon-vk.svg) no-repeat; background-size: contain; width: 24px; height: 24px;}
.icon-ig{background: url(/content/images/icon-ig.svg) no-repeat; background-size: contain; width: 24px; height: 24px;}
.icon-yt{background: url(/content/images/icon-yt.svg) no-repeat; background-size: contain; width: 32px; height: 30px;}

.icon-a1{background: url(/content/images/icon-1.svg) no-repeat; background-size: contain; width: 75px; height: 75px;}
.icon-a2{background: url(/content/images/icon-2.svg) no-repeat; background-size: contain; width: 75px; height: 75px;}
.icon-a3{background: url(/content/images/icon-3.svg) no-repeat; background-size: contain; width: 75px; height: 75px;}
.icon-a4{background: url(/content/images/icon-4.svg) no-repeat; background-size: contain; width: 75px; height: 75px;}
.icon-a5{background: url(/content/images/icon-5.svg) no-repeat; background-size: contain; width: 75px; height: 75px;}

.icon-a6{background: url(/content/images/icon-6.svg) no-repeat; background-size: contain; width: 58px; height: 58px;}
.icon-a7{background: url(/content/images/icon-7.svg) no-repeat; background-size: contain; width: 58px; height: 58px;}
.icon-a8{background: url(/content/images/icon-8.svg) no-repeat; background-size: contain; width: 58px; height: 58px;}

.icon-f9{background: url(/content/images/icon-9_2.svg) no-repeat; background-size: contain; width: 58px; height: 58px;}
.icon-f10{background: url(/content/images/icon-10.svg) no-repeat; background-size: contain; width: 58px; height: 58px;}

.icon-doc{background: url(/content/images/icon-doc.png) no-repeat; width: 28px; height: 35px;}
.icon-doc-2{background: url(/content/images/icon-doc-2.png) no-repeat; width: 21px; height: 28px;}

.align-c{text-align: center;}
.align-r{text-align: right;}
.align-j{text-align: justify;}

.hidden{opacity: 0;}
.visible{opacity: 1;}

.mt-40{margin-top: 40px !important;} 
.mt-30{margin-top: 30px !important;} 
.mb-40{margin-bottom: 40px !important;}
.mb-30{margin-bottom: 30px !important;}

.h2-blue{
	font: 400 32px/40px 'FuturaPT', sans-serif;
	color: #111C32;
	text-transform: none;
}

	.h2-blue:after{
		content: '';
		display: block;
		height: 2px;
		width: 110px;
		margin: 20px 0 15px;
		background: #111C32;
	}


.h-line:after{
	content: '';
	display: block;
	height: 2px;
	width: 215px;
	margin-top: 10px;
	background: #bfa980;
}

/* layer */
.layer{
	position: relative;
}

.container{
    width: 78%;
	margin: 0 auto;
}

.about .container {
	margin: 0 auto;

    margin-top: -150px;}

.container-relative{position: relative; height: 100%;}
	
.right-nav{
	position: fixed;
	right: 20px;
	top: 50%;
	z-index: 700;
	padding: 0;
	margin: 0;
	margin-top: -100px;
	list-style: none;
}

	.right-nav li{width: 18px; padding: 10px 0;}

		.right-nav li a{
			display: block;
			width: 7px;
			height: 7px;
			background: rgba(255, 255, 255, 0.5);
			border: none;
			margin: 0 auto;

			transition: none;
			-moz-transition: none;
			-webkit-transition: none;
			-o-transition: none;
		}

		.right-nav li a:hover{background: rgba(255, 255, 255, 1);}

		.right-nav li.active a{
			width: 18px;
			height: 18px;
			background: #a28f80;
			transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
		}

.doc-fixed{
	position: fixed;
	top: 33px;
	right: 120px;
	z-index: 300;
	opacity: 1;
}

.doc-fixed a{
		cursor: pointer;
		color: #fff;
		font-size: 14px;
		line-height: 18px;
		margin-left: 23px;

		letter-spacing: 0.16em;
text-transform: uppercase;
		text-decoration: none;
		/*opacity: 0.5;*/
	}
	.doc-fixed:last-child{margin-left: 0;}
.doc-fixed a:hover{opacity: 1;}
	
/* sound-fixed */
.sound-fixed{
	position: fixed;
	top: 33px;
	right: 70px;
	z-index: 300;
}

	.sound-fixed .icon{
		cursor: pointer;
		opacity: 0.5;
	}
	.sound-fixed .icon:hover{opacity: 1;}


/* callback-fixed */
.callback-fixed{
	position: fixed;
	right: 40px;
	bottom: 80px;
	z-index: 710;
	font-size: 0;
	cursor: pointer;
}

	.callback-fixed .column{
		display: inline-block;
		vertical-align: middle;
		position: relative;
		height: 56px;
		width: 56px;
		background: #BCA680;
		padding: 13px;
		animation: pulse 2s infinite;
		
		border-radius: 50%;
	}
	.callback-fixed .column .column-outer{
		position: absolute;
		top: -5px;
		left: -5px;
		height: 66px;
		width: 66px;
		background: #BCA680;
		opacity: 0.2;
		
		border-radius: 50%;

	}
	@keyframes pulse {
		0% {
			transform: scale(0.98);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
		}
	
		70% {
			transform: scale(1);
			box-shadow: 0 0 0 6px rgba(0, 0, 0, 0);
		}
	
		100% {
			transform: scale(0.98);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		}
	}


		.callback-fixed .hint{font: 400 italic 16px/18px 'OriginalGaramondCBT', sans-serif; color: #bca680; display: block;}
		.callback-fixed .number{font: 300 18px/20px 'CeraPRO', sans-serif; color: #fff; display: block;}

/*.callback-fixed:hover{background: #fff;}*/
		/*.callback-fixed:hover .number{color: #bca680;}*/

/* header-fixed */
.header-fixed{
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	min-width: 320px;
	z-index: 720;
}

	.header-fixed .logo{
		display: inline-block;
		width: 80px;
		height: 80px;
		background: #1c1f3b url(/content/images/logo-fixed.svg) no-repeat;
		background-size: contain;
	}

	.mn-button{
		display: inline-block;
		width: 80px;
		height: 80px;
		background: url(/content/images/icon-nav.svg) no-repeat;
		background-size: contain;
		cursor: pointer;
	}

	.mn-close{
		position: absolute;
		top: 28px;
		right: 20px;
		display: none;
		width: 18px;
		height: 18px;
		background: url(/content/images/icon-close.svg) no-repeat;
		background-size: contain;
		cursor: pointer;
	}

	.mn-block{
		display: none;
		padding: 10px 15px;
	}

		.mn-menu{
			margin: 0 0 25px;
			padding: 0;
			list-style: none;
		}

			.mn-menu .item{}
			
			.mn-menu .item:after{
				content: '';
				display: block;
				height: 2px;
				width: 24px;
				margin: 10px 0;
				background: #bfa980;
			}
			.mn-menu .item:last-child:after{display: none;}

				.mn-menu .item a{
					color: #fff; 
					font: 300 18px/20px 'CeraPRO', sans-serif;
					text-decoration: none;
					text-transform: uppercase;
				}

		.mn-docs{
			margin: 0 0 25px;
			cursor: pointer;
		}

			.mn-docs .hint{
				display: inline-block;
				vertical-align: middle;
				width: 260px;
				color: #fff;
				font-size: 13px;
				line-height: 16px;
				font-weight: 300;
				margin-left: 12px;
			}
		
		.mn-adress{position: absolute; bottom: 100px; left: 10px; right: 10px;}

		.mn-social{position: absolute; bottom: 15px; left: 10px; right: 10px;}
			
			.mn-social .item{width: 25%; text-align: center;}
				.mn-social .item .icon{display: block; margin: 0 auto 3px !important;}

.header-fixed.show{display: block;}

.header-fixed.active{background: rgba(28, 31, 59, 0.95); bottom: 0;}
	.header-fixed.active .logo{background-color: transparent;}
	.header-fixed.active .mn-block{display: block;}
	.header-fixed.active .mn-button{display: none;}
	.header-fixed.active .mn-close{display: block;}

/* section */
.section{position: relative;}


/* header */
.header{}

	.header	.logo-wrap{
		display: block;
		position: absolute;
		top: 0;
		/*left: -250px;*/
		padding: 95px 0px 65px;
		/*background: #111c32;*/
		z-index: 120;
	}

		.header .logo-wrap .logo{
			background: url(/content/images/logo.svg) no-repeat; 
			background-size: contain; 
			width: 220px; 
			height: 290px;
			display: block;
		}

	.header-social{
		position: absolute;
		top: 30px;
		right: 20px;
		z-index: 130;
	}

		.header-social a{display: block; margin-bottom: 25px;}
			.header-social a .icon{opacity: 0.5;}
			.header-social a:hover .icon{opacity: 1;}


	.header-views{
		position: absolute;
		bottom: 110px;
		/*left: -250px;*/
		z-index: 140;
	}

.views{
	width: 250px;
}

	.views .item {
		color: #fff;
		/*opacity: 0.5;*/
		cursor: pointer;
		/*padding: 10px 0 10px 75px;*/
		position: relative;
		
		font-style: normal;
		font-weight: 300;
		font-size: 14px;
		letter-spacing: 0.16em;
		text-transform: uppercase;
		margin-bottom: 5px;
		position: static;

	}
	.promo .views .item {

		position: relative;
		display: inline-block;
		line-height: 18px;
		width: 33%;
	}
	
	.views .item:hover{opacity: 1;}
	.views .item.active{color: #fff; opacity: 1;}

	.views .item:after {
		content: '';
		display: block;
		margin-top: 10px;
		height: 2px;
		width: 20px;
		background: #fff;
	}

	.views .item.active:after{
		content: '';
		display: block;
		height: 2px;
		width: 80%;
		background: #fff;
	}
	.promo .views .item:after {
		margin: 10px auto 0;

	}

.header-views-area{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 65% !important;
	z-index: 100;
	overflow: hidden;
}
	
	.views-area{
		opacity: 0; 
		position: absolute; 
		top: 0; 
		left: 0; 
		right: 0; 
		bottom: 0;
		z-index: 105;
		background-size: cover !important;
	}
	.views-area.active{opacity: 1; z-index: 110;}


		.view-title{
			position: absolute;
			left: 120px;
			bottom: 55px;
			font-size: 42px;
line-height: 54px;
text-transform: uppercase;
		}

/* about */
.about{}

	.about .inner{width: 430px; z-index: 140; position: relative;}

		.desc-text{font-weight: normal; font-size: 16px; line-height: 24px; font-family: 'CeraPRO'; color: #111C32;}

	.about-metrics{
		font-size: 0;
		margin-top: 75px;
		margin-left: -21px;
		position: relative;
		z-index: 141;
	}

		.about-metrics .item{
			display: inline-block;
			vertical-align: top;
			width: 120px;
			padding: 0;
			text-align: center;
			color: #282B53;
		}

			.about-metrics .item .icon{margin-bottom: 15px;}
			.about-metrics .item .num{font-size: 22px; font-weight: 600; display: block; margin-bottom: 15px;}
			.about-metrics .item .hint{font-size: 12px; line-height: 16px; font-weight: 300; display: block;}

	.about-bg{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 135;
		background: url(/content/images/about-bg2.png) right;
		background-size: cover;
	}


/* promo */
.promo{}
	
	.promo-views{
		position: absolute;
		left: 0;
		bottom: 60px;
		width: 240px;
		z-index: 200;
		
	}
	.promo .promo-views{
		bottom: 30px;
		width: 100%;
		text-align: center;
	}

		.promo-views .item,
		.promo-views .item.active{color: #fff;}
	
	.promo-views-area{
		position: absolute; 
		top: 0; 
		left: 0; 
		right: 0; 
		bottom: 0;
		z-index: 100;
		background-size: cover !important;
	}
		
		.views-area{
			outline: 1px solid red
			opacity: 0; 
			position: absolute; 
			top: 0; 
			left: 0; 
			right: 0; 
			bottom: 0;
			z-index: 105;
		}
		.views-area.active{opacity: 1; z-index: 110;}

	.promo-title{
		position: absolute;
		bottom: 120px;
		z-index: 120;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		left: 0;
		right: 0;
	}
	.promo-title h2 {
		font-size: 42px;
		line-height: 54px;
	}

		.promo-title .h-line:after{margin: 20px 0; content: none;}

		/*blog*/
		.blog{}
		.blog .h2-blue{text-transform: uppercase;
			padding-left: 25px;
			padding-top: 9px;}
		.blog .h2-blue::after{content: none;}
		.blog .row .column {
			width: 58px;
		}
		.blog .row .column::after {
			content: '';
			display: block;
			height: 3px;
			width: 58px;
			margin: 20px 0 23px;
			background: #1B1F3A;
		}
		.blog .blogs{ 
			font-size: 0;

		}
		.blogs-big{
			display: inline-block;
width: 55%;
			position: relative;
		}
		.blogs-big-image{
			background-size: cover !important;
			position: relative;
			width: 100%;
			height: 458px;
			min-height: 425px;
			z-index: 110;
			display: block;
			top: 0;
			left: 0;
		}
		.blogs-big-image:hover{
			-webkit-box-shadow: 6px 7px 20px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 6px 7px 20px 0px rgba(0,0,0,0.21);
box-shadow: 6px 7px 20px 0px rgba(0,0,0,0.21);
		}
		.blogs-big-date{
			position: absolute;
			top: 24px;
			left: 24px;
			z-index: 120;
			font-family: "FuturaPT";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: 0.3em;

color: #FFFFFF;
		}
		.blogs-big-title{
			position: absolute;
			bottom: 24px;
			left: 24px;
			z-index: 120;
			font-family: "FuturaPT";
			font-style: normal;
			font-weight: 500;
			font-size: 35px;
			line-height: 45px;
			text-decoration: none;
			
			color: #FFFFFF;
		}
		.blogs-big-categories{
			display: inline-block;
padding: 20px 0 30px;
width: 60%;
overflow: hidden;
		}
		.blogs-category{
			display: inline-block;
			margin-right: -1px;
color: #fff;
padding: 8px 10px 7px 14px;
border: 1px solid #fff;
font-weight: 500;
font-size: 14px;
line-height: 18px;
/* identical to box height */

letter-spacing: 0.3em;
text-transform: uppercase;
		}
		.blogs-big-arrows{
			
text-align: right;
position: absolute;
right: 0;
bottom: -48px;
		}
		.blogs-big-arrows .arrow-left,
		.blogs-big-arrows .arrow-right {
			width: 48px;
			height: 48px;
			border: 1px solid #BCA680;
			cursor: pointer;
			display: inline-block;
			vertical-align: bottom;
		}
		.blogs-big-arrows .arrow-left {
background: url("/content/images/arrow-left-b.png") center no-repeat;
		}
		.blogs-big-arrows .arrow-right {
			background: url("/content/images/arrow-right-b.png")center no-repeat;
			
		}
		.blogs-big-arrows .arrow-right.active,
		.blogs-big-arrows .arrow-left.active  {
			
			border: 0;
			width: 60px;
			height: 60px;
			
		}
		.blogs-big-arrows .arrow-right.active{background: url("/content/images/arrow-right-w.png")center no-repeat;
			background-color: #BCA680;}
		.blogs-big-arrows .arrow-left.active{background: url("/content/images/arrow-left-w.png")center no-repeat;
			background-color: #BCA680;}
		.blogs-small{
			display: inline-block;
			width: 43%;
			vertical-align: top;
			margin-left: 2%;
			position: relative;

		}
		.blogs-small-title{
			
font-family: "CeraPRO";
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 26px;
/* identical to box height, or 186% */

letter-spacing: 2px;
text-transform: uppercase;

/* Colors / Text */

color: rgba(21, 20, 57, 0.4);
position: absolute;
top: -41px;
left: 0;
		}
		.small-blog{
			
			height: 115px;
			margin-bottom: 27px;
		}
		.small-blog-image{
			background-size: cover;
			width: 207px;
			display: inline-block;
			height: 115px;
		}
		.small-blog-desc{
			display: inline-block;
			vertical-align: top;
			padding: 5px 24px;
			width: calc(100% - 207px);
			height: 115px;
			position: relative;
		}
		.small-blog-title{
			font-family: "CeraPRO";
font-size: 16px;
line-height: 26px;
text-decoration: none;
color: #1B1F3A;
		}
		.small-blog-title:hover{
			text-decoration: underline;
			color: #1B1F3A;
			
		}
		.small-blog-date{
			font-family: "CeraPRO";
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
color: rgba(21, 20, 57, 0.4);
position: absolute;
    bottom: 0;
    left: 24px;
		}

		.blog .subscription {
			background: rgba(255, 255, 255, 0.5); 
			width: 100%;
			
			padding: 28px 25px;
		}
		.blog .subscription .subscription-title {
			display: inline-block;
			width: 30%;
			color: #1B1F3A;
			font-family: "CeraPRO";
			font-style: normal;
			font-weight: 500;
			font-size: 18px;
			line-height: 28px;
			vertical-align: middle;

		}
		.blog .subscription .subscription-text {
			font-family: "CeraPRO";
			font-style: normal;
			font-size: 16px;
			line-height: 26px;
			color: rgba(21, 20, 57, 0.4);
			
mix-blend-mode: normal;
			display: inline-block;
			vertical-align: middle;
			width: 33%;

		}
		.blog .subscription .subscription-form {
			display: inline-block;
			width: 35%;
			text-align: right;

		}
		.blog .subscription .subscription-form .subscription-input{
			
			font: 400 18px/26px 'CeraPRO', sans-serif;
color: #000;
border: 0;
height: 50px;
padding: 13px 18px 11px;
width: auto;
background: #fff;
		}
		.blog .subscription .subscription-form .subscription-input:focus{
			outline: none;
		}
		
		.blog .subscription .subscription-form input::-webkit-input-placeholder,
		.blog .subscription .subscription-form input:-ms-input-placeholder,
		.blog .subscription .subscription-form input::-moz-placeholder ,
		.blog .subscription .subscription-form input:-moz-placeholder ,
		.blog .subscription .subscription-form input::placeholder { /* Edge */
			font-family: "CeraPRO";
			color: rgba(21, 20, 57, 0.4);
font-weight: 500;
font-size: 18px;
line-height: 26px;
		  }
		.blog .subscription .subscription-form .subscription-button{
			
			vertical-align: top;
			padding: 11px 22px 13px;
color: #FFFFFF;
font-family: "CeraPRO";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;

background: #BCA680;
box-shadow: none;
border: 0;
		}


/* advantages */
.advantages{}

	.advantages .inner{width: 560px;}
	
	.advantages-item{margin-bottom: 30px;}
	.advantages-item:last-child{margin-bottom: 0;}

	.advantages .row{margin-bottom: 30px;}
		.advantages .row .column{/*float: left; padding-top: -10px;*/ width: 58px;}
		.advantages .row .column::after{
			
		content: '';
		display: block;
		height: 3px;
		width: 58px;
		margin: 20px 0 15px;
		background: #1B1F3A;
		}
		.advantages .row .h2-blue{
			/*margin-left: 80px;*/ 
			padding-left: 25px;
		}
		.advantages .row .h2-blue::after{content: none;}

	.promo-view-wrap{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 40%;
		z-index: 140;
	}

		.promo-view .item .back{background-size: cover !important; width: 100%;}

	.promo-view .slick-dots{
		padding: 0;
		margin: 0;
		list-style: none;
		font-size: 0;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 32px;
		text-align: center;
	}

		.promo-view .slick-dots li{
			width: 57px; border: 1px solid #C1AB80; height: 57px; display: inline-block; cursor: pointer;
		
			position: relative;
		}
			
			/*.promo-view .slick-dots li:nth-child(1){padding: 0 15px 0 20px;}
			.promo-view .slick-dots li:nth-child(2){padding-left: 15px;}*/
			.promo-view .slick-dots li::after{
				color: #fff;
				font-family: "CeraPRO";
				font-weight: 300;
				display: block;
				position: absolute;
				font-size: 20px;
				line-height: 24px;
				top: 15px;
				/* font-size: 14px; */
			}
			.promo-view .slick-dots li:nth-child(1)::after{
				content: "День";
				left: -60px;
			}
			.promo-view .slick-dots li:nth-child(2)::after{
				content: "Ночь";
				right: -60px;
			}
			.promo-view .slick-dots li:nth-child(1):before{
				content: '';
				display: block;
				text-align: left;
				line-height: 55px;
				width: 55px;
				height: 55px;
				font-size: 20px;
				font-weight: 200;
				color: #fff;
				background: url(/content/images/icon-sun.svg) no-repeat center center;
				background-size: 32px 32px;
			}

			.promo-view .slick-dots li:nth-child(2):before{
				content: '';
				display: block;
				text-align: right;
				line-height: 55px;
				width: 55px;
				height: 55px;
				font-size: 20px;
				font-weight: 200;
				color: #fff;
				background: url(/content/images/icon-moon.svg) no-repeat center center;
				background-size: 32px 32px;
			}

			.promo-view .slick-dots li button{display: none;}
			
			.promo-view .slick-dots li.slick-active{background: #C1AB80;}

			.promo-view .slick-dots li.slick-active:nth-child(1):before{background: url(/content/images/icon-sun-w.svg) no-repeat center center; background-size: 32px 32px;}
			.promo-view .slick-dots li.slick-active:nth-child(2):before{background: url(/content/images/icon-moon-w.svg) no-repeat center center; background-size: 32px 32px;}

			/*floors*/
.floors{background: #1B1F3A;}
.floors-views-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60% !important;
    z-index: 100;
    overflow: hidden;
}
.floors-views-text{
	font-size: 16px;
line-height: 24px;
font-family: "CeraPRO";
font-weight: 200;
position: absolute;
top: 170px;
left: 50%;

transform: translate(-50%, 0);

z-index: 120;
color: #fff;
}
.floors .container{
	
    width: 40%;
    margin: 0 0 0 auto;
}
.floors-right {
    position: relative;
	z-index: 140;
    display: block;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	min-width: 420px;
	width: 420px;
	transform: translate(-50%, -50%);
}
.floors-title{
text-align: left;
}
.floors-title::after{
	content: '';
    display: block;
    margin-top: 20px;
    height: 3px;
    width: 57px;
    background: #BCA680;
}
.floors-description{
	color: #fff;
	font-family: "CeraPRO";
	font-weight: 300;
	font-size: 16px;
line-height: 24px;
padding-top: 20px;
padding-bottom: 40px;
}
.floors-views {
    position: relative;
	z-index: 140;
	text-align: center;
	
	
    width: 100%;
}
			.floors-slider-wrap{
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				width: 60%;
				z-index: 140;
			}
			.floors-slider .item .back{background-size: cover !important; width: 100%;}
			.views.floors-views .item {font-size: 16px; line-height: 21px; border: 1px solid #BCA680; 
				padding: 18px 53px;     margin-bottom: -1px;}
				.views.floors-views .item:hover{
					background: rgb(188, 166, 128, 0.5)}
				.views.floors-views .item.active{
					background: #BCA680;}
			.views.floors-views .item:after{content: none;}

/* flat */
.flat{}

	.flat .inner{/*width: 280px; float: right;*/}
	.flat .container:after{content: ''; display: block; clear: right;}
	.flat .row .column {
		width: 58px;
	}
	.flat .row .column::after {
		content: '';
		display: block;
		height: 3px;
		width: 58px;
		margin: 20px 0 15px;
		background: #1B1F3A;
	}
	.flat .row{margin-bottom: 30px;}
		.flat .row .column{/*float: right; padding-top: 14px;*/}
		.flat .row .h2-blue{/*margin-right: 100px;*/ padding-left: 25px; text-transform: uppercase;  
			padding-top: 9px;}
		.flat .row .h2-blue::after{content: none;}

	.flat-list{}
	.flat-list .flat-column {
		display: inline-block;
		width: 260px;
		vertical-align: top;
	}
	.flat-list .flat-column:last-child {
		padding-left: 20px;
		width: 300px;
	}
.flat-list .item{max-width: 260px;}
.flat-list .flat-column:last-child .item{max-width: 300px;}
		.flat-list .item:after{
			content: '';
			display: block;
			height: 3px;
			width: 29px;
			margin: 15px 0;
			background: #1B1F3A;
		}
		.flat-list .item:last-child:after{display: none;}

	.flat-slider-wrap{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 40%;
		z-index: 140;
	}

		.flat-slider .item .back{background-size: cover !important; width: 100%;}
		

/* flat-promo */
.flat-promo{}

.flat-promo .container{height: 0;}

	.flat-form{
		position: absolute;
		top: 0;
		right: 10%;
		width: 20%;
		min-width: 340px;
		width: 340px;
		padding: 115px 20px 20px;
		background: #1b1f3a;
		z-index: 130;
	}
	.flat-form .form_title {
		color: #fff;
		text-transform: uppercase;
		font-size: 20px;
line-height: 26px;
text-align: center;
letter-spacing: 0.16em;
	}
		.flat-form h5{margin-bottom: 40px;}
		.flat-form #error_text {color:red; font-size: 14px;
			text-align: left; 
			letter-spacing: 0.06em;}
			.flat-form #error_text p{}
			.flat-form #error_text p:last-child{margin-bottom: 0;}
		.flat-form input{}
		.flat-form .agreement_text{

		}
		.checkbox-line {
			display: block;
			position: relative;
			padding-left: 29px;
			text-align: left;
			margin-bottom: 12px;
			margin-top: 35px;
			cursor: pointer;
			color: #fff;
			font-size: 12px;
line-height: 18px;
font-family: "CeraPRO";

font-weight: 300;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		  }
		  
		  /* Hide the browser's default checkbox */
		  .checkbox-line input {
			position: absolute;
			opacity: 0;
			cursor: pointer;
			height: 0;
			width: 0;
		  }
		  
		  /* Create a custom checkbox */
		   .checkmark {
			position: absolute;
			top: 0;
			left: 0;
			height: 20px;
			width: 19px;
			background-color: #eee;
		  }
		  
		  /* On mouse-over, add a grey background color */
		  .checkbox-line:hover input ~ .checkmark {
			background-color: #ccc;
		  }
		  
		  /* When the checkbox is checked, add a blue background */
		  .checkbox-line input:checked ~ .checkmark {
			background-color: #BCA680;
		  }
		  
		  /* Create the checkmark/indicator (hidden when not checked) */
		  .checkbox-line .checkmark:after {
			content: "";
			position: absolute;
			display: none;
		  }
		  
		  /* Show the checkmark when checked */
		  .checkbox-line input:checked ~ .checkmark:after {
			display: block;
		  }
		  
		  /* Style the checkmark/indicator */
		   .checkmark:after {
			left: 7px;
			top: 4px;
			width: 4px;
			height: 8px;
			border: solid white;
			border-width: 0 2px 2px 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		  }

		.flat-form .button{width: 100%; margin-top: 35px; text-transform: uppercase; letter-spacing: 0.16em;
			line-height: 21px;}

	.flat-promo-slider{
		position: absolute; 
		top: 0; 
		left: 0; 
		right: 0; 
		bottom: 0;
		z-index: 100;
	}

		.flat-promo-slider .item .back{background-size: cover !important; width: 100%;}

	.flat-promo-info{
		position: absolute;
		bottom: 45px;
		left: 0;
		z-index: 120;
	}

		.flat-promo-info .hint{color: #fff; margin-bottom: 10px; text-transform: uppercase; 
			letter-spacing: 0.16em;
		}
		.flat-promo-info h3.h-line{
			
			width: min-intrinsic;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: table-caption;
    display: -ms-grid;
    -ms-grid-columns: min-content;
		}
		.flat-promo-info h3:last-child{text-transform: none;}

		.flat-promo-info .h-line:after{margin: 14px 0 10px; width: 120%; background: #fff;}

	.flat-promo-title{
		position: absolute;
		bottom: 90px;
		right: 10%;
		font-size: 42px;
		line-height: 54px;
		
letter-spacing: 0.16em;
		z-index: 125;
		width: min-intrinsic;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
display: table-caption;
display: -ms-grid;
-ms-grid-columns: min-content;
	}

		.flat-promo-title.h-line:after{margin-top: 20px; width: 120%; background: #fff;}


/* contact */
.fp-contact {
    background: #1B1F3A;;
}
.contact{
	height: 632px;
}

	.contact-info{
		position: absolute;
		bottom: 0;
		left: 0;
		height: 50%;
		padding: 25px 25px 25px;
		background: #1b1f3a;
		z-index: 120;
		color: #fff;
		width: 340px;
	}

	.contact-adress{color: #fff;}

		.contact-adress .hint{font-family: "CeraPRO";
			font-style: normal;
			font-weight: 300;
			font-size: 16px;
			line-height: 20px;
			text-transform: uppercase;
			color: #FFFFFF;
			  margin-bottom: 30px;}
		
		.contact-adress .adress{font-family: "CeraPRO"; font-size: 16px;
			line-height: 20px; 
			font-weight: 300;}
			.contact-adress .adress b{font-weight: 300;}

	.contact-social{font-size: 0;}

		.contact-social .item{
			display: inline-block;
			font: 300 10px/12px 'CeraPRO', sans-serif; color: #BCA680; text-align: center;
			
			font-size: 0;
		}

			.contact-social .item a{color: #BBA580; text-decoration: none; display: block; text-align: left;}
			.contact-social .item a:hover{color: #fff;}
			
				.contact-social .item a .icon{margin-right: 6px;}

				.contact-social .item a:hover .icon-fb{background: url(/content/images/icon-fb-w2.svg) no-repeat; background-size: contain;}
				.contact-social .item a:hover .icon-vk{background: url(/content/images/icon-vk-w2.svg) no-repeat; background-size: contain;}
				.contact-social .item a:hover .icon-ig{background: url(/content/images/icon-ig-w2.svg) no-repeat; background-size: contain;}
				.contact-social .item a:hover .icon-yt{background: url(/content/images/icon-yt-w2.svg) no-repeat; background-size: contain;}

	.contact .contact-social{margin-top: 20px;}

		.contact .contact-social .item{width: 20%; margin-top: 20px;}

	#map{
		opacity: 0.6;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
			
/** modal **/
#overlay_modal {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 1000;}

.modal{cursor: pointer;}
	
.modal-box{
	display: none; 
	position: fixed;
	top: 50%; 
	left: 50%;
	z-index: 1005;
	height: auto;
	background: #1c1f3b;
	box-shadow: 0 15px 0 -8px #bfa980;

	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

	.modal-box .modal-body{display: none; max-width: 500px; width: 320px;}
		
		.modal-body .inner{padding: 60px 40px 40px; max-width: 500px; height: 400px;}
		
		.callback-form{}
			.callback-form h5{margin-bottom: 40px;}

			.callback-form input{width: 225px;}
			.callback-form .button{width: auto; margin-top: 35px;}

			.callback-success{padding-top: 20px;}
				.callback-success h2{font-weight: 400; color: #bfa980; margin: 20px 0 30px;}


/* static-page */
.static-page{
	/*display: none;*/
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(28, 31, 59, 0.95);
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	z-index: 715;
	padding: 50px 20px 50px 80px;
}

.static-page.active{display: block;}

	.static-page-close{
		position: absolute;
		top: 28px;
		right: 20px;
		display: block;
		width: 18px;
		height: 18px;
		background: url(/content/images/icon-close.svg) no-repeat;
		background-size: contain;
		cursor: pointer;
	}

	.static-page-area{
		padding-right: 30px;
	}

.static-page-white{
	background: #fff;
	color: #25294f;
}

.doc-list{max-width: 630px; margin-top: 100px;}

	.doc-list a{
		color: #25294f;
		text-decoration: none;
		font-size: 15px;
	}
	.doc-list a:hover{text-decoration: underline; color: #303ebd;}
	
	.doc-list .column{vertical-align: middle; padding: 10px 0;}

	.doc-list .line{border-bottom: 1px solid #25294e;}

@media screen and (max-width: 1600px) {
	
	.header-views-area{width: 67%;}
	.promo-view-wrap{width: 40%;}
	.flat-bg{width: 60%;}

}


@media screen and (max-width: 1280px) {
	
	.header	.logo-wrap{padding: 85px 45px 55px;}

		.header .logo-wrap .logo{width: 210px; height: 280px;}

	.container{width: 960px;}

	.promo-view-wrap{width: 39%;}
	.flat-bg{width: 61%;}
	
	.flat-form{right: 25px; padding-top: 80px;}

}