@font-face {
    font-family: 'icomoon';
    src:  url('/fonts/icomoon.eot?beuxib');
    src:  url('/fonts/icomoon.eot?beuxib#iefix') format('embedded-opentype'),
    url('/fonts/icomoon.ttf?beuxib') format('truetype'),
    url('/fonts/icomoon.woff?beuxib') format('woff'),
    url('/fonts/icomoon.svg?beuxib#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* General Reset */
body{
	margin: 0;
	color: #000;
	font: 16px/25px "Open Sans", sans-serif;
	background: #fff;
	min-width: 320px;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	min-height: 100vh;
}
img{border-style:none;}
input,
textarea,
select{
	color:#000;
	vertical-align:middle;
	font:100% Arial, Helvetica, sans-serif;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner{
	border: none;
	padding: 0;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
blockquote, q{quotes: none;}
q:before,
q:after {content: '';}
a{
	color:#000;
	text-decoration:none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
a:hover{color: inherit;}
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus{outline:none;}
*:before,
*:after,
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
p{margin: 0;}
.slick-slide{outline: none;}
.text-justify{text-align: justify;}
.yellow{color: #f9ba2d;}
.text-link{
	color: #4c2f1f;
	position: relative;
}
.text-link:after{
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 1px;
	width: 1%;
	background-color: #f9ba2d;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.text-link:hover:after{
	opacity: 1;
	visibility: visible;
	width: 100%;
}
.text-link:hover{color: #d9990a;}
/* General settings */
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-mail:before {content: "\e905";}
.icon-tel:before {
	content: "\e906";
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	display:inline-block;
}
.icon-01:before {content: "\e900";}
.icon-02:before {content: "\e901";}
.icon-03:before {content: "\e902";}
.icon-04:before {content: "\e903";}
.icon-05:before {content: "\e904";}
.icon-06:before {content: "\e907";}
.icon-07:before {content: "\e908";}
.icon-08:before {content: "\e909";}
.icon-09:before {content: "\e90a";}
.icon-10:before {content: "\e90b";}
.icon-11:before {content: "\e90c";}
.icon-fb:before {content: "\e90d";}
.left-holder{
	float: left;
	width: 58%;
}
.left-holder__container{
	max-width: 725px;
	float: right;
	padding: 0 15px;
	width: 100%;
}
.right-holder{
	float: right;
	width: 42%;
}
.right-holder__container{
	max-width: 445px;
	padding: 0 15px 0 60px;
}
.title{
	font-size: 30px;
	line-height: 34px;
	margin: 0 0 30px;
	font-weight: 300;
}
.title+.sub-title{margin-top: -20px;}
.sub-title{margin: 0 0 30px;}
.text-center{text-align: center;}
.row:after,
.container:after,
.clearfix:after{
	content: '';
	display: block;
	clear: both;
}
/*header*/
#header{
	padding: 10px 0 10px;
	background-color: #fff;
	border-bottom: solid 1px #b7b7b7;
	font-weight: 300;
}
.header__logo{
	float: left;
	width: 170px;
	margin-top: 12px;
}
.header__logo img{
	width: 100%;
	vertical-align: top;
	height: auto;
}
.fader{
	z-index: 40;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.open-menu{display: none;}
.header__holder{
	float: right;
	width: 160px;
	text-align: center;
    position: relative;
    margin-top: 16px;
}
.header__holder .header-fb{
    position: absolute;
    left: -47px;
    top: 50%;
    transform: translateY(-50%);
}
.header__holder .header-fb:before{
    font-size: 27px;
    line-height: 1;
    color: #4c2f1f;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.header__holder .header-fb:hover:before{
    color: #4c2f1f;
}
.header__btn-calback{
	vertical-align: top;
	display: block;
	font-size: 15px;
	line-height: 20px;
	border-radius: 999px;
	background-color: #4c2f1f;
	color: #fff;
	padding: 4px 15px 6px;
}
.header__btn-calback:hover{
	color: #fff;
	background-color: #806c64;
}
.header__phone{
	display: block;
	line-height: 20px;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 7px;
}
.header__phone:hover{color: #f9ba2d;}

.main-nav{
	float: left;
	list-style: none;
	padding: 0;
	margin: 18px 0 0 60px;
}
.main-nav a{color: #1d1d1d;}
.main-nav li:hover a{color: #f9ba2d;}
.main-nav li.active a{
	color: #f9ba2d;
	font-weight: 600;
}
.main-nav li{float: left;}
.main-nav li+li{margin-left: 25px;}

/*main-slider*/
.main-slider{position: relative;}
.main-slider__holder{
	display: table-cell;
	width: 1%;
	height: 580px;
	padding: 35px 0 60px;
	vertical-align: bottom;
}
.main-slider:after{
	z-index: 2;
	content: '';
	position: absolute;
	bottom: 30px;
	right: 120px;
	width: 170px;
	height: 134px;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(/images2/orlyne/badge-slider.png);
}
.main-slider__slide{
	overflow: hidden;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative;
	color: #4c2f1f;
	font-size: 20px;
	line-height: 24px;
	font-weight: 300;
	font-style: italic;
	overflow: hidden;
}
.main-slider__title{
	padding: 12px 20px;
	display: inline-block;
	position: relative;
}
.main-slider__title:before{
	z-index: 1;
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	left: -1000px;
	background-color: rgba(222, 227, 212, 0.9);
}
.main-slider__title span{
	z-index: 2;
	min-width: 500px;
	display: inline-block;
	position: relative;
}
/*
.main-slider__slide:before{
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0, .3);
	z-index: 1;
}
*/
.main-slider__slide .container{
	position: relative;
	z-index: 2;
}
.main-slider .slick-dots{
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 25px;
	width: 100%;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.main-slider .slick-dots li{
	display: inline-block;
	margin: 0 5px;
}
.main-slider .slick-dots button{
	padding: 0;
	background-color: #fff;
	border-radius: 999px;
	background-color: rgba(255,255,255, .65);
	border: solid 1px #fff;
	width: 15px;
	height: 15px;
	font-size: 0;
	line-height: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.main-slider .slick-dots button:hover,
.main-slider .slick-dots .slick-active button{background-color: rgba(255,255,255, 1);}

/*intro*/
.intro{
	padding: 70px 0 30px;
	font-weight: 300;
	color: #502713;
}
.intro p{margin-bottom: 55px;}
.intro-list{
	list-style: none;
	padding: 0;
	margin: 0 -5px;
	font-size: 0;
	line-height: 0;
}
.intro-list li{
	display: inline-block;
	width: 16.6666%;
	padding: 0 5px;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	vertical-align: top;
}
.intro-list_ico{
	color: #502713;
	display: block;
	text-align: center;
	margin: 0 0 30px;
	font-size: 60px;
}
/*details*/
.details{
	position: relative;
	color: #fff;
}
.details__gray{
	background-color: #f8f8f8;
}
.details__img{
	background-color: #502713;
	width: 58%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-position: 100% 50%;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0;
}
.details .title{margin-bottom: 50px;}
.details__list{
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: item;
	font-size: 19px;
	line-height: 23px;
	font-weight: 300;
}
.details__list li:before {
	content: counter(item);
	counter-increment: item;
	position: absolute;
	top: 0;
	left: 0;
}
.details__list li{
	position: relative;
	padding-left: 40px;
}
.details__list li+li{
	margin-top: 20px;
}
.right-holder--blue{
	background-color: #502713;
	padding: 50px 0;
	color: #fff;
}
/*planning*/
.planning{padding: 70px 0 50px;}
.planning-list{
	list-style: none;
	padding: 0;
	margin: 0 -20px;
	font-size: 0;
	line-height: 0;
}
.planning-list li{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	font-size: 16px;
	line-height: 20px;
	padding: 0 20px;
	margin-bottom: 20px;
	position: relative;
}
.planning-list li:nth-child(4){pointer-events: none;}
.planning-list li:nth-child(4):after{
	content: 'Продано';
	width: 135px;
	line-height: 35px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 0 0 0 -65px;
	background-color: #f09508;
	font-weight: 300;
}
.planning-list a{
	text-align: left;
	display: block;
	padding: 25px 12px;
	border:solid 1px transparent;
}
.planning-list a:hover{border-color: #533322;}
.planning-list__text{
	display: block;
	margin-bottom: 12px;
}
.planning-list__img{
	display: block;
	padding-top: 72%;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}

.planning__btn-more{
	margin: 0 auto;
	width: 225px;
	line-height: 28px;
	font-size: 15px;
	padding: 5px 10px;
	border: solid 1px #502713;
	border-radius: 1px;
	text-align: center;
	display: block;
	border-radius: 999px;
	color: #502713;
}
.planning__btn-more:hover{
	color: #fff;
	background-color: #502713;
}
textarea.sg-form__control{
	overflow: auto;
	border-radius: 15px !important;
	height: 80px !important;
	margin-bottom: 20px !important;
	resize: none;
}
.sg-form__control{
	width: 100%;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 20px !important;
	height: 30px !important;
	padding: 5px 15px;
	border-radius: 999px !important;
	background-color: transparent;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border: 0;
	margin-bottom: 20px !important;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255, 1);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255, 1);
	box-shadow: inset 0px 0px 0px 1px rgba(255,255,255, 1);
}
.sg-form__control:focus{
	-webkit-box-shadow: inset 0px 0px 0px 2px #f9ba2d;
	-moz-box-shadow: inset 0px 0px 0px 2px #f9ba2d;
	box-shadow: inset 0px 0px 0px 2px #f9ba2d;
}
.sg-form__control:focus::-moz-placeholder { color: #fff; opacity: 1;}
.sg-form__control:focus:-ms-input-placeholder {color: #fff;}
.sg-form__control:focus::-webkit-input-placeholder {color: #fff;}

.sg-form__control::-moz-placeholder { color: #c0c0c0; opacity: 1;}
.sg-form__control:-ms-input-placeholder {color: #c0c0c0;}
.sg-form__control::-webkit-input-placeholder {color: #c0c0c0;}
.btn-submit{
	width: 100%;
	display: block;
	border-radius: 999px;
	color: #fff !important;
	background-color: #f9ba2d;
	font-size: 15px !important;
	line-height: 20px !important;
	padding: 5px 5px;
	border: 0;
	margin-bottom: 20px;
	font-weight: 300 !important;
}
.sg-form{
	margin: 0;
	font-family: "Open Sans", sans-serif;
	max-width: 100%;
}
.sg-form__holder{
	margin: 0;
}
.grecaptcha-badge{
	display: none;
}
.btn-submit:hover{background-color: #d9990a;}
/*calback*/
.calback{
	background-color: #2e231d;
	padding: 80px 0 60px;
	color: #fff;
	text-align: center;
}
.calback .title{
	line-height: 1;
	margin: 0 0 20px;
}
/*video*/
.video{
	background-color: #3c3734;
	/* background-color: #2b2f39; */
	padding: 50px 0;
}
.video__player{
	border: 0;
	width: 100% !important;
	height: 640px !important;
}
.video-gallery{
	padding: 67px 0;
}
.video__player-gallery{
	border: 0;
	width: 100% !important;
	height: 530px !important;
}
/*location*/
.location{
	padding: 70px 0;
}
.location__title{
	text-align: center;
	margin: 20px 0;
}
.location__title:before{
	vertical-align: top;
	margin: -3px 10px 0 0;
	content: '';
	width: 21px;
	height: 27px;
	background:url(/images2/orlyne/map-marker.png) no-repeat 50% 50%;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block;
}
#location-map{
	max-width: 600px;
	margin: 30px auto 0;
	height: 520px;
}
.location .right-holder{
	padding: 45px 0;
	background-color: #fff1da;
	border-bottom: solid 4px #e4cea8;
	color: #2e231d;
}
.location__list{
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: item;
	font-size: 19px;
	line-height: 24px;
}
.location__list li:before {
	content: counter(item);
	counter-increment: item;
	position: absolute;
	top: 0;
	left: 0;
	color: #3c3734;
	width: 37px;
	height: 37px;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	line-height: 37px;
	background-color: #fff;
	border-radius: 999px;
}
.location__list li{
	position: relative;
	padding-left: 60px;
	padding: 5px 0 0 60px;
}
.location__list li+li{margin-top: 25px;}
#footer{
	background-color: #2e231d;
	padding: 30px 0 15px;
	font-size: 15px;
	line-height: 22px;
	color: #fff;
}
.footer__title{
	margin: 30px 0 20px;
	font-size: 17px;
	line-height: 21px;
	font-weight: 300;
}
#footer p{margin-bottom: 15px;}
.footer__logo{
	display: block;
	width: 180px;
	margin-bottom: 15px;
}
.footer__logo img{
	width: 100%;
	vertical-align: top;
	height: auto;
}
.footer__copy{
	float: left;
	font-size: 13px;
}
.footer__by{
	font-size: 13px;
	float: right;
}
.footer__by a{color: #f9ba2d;}
.footer__row{margin-top: 20px;}
.contact-list{
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
}
.contact-list a{
	position: relative;
	color: #fff;
	display: inline-block;
	line-height: 30px;
	padding-left: 35px;
}
.contact-list a:hover{color: #f9ba2d;}
.contact-list a:before{
	color: #f9ba2d;
	position: absolute;
	left: 0;
	top: 8px;
	font-size: 15px;
}
.contact-list .footer-fb{
    position: absolute;
    display: block;
    padding: 0;
    left: 240px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.contact-list .footer-fb:before{
    color: #f9ba2d;
    font-size: 28px;
    line-height: 1;
    position: static;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.contact-list .footer-fb:hover:before{
    color: #fff;
}
.footer-relation{
	display: block;
	width: 260px;
	min-height: 80px;
	background-color: #fff;
	border: 2px solid #f9ba2d;
	border-radius: 16px;
	color: #000;
	/*font-size: ;*/
	padding: 5px 15px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.footer-relation:hover{
	color: #000;
	cursor: pointer;
	background-color: #f9ba2d;
}
#footer .footer-relation p{
	padding-left: 10px;
	margin: 0;
}
.footer-relation__logo{
	display: inline-block;
	width: 110px;
	height: 40px;
	margin-right: 15px;
}
.footer-relation__logo img{
	width: 100%;
	height: auto;
	vertical-align: top;
}
.footer-relation__sign{
	display: inline-block;
	font-size: 15px;
	line-height: 35px;
	vertical-align: middle;
}
.footer-relation__sign mark{
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	background-color: transparent;
}
/*main*/
#main{
	padding: 35px 0;
}
.inner-page{
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}
.info-block{
	line-height: 27px;
	font-weight: 300;
	background-color: rgba(255,255,255, .95);
	padding: 40px 75px 20px;
}
.info-block p{
	margin-bottom: 30px;
	text-align: justify;
}
.info-block__logo-wrap{
	width: 155px;
	height: 95px;
	line-height: 95px;
	margin: 0 auto 10px;
}
.info-block__logo-wrap img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.btn-primary{
	display: inline-block;
	border-radius: 999px;
	background-color: #f9ba2d;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	padding: 10px 20px;
	margin: 0 0 30px;
	font-weight: 300;
}
.btn-primary:hover{
	color: #fff;
	background-color: #d9990a;
}
.img{margin: 46px 0;}
.img img{
	width: 100%;
	vertical-align: top;
	height: auto;
}
.cottedges{background-color: #f8f8f8;}
.cottedges .left-holder{padding-top: 70px;}
.cottedges__img{float: right;}
.project{padding: 45px 0px;}
.project__img{
	border: solid 1px #ebebeb;
	margin-bottom: 55px;
}
.gallery{
	position: relative;
	margin-bottom: 80px;
}
.gallery__slide{border: solid 1px #ebebeb;}
.gallery .slick-dots{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -40px;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.gallery .slick-dots li{
	display: inline-block;
	margin: 5px;
}
.gallery .slick-dots button{
	padding: 0;
	background-color: #fff;
	border-radius: 999px;
	border: solid 1px #f9ba2d;
	width: 15px;
	height: 15px;
	font-size: 0;
	line-height: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.gallery .slick-dots button:hover,
.gallery .slick-dots .slick-active button{background-color: #f9ba2d;}

.gallery .slick-arrow{
	position: absolute;
	top: 50%;
	margin-top: -21px;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border: solid 1px #353535;
	padding: 0;
	font-size: 0;
	line-height: 0;
	background-color: #fff;
	opacity: .8;
	z-index: 3;
}
.gallery .slick-arrow:hover{
	border-color: #f9ba2d;
	opacity: 1;
}
.gallery .slick-arrow:before{
	content: '';
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	width: 15px;
	height: 15px;
	border: solid #353535;
	border-width: 1px  1px 0 0;
	top: 50%;
	margin-top: -7px;
}
.gallery .slick-prev{left: -100px;}
.gallery .slick-next{right: -100px;}
.gallery .slick-next:before{
	left: 10px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.gallery .slick-prev:before{
	right: 10px;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#contact-map{
	height: 360px;
}
.contacts .title+.sub-title{
	margin: 0 0 20px;
}
/*Gallery page*/
#map-gallery{
	height: 415px;
	margin-bottom: 65px;
}
.location-gallery__subtitle{
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #313131;
	font-weight: 300;
	margin: -18px 0 32px;
}

/*Additional styles*/
.mb45{margin-bottom: 38px;}
.mb45{margin-bottom: 38px;}


/*genplan*/
.genplan{
	padding: 70px 0 50px;
	position: relative;
	text-align: center;
	background-color: #f8f8f8;
}
.genplan__map{
	width: 945px;
	position: relative;
	display: inline-block;
}
.genplan__map img{
	vertical-align: top;
}
.genplan__link{
	/*border: 1px solid #000;*/
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	opacity: 0;
	position: absolute;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: 50% 50%;
}
.genplan__link:hover{
	opacity: 1;
}
.genplan__link-01{
	top: 64px;
	left: 232px;
	background-image: url(/images2/orlyne/map/img-1-cottages.png);
	width:147px;
	height:239px;
	-webkit-clip-path: polygon(69px 4px,111px 6px,133px 18px,111px 75px,129px 124px,124px 205px,22px 208px,4px 197px,43px 102px,29px 75px,64px 5px);
	clip-path: url("#clipPolygon-01");
}
.genplan__link-02{
	top: 74px;
	left: 334px;
	background-image: url(/images2/orlyne/map/img-2-cottages.png);
	width:115px;
	height:207px;
	-webkit-clip-path: polygon(69px 4px,111px 6px,133px 18px,111px 75px,129px 124px,124px 205px,22px 208px,4px 197px,43px 102px,29px 75px,64px 5px);
	clip-path: url("#clipPolygon-02");
}
.genplan__link-03{
	top: 83px;
	left: 411px;
	background-image: url(/images2/orlyne/map//img-3-cottages.png);
	width:116px;
	height:198px;
	-webkit-clip-path: polygon(71px 5px,76px 18px,104px 20px,94px 77px,99px 121px,94px 192px,6px 196px,22px 116px,9px 79px,28px 4px);
	clip-path: url("#clipPolygon-03");
}
.genplan__link-04{
	top: 94px;
	left: 490px;
	background-image: url(/images2/orlyne/map/img-4-cottages.png);
	width:173px;
	height:192px;
	-webkit-clip-path: polygon(23px 7px,70px 8px,172px 33px,172px 167px,7px 175px,9px 68px,20px 5px);
	clip-path: url("#clipPolygon-04");
}
.genplan__link-05{
	top: 253px;
	left: 708px;
	background-image: url(/images2/orlyne/map/img-5-cottages.png);
	width:195px;
	height:268px;
	-webkit-clip-path: polygon(11px 16px,14px 15px,10px 16px,12px 12px,68px 12px,89px 44px,137px 41px,189px 154px,139px 174px,160px 253px,75px 261px,54px 181px,91px 160px,49px 49px,20px 51px,8px 9px);
	clip-path: url("#clipPolygon-05");
}
.genplan__link-06{
	top: 255px;
	left: 628px;
	background-image: url(/images2/orlyne/map/img-6-cottages.png);
	width:176px;
	height:281px;
	-webkit-clip-path: polygon(11px 10px,85px 7px,95px 46px,128px 45px,171px 158px,134px 175px,153px 258px,65px 268px,47px 188px,73px 165px,39px 51px,15px 51px,8px 9px);
	clip-path: url("#clipPolygon-06");
}
.genplan__link-07{
	top: 256px;
	left: 558px;
	background-image: url(/images2/orlyne/map/img-7-cottages.png);
	width:147px;
	height:282px;
	-webkit-clip-path: polygon(9px 4px,79px 6px,91px 51px,114px 48px,141px 167px,119px 182px,135px 263px,38px 274px,29px 195px,38px 173px,22px 51px,14px 51px,7px 7px);
	clip-path: url("#clipPolygon-07");
}
.genplan__link-08{
	top: 253px;
	left: 474px;
	background-image: url(/images2/orlyne/map/img-8-cottages.png);
	width:129px;
	height:286px;
	-webkit-clip-path: polygon(11px 6px,91px 6px,100px 56px,106px 56px,119px 176px,110px 192px,122px 276px,26px 286px,25px 192px,13px 161px,10px 53px,14px 5px);
	clip-path: url("#clipPolygon-08");
}
.genplan__link-09{
	top: 225px;
	left: 385px;
	background-image: url(/images2/orlyne/map/img-9-cottages.png);
	width:136px;
	height:328px;
	-webkit-clip-path: polygon(4px 87px,2px 204px,16px 220px,15px 327px,116px 313px,111px 217px,102px 191px,102px 93px,107px 84px,118px 77px,129px 69px,136px 53px,132px 33px,124px 9px,77px 4px,63px 4px,49px 17px,37px 36px,2px 35px);
	clip-path: url("#clipPolygon-09");
}
.genplan__link-10{
	top: 255px;
	left: 257px;
	background-image: url(/images2/orlyne/map/img-10-cottages.png);
	width:152px;
	height:312px;
	-webkit-clip-path: polygon(132px 6px,138px 55px,129px 68px,122px 169px,148px 186px,144px 295px,38px 305px,47px 200px,6px 174px,31px 60px,58px 60px,52px 6px);
	clip-path: url("#clipPolygon-10");
}
.genplan__link-11{
	top: 255px;
	left: 139px;
	background-image: url(/images2/orlyne/map/img-11-cottages.png);
	width:179px;
	height:326px;
	-webkit-clip-path: polygon(175px 13px,174px 58px,146px 74px,130px 177px,170px 201px,162px 306px,47px 318px,62px 216px,8px 185px,46px 70px,89px 68px,106px 10px);
	clip-path: url("#clipPolygon-11");
}
.genplan__link-12{
	top: 225px;
	left: 16px;
	background-image: url(/images2/orlyne/map/img-12-cottages.png);
	width:231px;
	height:365px;
	-webkit-clip-path: polygon(52px 17px,51px 1px,130px 1px,154px 25px,229px 32px,231px 39px,213px 93px,167px 96px,133px 229px,195px 243px,181px 345px,54px 351px,79px 273px,6px 237px,9px 223px,60px 114px,41px 116px,73px 34px);
	clip-path: url("#clipPolygon-12");
}
.genplan__link--sold{
	pointer-events: none;
	opacity: 1;
	background-image: none;
}
.genplan__link--sold:after{
	content: "Продано!";
	width: 80px;
	line-height: 30px;
	font-size: 15px;
	color: rgb(255, 255, 255);
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: rgb(240, 149, 8);
	font-weight: 300;
	margin: -65px 0px 0px -65px;
	transform: rotate(-20deg);
}
/*genplan__link options*/
.genplan__link-01.genplan__link--sold:after{
	margin: -87px 0px 0px -30px;
}

/* success popup*/
.success-pop-style{
	position: relative;
	color: #fff;
	padding: 15px;
	font-size: 17px;
	line-height: 21px;
	font-weight: 300;
}
.success-pop-style p{
	margin: 20px 0;
}
/* 404 page */
#main404 {
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
/*	padding: 35px 0;*/
	position: relative;
	display: table-cell;
	width: 1%;
	vertical-align: middle;
	background: #4c2f1f !important;
}
#main404:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.4);
}
#main404 h2{
	font-size: 144px;
	line-height: 148px;
	color: #fff;
	font-weight: 400;
	margin: 0 0 22px;
}
#main404 p{
	color: #fff	;
	font-size: 21px;
	line-height: 25px;
	margin: 0 0 27px;
}
#main404 .btn-home{
	display: inline-block;
	padding: 5px 30px;
	background-color: #fff;
	color: #000;
	border: 1px solid #f9ba2d;
	border-radius: 999px;
}
#main404 .btn-home:hover{
	background-color: #f9ba2d;
	color: #fff;
}


/*building-stage*/
.building-stage	{
	padding: 70px 0;
	max-width: 850px;
	margin: 0 auto;
}
.building-news {
	margin: 20px 0 0 -130px;
	padding: 0;
	list-style: none;
	font-size: 0;
	line-height: 0;
}
.building-news li{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 20px;
	padding-left: 130px;
	margin: 0 0 50px;
}
.building-news__img{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	margin-bottom: 10px;
	padding-top: 86%;
}
/*choose-cottage*/
.choose-cottage{
	padding: 75px 0;
	background-color: #fef2da;
}
.title mark{
	background-color: transparent;
	color: #ecb02c;
}
/*pagination*/
.pagination{
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.pagination .cur,
.pagination a{
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	background-color: transparent;
	border: 1px solid #d9990a;
	border-radius:999px;
	font-size: 13px;
	line-height: 36px;
	margin: 0 5px;
	text-align: center;
	color: #2e231d;
}
.pagination > a{
	color: #ecb02c;
}
.pagination .cur{
	background-color: #ecb02c;
	color: #fff;
}
.pagination a:hover{
	color: #2e231d;
	background-color: #ecb02c;
}

/*priceertising*/
.price{
    position: absolute;
    max-width: 390px;
    top: 39%;
    left: 4%;
    background-color: rgba(247, 250, 251, 0.9);
    padding: 25px 35px;
    color: #2e231d;
    font-style: normal;
    line-height: 1;
}
.price:hover{color: #2e231d;}
.price:after{
/*    content: '';*/
    position: absolute;
    width: 360px;
    height: 240px;
    top: -171px;
    left: 100px;
    background-image: url(/images2/orlyne/img-sale-header-orlune.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -2;
    opacity: .8;
}
.price__title{
    font-size: 25px;
    color: #30ad6b;
    margin-bottom: 10px;
    font-weight: 600;
    letter-spacing: 0.2px;
}
.price mark{
    background-color: transparent;
    color: #f9ba2d;
    font-weight: 700;
    font-size: 37px;
}
.price span{
    font-weight: 600;
    padding: 0 5px;
    font-size: 18px;
}
.price__txt{
    padding: 5px 0 0;
    font-size: 17px;
    line-height: 21px;
}

/* media */
@media screen and (max-width: 1199px){
	.container{max-width: 991px;}
	#header{padding: 10px 0;}
	.header__logo{width: 120px;}
	.header__btn-calback{padding: 4px 12px 6px;}
	#location-map {margin-left: 0;}
	.header__phone{margin: 0;}
	.main-nav{margin: 21px 0 0 15px;}
	.main-nav li+li{margin-left: 12px;}
	.gallery .slick-prev{left: 20px;}
	.gallery .slick-next{right: 20px;}
	.main-slider .slick-dots{bottom: 15px;}
	.intro-list{ text-align: center;}
	.intro-list li{width: 33.3333%;}
	.building-news{margin: 20px 0 0 -80px;}
	.building-news li{padding-left: 80px;}
/*    .contact-list .footer-fb{left: 49%;}*/
}
@media screen and (max-width: 991px){
	.main-slider:after{
		right: 75px;
		height: 95px;
		width: 120px;
		
	}
	.main-slider__holder{height: 350px;}
	.main-slider__title span{min-width: 1px;}
	.right-holder--blue{padding: 30px 0;}
	.title {
		font-size: 26px;
		line-height: 30px;
		margin: 0 0 25px;
	}
	.details__list {
		font-size: 16px;
		line-height: 20px;
	}
	.details__list li+li {margin-top: 15px;}
	.cottedges .left-holder{padding-top: 30px;}
	.project {padding: 25px 0 10px;}
	.project__img{margin-bottom: 30px;}
	/* tablet */
	.container{max-width: 767px;}
	#wrapper{
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		min-height: 100vh;
		position: relative;
	}
	.menu-opened #wrapper{margin: 0 250px 0 -250px;}
	#header .container{padding: 0 8px 0 5px;}
	#header {
		padding: 5px 0 10px; 
	}
	.header__logo{
		width: 110px;
		margin-top: 6px;
	}
	.header__holder{
		width: 140px;
		margin-top: 9px;
	}
	.header__btn-calback{
		margin-top: 0;
		padding: 3px 10px 4px;
		font-size: 14px;
	}
	.header__phone{
		font-size: 14px;
	}
	.open-menu{
		float: right;
		font-size: 0;
		line-height: 0;
		width: 30px;
		height: 25px;
		position: relative;
		z-index: 41;
		display: block;
		margin: 10px 0 0 15px;
	}
	.open-menu span{
		position: absolute;
		height: 4px;
		left: 0;
		right: 0;
		border-radius: 999px;
		background-color: #ecb02c;
		top:50%;
		margin-top: -2px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.menu-opened .open-menu span{opacity: 0;}
	.open-menu:after,
	.open-menu:before{
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		border-radius: 999px;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		background: #ecb02c;
		-webkit-transform-origin:50%;
		-moz-transform-origin:50%;
		-ms-transform-origin:50%;
		-o-transform-origin:50%;
		transform-origin:50%;
	}
	.open-menu:before{top: 1px;}
	.open-menu:after{bottom: 1px;}
	.menu-opened .open-menu:before{
		top:50%;
		margin-top: -2px;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
		background-color: #fff;
	}
	.menu-opened .open-menu:after{
		bottom:50%;
		margin-bottom: -2px;
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
		background-color: #fff;
	}
	.main-nav{
		margin: 0;
		font-size: 16px;
		line-height: 20px;
		overflow-x: auto;
		padding: 15px 10px;
		height: 100vh;
		position: fixed;
		background-color: #fff;
		top: 0;
		bottom: 0;
		right: -250px;
		width: 250px;
		z-index: 50;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		border-left: solid 1px #4d4d4d;
	}
	.main-nav li{
		display: block;
		float: none;
		margin: 0;
		width: 100%;
		position: relative;
	}
	.main-nav li+li{margin: 0;}
	.main-nav li a{
		height: 40px;
		overflow: hidden;
		display: block;
		padding: 8px 0 6px;
	}
	.main-nav .opened .opener:after{
		-webkit-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	.main-nav .opener{
		display: block;
		float: right;
		width: 40px;
		height: 40px;
		line-height: 40px;
		position: relative;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.main-nav .opener:after{
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 10px;
		height: 10px;
		border: solid #000;
		margin: -5px 0 0 -5px;
		border-width: 0 1px 1px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: 75% 75%;
		-moz-transform-origin: 75% 75%;
		-ms-transform-origin: 75% 75%;
		-o-transform-origin: 75% 75%;
		transform-origin: 75% 75%;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.menu-opened .main-nav {right: 0;}
	.menu-opened .fader{
		visibility: visible;
		opacity: .5;
	}
	.details__img{
/*		-webkit-background-size: cover;*/
/*		background-size: cover;*/
		background-position: 50% 50%;
		position: static;
		height: 520px;
		width: 100%;
	}
	.right-holder{
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.right-holder__container{
		max-width: 600px;
		width: 100%;
		margin: 0 auto;
		padding: 0 15px;
	}
	.left-holder{
		float: none;
		width: 100%;
	}
	.cottedges__img{
		float: none;
		clear: both;
	}
	.left-holder__container{
		width: 320px;
		margin: 0 auto;
		padding: 0 15px;
		float: none;
	}
	#location-map {
		max-width: 100%;
		margin: 0;
	}
	.location{padding: 0;}
	.planning-list li{width: 50%;}
	.location .left-holder__container{
		width: 100%;
		padding: 0;
		max-width: 100%;
	}
	.video__player,
	.video__player-gallery{height: 400px !important;}
	.genplan__link{opacity: 1;}
	.genplan__holder{
		position: relative;
		height: 370px;
		overflow: hidden;
	}
	.genplan__map{
		position: absolute;
		-webkit-transform: scale(.7);
		-ms-transform: scale(.7);
		-o-transform: scale(.7);
		transform: scale(.7);
		left: -99px;
		top: -80px;
	}
	.building-stage{max-width: 700px;}
	.building-news{margin: 20px 0 0 -20px;}
	.building-news li{padding-left: 20px;}
    .price{top: 10%;}
    .price:after{
        top: 50%;
        left: 90%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media screen and (max-width: 767px), screen and (orientation: landscape) and (max-width: 767px), screen and (orientation: portrait ) and (max-width: 767px){
	/*body{-webkit-text-size-adjust: none;}*/
	/* mobile */
	.pagination{margin-bottom: 40px;}
	.pagination .cur, .pagination a{
		width: 35px;
		height: 35px;
		font-size: 12px;
		line-height: 32px;
	}
	.main-slider:after{
		width: 120px;
		height: 95px;
		right: 20px;
		bottom: 10px;
		margin: 0;
	}
	.main-slider__title{display: none;}
	.container{
		max-width: 100%;
		width: 100%;
	}
	.header__logo{margin-top: 11px;}
	.main-slider__holder{
		height: 300px;
		padding: 40px 0;
	}
	.main-slider__slide{
		font-size: 16px;
		line-height: 20px;
	}
	.main-slider__title{padding: 0;}
	.main-slider .slick-dots{bottom: 10px;}
	.planning-list{
		max-width: 400px;
		margin: 0 auto;
	}
	.planning-list li{
		width: 100%;
		padding: 0;
	}
	.intro{padding: 30px 0 10px;}
	.intro-list li{width: 100%;}
	.details .right-holder{padding: 30px 0;}
	.details .title{margin-bottom: 20px;}
	.details__list li{padding-left: 30px;}
	.details__list li+li {margin-top: 25px;}
	.details__img{background-position: 50% 50%;}
	.details__img{height: 250px;}
	.planning{padding: 30px 0 30px;}
	.title{
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 15px;
	}
	.calback{padding: 30px 0 10px;}
	.location{padding-top: 0;}
	.sub-title{
		margin-top: -15px;
		font-size: 12px;
		line-height: 18px;
	}
	.location__list li{padding: 0 0 0 40px;}
	.location__list li:before {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
	}
	.location .right-holder{padding: 30px 0;}
	#location-map{height: 300px;}
	.footer__by,
	.footer__copy{
		float: none;
		width: 100%;
	}
	#main {padding: 25px 0;}
	.info-block{
		line-height: 24px;
		padding: 20px 15px 10px;
	}
	.info-block p {
		margin-bottom: 20px;
		text-align: justify;
	}
	.btn-primary{margin: 0 0 20px;}
	#contact-map,
	#map-gallery{height: 260px;}
	.video,
	.video-gallery{padding: 30px 0;}
	.video__player,
	.video__player-gallery{height: 250px !important;}
	.location-gallery__subtitle{
		font-size: 14px;
		line-height: 18px;
		margin: 0 0 32px;
	}
	.genplan{padding-top: 30px;}
	.genplan__holder{
		width: 320px;
		margin: 0 auto;
		height: 179px;
	}
	.genplan__map{
		-webkit-transform: scale(.33);
		-ms-transform: scale(.33);
		-o-transform: scale(.33);
		transform: scale(.33);
		left: -328px;
		top: -172px;
	}
	.intro-list_ico{margin: 0 0 15px;}
	.building-stage{
		max-width: 320px;
		padding: 70px 20px 0;
	}
	.building-news{margin: 20px 0 0;}
	.building-news li{
		padding: 0;
		width: 100%;
	}
    .header__holder .header-fb{
        display: none;
    }
    .price{
        max-width: 300px;
        padding: 15px 25px;
        top: 4%;
        right: 4%;
    }
    .price:after{
        display: none;
    }
}