section {min-height:100vh;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden;transition:1.5s;}
section:nth-of-type(1) {background-image: url(../img/block1.jpg);}
section:nth-of-type(2) {background-image: url(../img/block2.jpg);}
section:nth-of-type(3) {background-image: url(../img/block3.jpg);}
section:nth-of-type(5) {background-image: url(../img/block5.jpg);}
section:nth-of-type(6) {background-image: url(../img/block6.jpg);}
section:nth-of-type(7) {background-image: url(../img/block7.jpg);}
section:nth-of-type(8) {background-image: url(../img/block8.jpg);}
section:nth-of-type(9) {background-image: url(../img/block9.jpg);}
section:nth-of-type(10) {background-image: url(../img/block10.jpg);}
section:nth-of-type(11) {background-color: #e5e6e8;}
section:nth-of-type(13) {background-image: url(../img/spec.jpg);}
section:nth-of-type(1):after {
	content:"";
	position:absolute;
	width: 62px;
	height:127px;
	display:block;
	background-image: url(../img/mouse.png);
	background-repeat:no-repeat;
	bottom:0;
	left:calc(50% - 31px);
}

#menu {position:fixed;z-index:10;right:30px;top:20vh;list-style: none;padding: 0;color:#fff;transition:0.5s;font-size:14px;}
#menu li {position:relative;display:block;width:22px;height:22px;border: 1px solid;
	border-color:transparent;border-radius: 50%;}
#menu li a {text-decoration:none;display:block;
    color: inherit;
    padding: 0px 4px;
    display: block;
    width: 100%;
    height: 100%; 
}
#menu li.active {border-color:#fff;}
.fp-viewing-block4 #menu, .fp-viewing-block5 #menu, .fp-viewing-block6 #menu, .fp-viewing-block9 #menu, .fp-viewing-block11 #menu, .fp-viewing-block11 #menu, .fp-viewing-block13 #menu, .fp-viewing-team #menu {color:#000;}
.fp-viewing-block4 #menu li.active, .fp-viewing-block5 #menu li.active, .fp-viewing-block6 #menu li.active, .fp-viewing-block9 #menu li.active, .fp-viewing-block11 #menu li.active, .fp-viewing-block13 #menu li.active, .fp-viewing-team #menu li.active {border-color:#000;}


body {font-family: 'Montserrat', sans-serif;}
	p, ul {font-size:16px;}
h1 {font-family: 'Montserrat', sans-serif;font-size: 50px;font-weight: 800;}
h2 {font-family: 'Montserrat', sans-serif;font-size: 40px;font-weight: 800;}
h3 {font-family: 'Montserrat', sans-serif;font-size: 30px;font-weight: 800;}
h4 {font-family: 'Montserrat', sans-serif;font-size: 20px;font-weight: 800;}


.white h2, .white ul {color:#fff;}
.bonus {padding-top:30vh;}
.advantages {padding-top:10vh;}
.header {color:#fff;padding-top: 15px;}
.header-logo-text a {color:#000;}
.header-logo-text p {color:#bfa45b;text-transform:uppercase;font-size: 25px;font-family: 'Cormorant', serif;}
.header-logo-text span {font-weight:bold;line-height:25px;font-size:38px;}
.header-desc {padding-top:10px;}
.header-phone, .header-callback {padding-top:10px;}
.header-first, .calc, .price, .showroom, .ourwork {padding-top:20vh;}
.owl-team {margin-top:20vh;}
.btn-phone {font-family: 'Montserrat', sans-serif;color:#fff;font-weight:bold;font-size:16px;}
.btn {padding:15px 0;}
.btn-gold {
    color: #bba159;
    border: 1px solid #bba159;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
padding-left: 35px;
    padding-right: 35px;
}
.nav-tabs>li>a.btn-gold {
	color: #000;
	text-transform:none;
    border: 1px solid #bba159;
	background: #bba159;
    border-radius: 30px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
	padding-left: 35px;
    padding-right: 35px;
}
.btn-gold:hover, .nav-tabs>li.active>a.btn-gold, .nav-tabs>li.active>a.btn-gold:focus {
	background-color: transparent;
	border: 1px solid #bba159;
	color: #000;
}

.btn-full-gold {
	color: #000;
    border-radius: 26px;
    background: #bba159;
    font-weight: bold;
    font-size: 14px;
text-transform: uppercase;
	
}
.politika.white p {color:#fff;}
.politika h4 {margin-top:0;}
.nav-tabs {margin:30px 0;}
.nav-tabs>li {margin-right:30px;min-width:150px;text-align:center;}
.header-menu-btn {text-align:right;padding-top: 12px;}
.header-firm {font-size:24px;}

.inner-menu-btn .btn.btn-menu{
	display: block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #bba159;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 30px;
    top:30px;
    z-index: 1000;
	    transition: 0.5s;
		padding:0 10px;
      outline: none;
    border: none;
}
.hamburger {
    width: 50px;
    height: 50px;
    position: relative;
    -webkit-transition: all .4s ease-in-out .5s;
    transition: all .4s ease-in-out .5s;
    cursor: pointer;
	    overflow: hidden;
}
.hamburger span:nth-child(1) {
    top: 12px;
}
.hamburger span:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hamburger span:nth-child(3) {
    bottom: 12px;
}

.hamburger span:nth-child(1), .hamburger span:nth-child(3) {
    width: 20px;
    -webkit-transform-origin: 75% 50%;
    -ms-transform-origin: 75% 50%;
    transform-origin: 75% 50%;
}
.hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 30px;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .25s ease-in-out .8s;
    transition: all .25s ease-in-out .8s;
}
.open .hamburger span:nth-child(1) {

    transform: rotate(45deg);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
	    width: 30px;
     top: 28px;
    left: -2px;


}
.open .hamburger span:nth-child(3) {
	transform:translatey(110px);
	-webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
	
}
.open .hamburger span:nth-child(2) {
	transform: rotate(-45deg);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
	    top: 23px;
}
button {outline:none;}


#inner-menu-block {
	position: fixed;
    width: 360px;
    height: 100%;
    z-index: 900;
    background: #fff;
    transition: 0.5s;
    transform: translatex(360px);
    right: 0;
	    padding: 60px 30px;
}
#inner-menu-block ul{
	    list-style: none;
    padding-left: 0;
    font-size: 18px;
    line-height: 42px;
}
#inner-menu-block ul li a {color:#000;}
#inner-menu-block ul li {border-bottom:1px solid #bba159;}
.inner-menu-btn.open #inner-menu-block {transform: translatex(0);}
/*.inner-menu-btn.open a.btn.btn-menu {transform: translatex(-305px);}*/

.menu-wrp {
	width: 100%;
    height: auto;
    overflow: hidden;
    position: fixed;
	z-index:1000;
    height: 80px;
  
  
  width:80px;
  overflow:visible;
  display:block;
  height:80px;
  right:15px;
}
.menu-wrp.open-menu {
	height:100%;
}
.bordered {border:1px solid #fff;}
.smeta {margin-top:20px;padding:60px 20px;font-size:26px;text-align:center;text-transform:uppercase;font-family: 'Montserrat', sans-serif;}
.calc .bordered.smeta {border-color:#000;}
.smeta .small {font-size:14px;}
.smeta strong {display: block;}
.sert, .truck {padding-left:70px;background-position:left center;background-repeat:no-repeat;background-size:60px;}
.sert {background-image: url(../img/sert.png);}
.truck {background-image: url(../img/truck.png);}
.sert p, .truck p {font-size: 16px;padding-top: 14px;}
.plus-list p {position:absolute;font-size:12px;}
.plus-list-left>p:nth-child(1) {top: 457px;left: 133px;}
.plus-list-left>p:nth-child(2) {top: 174px;left: 358px;}
.plus-list-left>p:nth-child(3) {top: 627px;left: 112px;}
.plus-list-left>p:nth-child(4) {top: 767px;left: 449px;}
.plus-list-left>p:nth-child(5) {top: 525px;left: 329px;}
.plus-list-right>p:nth-child(1) {top: 100px;right: 300px;}
.plus-list-right>p:nth-child(2) {top: 290px;right: 100px;}
.plus-list-right>p:nth-child(3) {top: 700px;right: 330px;}
.plus-list-right>p:nth-child(4) {top: 343px;right: 340px;}
.plus-list-right>p:nth-child(5) { top: 477px;right: 133px;}
.trend {height:100%;position:relative;}
.trend h2, .block7-footer {position: absolute;bottom: 30px;}
.plus-list-left p:before, .plus-list-right p:after {
    content: url(../img/plus.png);
    display: inline-block;
    width: 31px;
    height: 31px;
    background: #fff;
    padding: 5px;
    border-radius: 50%;
    box-shadow: 0 0 5px 10px rgba(255,255,255,0.5);
	cursor:pointer;
	transition:0.3s;
	transition-property: transform;
	z-index: 10;
    position: relative;
}
.plus-list p span {
	padding: 8px 15px 5px 15px;
    height: 51px;
    margin: 0;
    position: relative;
    top: 2px;
    background: #fff;
	display:inline-block;
	z-index: 0;
	opacity:0;

}
.plus-list-left p span {
	margin-left: -15px;
	padding-left: 30px;
	border-radius:0 31px 31px 0;
}
.plus-list-right p span {
	margin-right: -15px;
	padding-right: 30px;
	border-radius:31px 0 0 31px; 
}
.plus-list p:hover span {display:inline-block;opacity:1;}
.plus-list p:hover:before, .plus-list p:hover:after {transform:rotate(45deg);background:#bfa45b;box-shadow: 0 0 0 10px #fff;}
.nav-tabs {border-bottom:none;}
.price-smeta {width:50%;background:#fff;border-radius: 0 58px 58px 0;padding: 20px 20px 20px 260px;position:absolute;bottom:100px;}
.price-smeta h4 {margin:0;}
.price .row {margin-top:100px;}

.price>p {color:#fff;}
.price ul {
padding-left: 0;color:#000;
    list-style-position: inside;
}


.showroom .col-md-2 {padding:0;text-align:center;}
.showroom h4 {margin-top:0;font-weight:bold;}
.showroom .row {margin-top:20px;}
.bordered.black {border-color:#000;margin-top:60px;}
.bordered.black p.small {text-transform:none;}
#map {position:relative;}
.contacts {position:absolute;top:33vh;padding: 30px;;background:#fff;}
.footer {position:absolute;bottom:0;width:100%;background:#000;color:#fff;padding: 60px 0 30px;}
.footer p {margin:0;}
.footer p.small {font-size:14px;text-transform:none;}
.soc .fa {
	    font-size: 22px;
    margin-right: 10px;
    background: #bfa45b;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #000;
}
.soc .fa:hover {background: #eee;color:#bfa45b;}
.soc .fa.fa-odnoklassniki {padding: 3px 7px;}
.soc .fa.fa-instagram {padding: 3px 6px;}
.soc .fa.fa-vk {padding: 3px 2px;}
label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 14px;
}

input.size {width: 50px;font-size: 18px;padding: 5px;}
input[type=radio] {display: none;}
.form-group.radiobox label:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	border:1px solid #000;
}
.form-group.radiobox input[type=radio]:checked + label:before {
    content: "\f00c";
	font-family:fontawesome;
    color: #fff;
    text-align: center;
	background:#bba159;
	border-color:#bba159;
}
.form-group.circle label{
	width: 34px;
    height: 34px;
    border-radius: 50%;
	background:#bba159;
	border:1px solid #bba159;
	padding: 4px 11px;
    font-size: 18px;
}
.form-group.circle input[type=radio]:checked + label {
	border-color:#000;
	background:none;
}
.form-group.type-room label{
    height: 52px;
    border-radius: 26px;
	background:#bba159;
	border:1px solid #bba159;
	padding: 15px 30px;
    font-size: 14px;
	width: 130px;
    text-align: center;
	
}
.form-group.type-room input[type=radio]:checked + label {
	border-color:#000;
	background:none;
}

.form-group.circle, .form-group.type-room {display: inline-block;}
.slider-head {background:#f4f4f4;}
.owl-nav {position:absolute;top:35%;left:-56px;}
.owl-prev, .owl-next {background-image:url(../img/nav.png);width:50px;height:50px;background-repeat:no-repeat;margin-bottom:10px;}
.owl-prev {background-position:0 0;}
.owl-next {background-position:-50px 0;}
.owl-prev:hover {background-position:-50px -57px;}
.owl-next:hover {background-position:0 -57px;}
#room .col-xs-10 {padding-top:12px;}
form h4 {margin-top:30px;}

.ui-slider-handle {
    width: 30px !important;
    height: 30px  !important;
    border-radius: 15px 15px 15px 15px  !important;
    -webkit-border-radius: 15px 15px 15px 15px  !important;
    background: #bba159  !important;
    border: none  !important;
    top: 50%  !important;
    margin-top: -15px  !important;
    margin-left: -15px  !important;
    cursor: pointer  !important;
    outline: none  !important;
	box-shadow:0 0 5px 10px rgba(191,164,41,0.4);
}
#video-bg {
    /*position: fixed;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    background: url(bg/daisy-stock-poster.jpg) no-repeat #fff;
    background-size: cover;
	height:100%;
}
 
#video-bg > video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto;
    height: auto; 
}
 
 @supports (object-fit: cover) {
     #video-bg > video {
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
 }
 .done-w {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0 ,0 , .5);
	bottom: 0;
	right: 0;
	z-index: 10000;
	display: none;
}

.done-window {
	position: fixed;
	display: block;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: rgba(255,255,255,1);
	color: #010101;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	padding: 0 35px  15px;
	background-color: #492a78;
	color: #fff;
	padding-top: 13px;
	width: 270px;
}
.done-window h3 {
	margin: 0;
	font-size: 14px;
}

.done-window small {
	font-size: 14px;
	text-transform: none;
	line-height: 18px;
}
.video-block {color: #fff;
	height:100% width:33%;margin-left:150px;position:absolute;z-index:100;}

.proekt .img-responsive {width:100%;}
.proekt-gallery {margin-top:150px;}

#range {background: #bba159;margin-top: 12px;}
.bonus p, .master p {color:#fff;}
.block7-footer a {margin-left:30px; padding-left:30px;padding-right:30px;}
.bonus form input[type="text"], .bonus form input[type="date"] {margin-bottom:30px;border-radius: 26px;outline:none !important; text-align:left;padding-left:15px;padding-right:15px;}
.gallery .col-md-6 {margin-bottom:30px;}
.block10 {height:100%;}

.modal-content {background: #bba159;}
.modal-dialog label {font-weight:400;padding-left:0;}
.modal-dialog input[type="text"] {border-radius: 17px;}
.modal-dialog button[type="submit"] {padding: 6px 12px;margin-top: 23px;border-radius:17px;border: 1px solid #000;background: transparent;outline:none;padding: 6px 12px 7px;margin-top: 24px;}
.modal-dialog button[type="submit"]:hover {background:#fff;border-color:#fff;}
.ourwork ul {font-size:14px;}
.modal-header .close {
    margin-top: -60px;
    background: #fff;
    FONT-SIZE: 40px;
    WIDTH: 40px;
    height: 40px;
    border-radius: 50%;
	opacity:1;
}
.header-logo-text img {width:150px;display:inline-block;}
.copy {text-align:center;padding-top: 15px;}
.form-group.col-md-4 {padding-left:5px;padding-right:5px;}
.main-img {
	    position: relative;
    display: block;
	overflow:hidden;
}
.main-img:after {
    content: '\f00e';
    position: absolute;
        top: calc(50% - 40px);
    left: calc(50% - 20px);
    font-family: fontawesome;
    font-size: 30px;
	color: #bba159;
	transition: 0.5s;
    transform: translatey(-250px);
}
.main-img p {
	position: absolute;
    top: 50%;
    font-size: 18px;
	color: #bba159;
	transition: 0.5s;
    transform: translatey(250px);
	    text-align: center;
    font-weight: bold;
    font-size: 20px;
	    width: 100%;
    display: block;
	text-align:center;
}

.main-img:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
	transition: 0.5s;
}
.main-img:hover:before {background:rgba(0,0,0,0.5);}
.main-img:hover:after, .main-img:hover p {
	transform:translatey(0);
}
@media (max-width:1366px) {
	.btn-full-gold, .btn-gold {font-size:12px !important;}
	.btn-gold {padding-left:0;padding-right:0;}
	.price .row {margin-top:10px;}
	.showroom {padding-top:0;}
	.smeta.black {padding:20px;}
	.header-first, .advantages, .calc, .price, .showroom, .calc, .ourwork {padding-top:0;}
  .owl-team {margin-top:0;}
	.bonus {padding-top: 20vh;}
	.price-smeta {width: 75%;}
	.showroom p {font-size:14px;}
	.modal-content {padding:60px 15px;}
	.proekt-gallery {margin-top: 0;}
	.plus-list-right>p:nth-child(2) {top: 156px;right: 100px;}
	.plus-list-right>p:nth-child(5) {top: 320px;right: 272px;}
	.plus-list-left>p:nth-child(5) {top: 388px;left: 349px;}
	.plus-list-left>p:nth-child(1) {top: 337px;left: 266px;}
	.plus-list-right>p:nth-child(4) {top: 261px;right: 401px;}
	.plus-list-left>p:nth-child(3) {top: 449px;left: 226px;}
	.plus-list-right>p:nth-child(3) {top: 484px;right: 371px;}
}
.owl-team {text-align:center;font-size:18px;}
.owl-team img {border-radius:50%;padding:15px;}

@media (max-width:768px) {
	.header-first, .bonus, .advantages, .calc, .showroom, .calc {text-align: center;}
	.header-first, .showroom {padding-bottom:30px;}
	h1 {font-size: 24px;}
	h2 {font-size:22px; text-align:center;}
	.header-firm {font-size: 18px;}
	.smeta {padding:20px;font-size: 18px;}
	section {min-height:100%;}
	section:nth-of-type(1):after, #menu {display:none;}
	.nav-tabs>li {float:none;margin-bottom:10px;}
	.form-group {text-align: left;}
	.owl-nav {position:static;width: 150px;margin: 0 auto;margin-top: 10px;}
	.owl-prev {float:right;}
	.price-smeta {width:100%;background:none;text-align:center;padding:0 30px;margin-bottom:30px;}
	.showroom img {margin: 10px auto;}
	.price-smeta {position:static;}
	.block7-footer {display:none;}
	.bonus {padding-bottom:30px;}
	.proekt {padding-bottom: 30px;text-align: center;}
	#video-bg > video {position:relative;}
	.video-block {color:#000;margin-left:0;}
	.proekt-gallery {margin-top:0;}
	.inner-menu-btn a.btn.btn-menu {right:15px;top:15px;}
	.nav-tabs>li {margin-right:0;}
	.bonus ul {text-align:left;}
	.open #inner-menu-block {width:100%;}
	h4 {font-size: 16px;}
	.form-group.type-room {width:100%;display:block;}
	.form-group.type-room label {height:auto;padding:10px 0;display:block;width:100%;}
	.video-block {position:static;}
  .footer, .contacts {position:static;text-align:center;}
  .contacts {display:none;}
  #contact .visible-xs a {height: 400px;display: block;background-position: center;background-size: cover;}
  section:nth-of-type(13) {background-image: none;}
}

 @media (min-width:768px) {
	 section.prev {background-position:0 250px;}
	section.next {background-position:0 -250px;}
	section.prev .container {transition:1.5s;transform: translatey(-500px);}
	section.next .container {transition:1.5s;transform: translatey(500px);}
	section.active .container {transition:1.5s;transform: translatey(0);}
 }