@font-face {
    font-family: LatoHeavy;
    src: url("../fonts/Lato-Heavy.ttf");
}

@font-face {
    font-family: LatoRegular;
    src: url("../fonts/Lato-Regular.ttf");
}

@font-face {
    font-family: LatoMedium;
    src: url("../fonts/Lato-Medium.ttf");
}

@font-face {
    font-family: Lato-Light;
    src: url("../fonts/Lato-Light.ttf");
}

@font-face {
    font-family: Lato-Bold;
    src: url("../fonts/Lato-Bold.ttf");
}

@font-face {
    font-family: Adventure;
    src: url("../fonts/Adventure.ttf");
}

html, body {
    height: 100%;
}

a, a:hover {
    color: rgb(51, 51, 51)!important;
    text-decoration: none;
}

a[data-toggle=modal]:hover, button[data-toggle=modal]:hover, button[type=submit]:hover, a.life-tandem-btn:hover {
    background: #5AA0A9;
}

header a[data-toggle=modal]:hover {
    background-color: transparent;
}

* {
    outline: none !important;
}

.d-flex {
    display: flex;
}

.contact-wrapper, .contacts-logo, .fadeInUp, .fadeInDown, .fadeInLeft, .fadeInRight {
    -webkit-animation-duration: 2s !important;
    animation-duration: 2s !important;
}

header .fadeInLeft {
    -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
}

.contact-wrapper .title, .contact-wrapper .address, .contact-wrapper .email, .contact-wrapper .phone {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.section1 {
    background: url("../images/image1.jpg") no-repeat;
}

.section2 {
    background: url("../images/image2.jpg") no-repeat;
}

.section3 {
    background: url("../images/image3.jpg") no-repeat;
}

.section4 {
    background: url("../images/image4.jpg") no-repeat;
}

.section5 {
    background: url("../images/image5.jpg") no-repeat;
}

.section6 {
    background: url("../images/image6.jpg") no-repeat;
}

.section9 {
    background: url("../images/image9.jpg") no-repeat;
}

.mobile_nd {
    display: none !important;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 17px;
    width: 17px;
    margin: -2px 0 0 -2px;
    border-radius: 100%;
    background: #FF9B08;
}

.arrowUp {
    visibility: visible;
    position: fixed;
    z-index: 1;
    top: 88vh;
}

.arrowUp img {
    max-width: 60px;
    margin-left: 25px;
    margin-bottom: 10px;
}

.arrowUpMobile {
    visibility: hidden;
    max-width: 60px;
    position: absolute;
}

.arrowUpMobile img {
    max-width: 60px;
    margin-left: 25px;
    margin-bottom: 25px;
}

.tooltip-inner {
    white-space: pre-wrap;
    text-align: left;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 17px;
    width: 17px;
    border: 0;
    background: #fff;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#fp-nav ul li a span:hover, .fp-slidesNav ul li a span:hover {
    background: #FF9B08;
}

#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 17px;
    height: 17px;
    position: relative;
    margin: 7px 7px 13px;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
    height: 17px;
    width: 17px;
    margin: -2px 0 0 -2px;
}

#fp-nav.right {
    right: 64px;
    margin-top: -260px !important;
}

.text-wrapper {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px 0 0 10px;
    padding: 41px 70px 41px 73px;
    max-width: 795px;
    width: 100%;
    height: 260px;
}

.text-wrapper h2 {
    color: #1c1c1c;
    font: 27px LatoHeavy;
    text-transform: uppercase;
    line-height: 30px;
    margin-top: 0;
}

.text-wrapper h3 {
    color: #191818;
    font: 25px LatoRegular;
    line-height: 24px;
    margin-top: 17px;
}

.desc-wrapper {
    position: absolute;
    right: 0;
    bottom: 35px;
}

#slideshow4_thumbs li {
    width: 30%;
}

.desc-wrapper .title {
    color: #fff;
    font: 35px LatoMedium;
    margin-top: 31px;
    margin-left: 73px;
    margin-bottom: 70px;
}

.section6 .text-wrapper h3 {
    color: #191818;
    font: 25px LatoRegular;
    line-height: 24px;
    margin-top: -6px;
}

.navbar {
    min-height: 85px;
}

.navbar-default {
    background: rgba(255, 255, 255, 0.85);
    border: none;
}

.navbar-default .container-fluid {
    position: relative;
}

.navbar-default .navbar-brand {
    margin-left: 22px !important;
}

.map, .bus, .insta, .aktsia, .map_mobile {
    margin-right: 13px !important;
}

.phonemenu {
    font-size: 22px;
    font-family: Lato-bold, sans-serif;
    margin-right: 13px !important;
}

.right-menu-wrapper {
    margin-top: 24px;
    align-items: center;
}

.navbar-header {
    float: none;
}

.navbar-toggle {
    display: block;
}

.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.navbar-collapse.collapse {
    display: none !important;
}

.navbar-collapse.collapse.in {
    display: block !important;
    width: 400px;
    background: #fff;
    padding-bottom: 70px;
    border: 1px solid #A7A7A7;
    position: absolute;
    max-height: 829px;
    top: 85px;
    z-index: 50;
}

.navbar-nav {
    float: none !important;
    margin: 7.5px 1vw;
}

.navbar-nav > li {
    float: none;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu {
    font-family: lato-bold, sans-serif;
    font-size: 20px;
}

.navbar-toggle {
    float: left;
}

.navbar-header {
    float: left;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 52px;
    height: 8px;
    border-radius: 1px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #101010;
    vertical-align: middle;
}

.navbar-default .navbar-toggle {
    border: none;
    margin-top: 17px;
    margin-left: 12px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 7px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: none;
}

.navbar-nav {
    overflow: auto;
}

.navbar-default .navbar-nav > li > a {
    color: #000000;
    font: 26px Lato-Light;
    text-transform: uppercase;
    text-align: center;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #000000;
    font: 26px Lato-Bold;
    text-transform: uppercase;
    text-align: center;
}

.navbar-collapse img {
    display: block;
    margin: 0 auto;
    margin-top: 24px;
    margin-bottom: 1vh;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: none;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

.gen-plan-wrapper {
    height: 100%;
    background-size: cover;
}

.genplan-text-wrapper {
    max-width: 420px;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    margin-top: 148px;
    padding-left: 21px;
}

.genplan-text-wrapper h2 {
    color: #000;
    font: 28px LatoHeavy;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.genplan-text-wrapper h3 {
    color: #000;
    font: 20px LatoHeavy;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.genplan-text-wrapper p {
    color: #000;
    font: 18px LatoMedium;
}

.genplan-text-wrapper li {
    color: #767576;
    font: 17px LatoMedium;
    margin-bottom: 10px;
}

.genplan-text-wrapper li span {
    color: #000;
}

.genplan-text-wrapper a {
    color: #008BDA;
    text-decoration: underline;
}

.sec-p, .third-p {
    margin-top: 28px;
}

.sec-h3 {
    margin-top: 55px;
}

.genplan-img {
    margin-top: 44px;
    cursor: pointer;
}

.genplan-icon-info {
    width: 300px;
    margin: auto;
    margin-top: 10px;
}

.genplan-icon-info img {
    display: inline-block;
    float: left;
    padding-right: 10px;
}

#myModal .modal-body img {
    width: 1063px;
    height: 1580px;
}

#myModal2 .modal-body {
    max-width: 100%;
    position: relative;
    display: block;
}

#okno .modal-lg, #okno .modal-body {
    height: auto;
}
#myModal15 {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1040;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
}

.dm-cell {
    padding: 0 1em;
    vertical-align: middle;
    top: 2%;
    left: 0;
    right: 0;
    bottom: 2%;
    font-size: 28px;
    margin: auto;
    width: 85%;
    min-width: 320px;
    max-width: 900px;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1045;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font: 14px/18px 'Tahoma', Arial, sans-serif;
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}

.dm-modal {
    max-width: 100em;
}

.dm-modal img {
    width: 100%;
    height: auto;
}

.pl-left {
    width: 460px;
    height: auto;
    margin: 0 10vw;
}

.topWindow {
    top: 2vw;
}

.stoimost-btn {
    max-width: 414px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #73CDD8;
    font: 17px LatoMedium;
    display: block;
    margin-top: 104px;
    padding: 15px 0;
    border: none;
}

.desc-house-wrapper {
    padding-left: 28px;
}

.desc-house-wrapper .title {
    color: #000;
    font: 31px LatoHeavy;
    text-transform: uppercase;
    margin-top: 57px;
    margin-bottom: 38px;
}

.desc-house-wrapper .title span {
    font: 22px LatoHeavy;
}

.desc-house-wrapper .title span.sec {
    font-size: 18px;
}

.table-desc p {
    color: #000;
    font: 17px LatoHeavy;
    text-transform: uppercase;
}

.table-desc {
    margin-bottom: 8px;
}

.documents-container {
    background: url("../images/documents-bg.jpg") no-repeat;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
}

.documents-wrapper {
    max-width: 1012px;
    width: 100%;
    padding-bottom: 0;
    background: #fff;
    border: 2px #000 solid;
}

.doc-icon {
    display: block;
    margin: 0 auto;
    margin-top: 22px;
}

.documents-wrapper h2 {
    text-align: center;
    color: #000;
    font: 31px LatoHeavy;
    text-transform: uppercase;
}

.documents-wrapper h3 {
    text-align: center;
    color: #000;
    font: 28px LatoRegular;
    margin-top: -10px;
}

.documents-wrapper form {
    margin: 0 auto;
    display: block;
    max-width: 630px;
    width: 100%;
    margin-top: 20px;
}

.documents-wrapper select {
    max-width: 630px;
    width: 100%;
    margin-bottom: 30px;
    height: 42px;
    border: 1px solid #000;
    color: #000;
    font: 18px LatoRegular;
    padding-left: 10px;
    background: url("../images/select.png") no-repeat right 5px center;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.contacts-container {
    background: url("../images/contacts-bg.jpg") no-repeat;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-size: cover;
}

.contact-wrapper {
    background: #fff;
    max-width: 616px;
    width: 100%;
    border: 1px solid #999795;
    padding: 15px;
    margin-top: 120px;
}

.contact-wrapper .title {
    background: #4F4E4E;
    width: 100%;
    height: 77px;
    padding-top: 23px;
}

.contact-wrapper .title h2 {
    color: #fff;
    font: 23px LatoHeavy;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.contact-wrapper .address {
    color: #000;
    text-align: center;
    font: 23px LatoMedium;
    margin-top: 33px;
}

.contact-wrapper .email {
    color: #000;
    text-align: center;
    font: 18px LatoMedium;
}

.contact-wrapper .phone, .contact-wrapper .phone a {
    color: #000;
    text-align: center;
    font: 20px LatoHeavy;
}

.contact-wrapper .map {
    margin-top: 20px;
    border: 1px solid #999795;
    height: 332px;
    margin-right: 0 !important;
}

.contact-wrapper .email a {
    color: #000;
}

.contacts-logo {
    margin: 0 30px;
}

h3.thanks {
    color: #000;
    font: 55px Adventure;
    margin-top: -30px;
}

.smile {
    display: block;
    margin: 0 auto;
}

.poster-video {
    cursor: pointer;
}

.modal-header {
    border: none;
}

.about-container {
    background: url("../images/about-bg.jpg") no-repeat;
    background-size: cover;
    padding: 14vh 5vw 0 5vw;
    height: 100vh;
}

.text-top-row {
    display: flex;
    justify-content: center;
    padding: 0 17vw 1vw 17vw;
}

.text-top-wrapper p {
    color: #fff;
}

.text-top-wrapper .text-left-top {
    font: 17px LatoHeavy;
    text-transform: uppercase;
    float: left;
    line-height: 25px;
    border-right: 1px solid #fff;
    padding-right: 21px;
    margin-right: 21px;
    text-align: right;
}

.text-top-wrapper .text-right-top {
    font: 20px LatoRegular;
    float: left;
}

.about-wrapper h2 {
    color: #fff;
    font: 31px LatoHeavy;
    text-transform: uppercase;
    margin-top: 31px;
}

.photos-wrapper {
    flex-basis: 100%;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

.photo-wrapper {
    margin-bottom: 0;
}

.photo-wrapper img {
    display: block;
    margin: 0 auto;
}

.photo-wrapper .name {
    color: #fff;
    font: 18px LatoHeavy;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 3px 7px rgba(0, 0, 0, 0.62);
    margin-top: 8px;
    margin-bottom: 3px;
}

.photo-wrapper .posada {
    color: #fff;
    font: 15px LatoMedium;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 3px 7px rgba(0, 0, 0, 0.62);
}

.photos-wrapper-row1, .photos-wrapper-row2, .photos-wrapper-row3 {
    display: flex;
    margin-bottom: 5vh;
}

.main-logo {
    max-width: 400px;
}

.predlog-sotr-btn {
    color: #fff;
    font: 27px LatoMedium;
    text-align: center;
    padding: 30px 30px;
    background: #73CDD8;
    display: inline-block;
    margin-bottom: 25px;
}

.predlog-sotr-btn:hover {
    color: #fff;
    text-decoration: none;
}

.partners-container {
    background: url("../images/partners-bg.jpg") no-repeat center;
    background-size: cover;
    height: 100vh;
}

.partner-wrapper {
    max-width: 1470px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    margin-top: 146px;
    padding: 0 100px;
    text-align: center;
}

.partner-wrapper h2 {
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font: 27px LatoHeavy;
    padding-top: 4vh;
}

.partners-photos-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 7vh;
}

.partners-photos-wrapper .part-img {
    width: 17%;
    margin-bottom: 80px;
}

.partners-photos-wrapper img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.galary-container {
    display: flex;
    flex-direction: column;
}

.galary-container .headers {
    display: flex;
    justify-content: center;
    margin-top: 8vh;
}

.galary-container h2 {
    color: #000 !important;
    font: 27px LatoHeavy;
    text-transform: uppercase;
    margin-right: 55px;
    margin-top: 0;
}

.option-active {
    display: none;
}

.galary-container h3 {
    color: #000 !important;
    font: 23px LatoRegular;
    text-transform: uppercase;
    margin-top: 0;
}

.slider-wrapper {
    display: flex;
    justify-content: center;
}

.grid {
    float: left;
    max-width: 100%;
    width: 100%;
}

.grid2 {
    float: left;
    max-width: 760px;
    margin-left: -9px;
    width: 100%;
}

.grid-item {
    margin-bottom: 10px;
    overflow: hidden;
}

.left-slide {
    position: absolute;
    left: -40px;
    top: 50%;
    margin-top: -46px;
    cursor: pointer;
}

.right-slide {
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -46px;
    cursor: pointer;
}

.over-hidden {
    overflow: hidden;
}

.btn_booking {
    margin-bottom: 10px;
    margin-top: 92px;
}

.main-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.life-tandem-btn {
    background: #73CDD8;
    padding: 40px 90px;
    color: #fff;
    text-align: center;
    font: 40px LatoRegular;
    margin-top: 120px;
    opacity: 0;
}

.map.navbar-right:hover, .map_mobile.navbar-right:hover, .news-icon:hover, .insta:hover, .aktsia:hover, button.navbar-toggle:hover, .navbar-brand:hover img {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

.life-tandem-btn:hover {
    color: #fff;
    text-decoration: none;
}

.modal-content {
    border-radius: 0;
}

#orderHome .modal-dialog {
    max-width: 435px;
    margin: 0 auto;
    margin-top: 20px;
    width: 100%;
}

.modal-title {
    color: #222121;
    font: 37px LatoMedium;
    text-align: center;
    margin-top: 24px;
    line-height: 31px;
}

.modal-body .form-control {
    box-shadow: none;
    border: 1px solid #A7A7A7;
    height: 42px;
    border-radius: 0;
    max-width: 262px;
    width: 100%;
    font: 17px LatoRegular;
    color: #000;
    margin: 0 auto;
    padding-left: 23px;
}

.modal-body .numb {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.modal-body .numb .form-control {
    height: 50px;
    max-width: 90px;
    display: block;
    margin: 0;
    font: 17px LatoRegular;
    color: #000;
    padding-left: 12px;
}

.form-group_radio {
    margin: 0 auto;
    text-align: center;
}

.form-group_radio label {
    margin-left: 10px;
}

.form-radio {
    width: 100%;
    font: 17px LatoRegular;
    color: #000;
    text-align: center;
}

.modal-body .form-control::-webkit-input-placeholder {
    color: #706e6e;
}

.modal-body .form-control::-moz-placeholder {
    color: #706e6e;
}

.modal-body .form-control:-ms-input-placeholder {
    color: #706e6e;
}

.modal-body .form-control:-moz-placeholder {
    color: #706e6e;
}

.modal-body .numb span {
    color: #222121;
    font: 36px LatoMedium;
    display: block;
    margin-right: 10px;
}

.modal-body .btn-default {
    height: 55px;
    color: #fff;
    background: #73CDD8;
    max-width: 242px;
    width: 100%;
    margin: 27px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 0;
    font: 22px LatoRegular;
}

.modal-par {
    color: #000;
    font: 18px LatoRegular;
    text-align: center;
}

.modal-par span {
    font-family: Lato-Bold;
}

.file-upload {
    position: relative;
    overflow: hidden;
    width: 150px;
    height: 40px;
    background: #E5E3E3;
    border-radius: 0;
    padding: 8px 4px;
    color: #fff;
    text-align: center;
    margin-left: 154px;
}

.file-upload input[type="file"] {
    display: none;
}

.file-upload label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: 1px solid #A7A7A7;
    font: 17px LatoRegular;
    color: #706e6e;
}

.file-upload span {
    line-height: 36px;
}

.filename {
    position: relative;
    overflow: hidden;
    width: 150px;
    height: 40px;
    background: #fff;
    border: 0;
    text-align: center;
    margin-left: 154px;
}

.modal-body textarea.form-control {
    height: 104px;
    resize: none;
}

.section8-wrapper {
    background: url("../images/poster-video.jpg") no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.over-hidden-important {
    overflow: hidden !important;
}

.section h2, .section h3, .section .title, .section .text-wrapper, .contact-wrapper .title, .contact-wrapper .address, .contact-wrapper .email, .contact-wrapper .phone {
    opacity: 0;
}

audio {
    display: none;
}

.modal-backdrop.fade.in + .modal-backdrop.fade.in {
    z-index: 2499;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0;
}

#myModal {
    overflow-y: auto !important;
}

.section .title-visible {
    opacity: 1;
}

.right-img-menu-wrapper {
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 5000;
    border-left: 6px solid #000;
    background: #000;
    height: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}

.rightInvisible {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    z-index: 4000;
}

.right-img-menu-wrapper a {
    display: block;
    margin-bottom: 5px;
}

.modal-lg.modal-genplan {
    width: 1100px;
}

.tandemis-wrapper {
    background: url(../images/tandemis-payment-bg.jpg) no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.tandemis-text-wrapper {
    max-width: 1450px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1vw 0;
    margin-top: -7vh;
    margin-bottom: 2vh;
}

.tandemis-block {
    background: rgba(255, 255, 255, 0.8);
    max-width: 450px;
    width: 100%;
    height: 360px;
    margin-bottom: 25px;
    border: 2px #000 solid;
}

.tandemis-block h2 {
    text-align: center;
    color: #000;
    font: 25px LatoHeavy;
    padding-top: 36px;
    text-transform: uppercase;
}

.tandemis-block img {
    display: block;
    margin: 15px auto;
}

.tandemis-block p {
    text-align: center;
    color: #000;
    font: 21px LatoMedium;
}

.tandemis-title {
    height: 385px;
    width: 82px;
    background: #fff;
    position: absolute;
    left: 50px;
    top: 45vh;
    margin-top: -192.5px;
    -webkit-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tandemis-title p {
    text-align: center;
    color: #000;
    font: 33px LatoHeavy;
    text-transform: uppercase;
    transform: rotate(180deg);
}

.news-container {
    background: url("../images/news-bg.jpg") no-repeat;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2vw 0;
}

.link-news {
    max-width: 630px;
    width: 100%;
    margin: 0 auto;
    height: 3vw;
    color: #000 !important;
    font: 31px LatoRegular;
    text-align: center;
    line-height: 3vw;
    display: block;
    text-transform: uppercase;
    text-decoration: none !important;
}

.link-news:hover {
    color: #000 !important;
    font: 31px LatoRegular;
    text-decoration: none !important;
}

.link1 {
    background: #00CED9;
}

.link2 {
    background: #00CED9;
}

.link3 {
    background: #00A1AB;
}

.link4 {
    background: #D5D5D5;
}

.link5, .link5:hover {
    background: #036d73 !important;
}

.link1:hover {
    background: #00CED9 !important;
}

.link2:hover {
    background: #00CED9 !important;
}

.link3:hover {
    background: #00A1AB !important;
}

.link4:hover {
    background: #D5D5D5 !important;
}

.news-modal h4 {
    color: #000;
    font: 31px LatoRegular;
    text-transform: uppercase;
}

.news-modal .modal-content {
    border-radius: 0;
}

#myModal1 .modal-content {
    background: #A0E6EC;
    padding: 0 60px 90px 60px;
}

#myModal3 .modal-content {
    background: #A0E6EC;
    padding: 0 60px 90px 60px;
}

#myModal4 .modal-content {
    background: #A0E6EC;
    padding: 0 60px 90px 60px;
}

#myModal5 .modal-content {
    background: #A0E6EC;
    padding: 0 60px 90px 60px;
}

#myModal6 .modal-content {
    background: #A0E6EC;
    padding: 0 60px 90px 60px;
}

#myModal7 .modal-content {
    background: #A0E6EC;
    padding: 0 60px 90px 60px;
}

#myModal8 .modal-content {
    background: #A0E6EC;
    padding: 0 60px 90px 60px;
}

#myModal9 .modal-content {
    background: #A0E6EC;
    padding: 0 60px 90px 60px;
}

.news-modal .modal-content p {
    color: #000;
    font: 20px LatoRegular;
    margin-bottom: 20px;
}

.news-icon {
    margin-right: 8px !important;
}

.navbar-fixed-bottom {
    z-index: 1;
}

.tooltip-inner {
    max-width: 300px;
}

.maps-wrapper {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.map-own {
    z-index: 1;
}

.main-video {
    position: absolute;
    z-index: 1;
    width: 100%;
}

.main-info-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    flex-direction: column;
}

.logo-home-wrapper {
    width: 340px;
    height: 340px;
}

.logo-home-wrapper .logo1 {
    height: 227px;
    margin: 0 auto;
    display: block;
    opacity: 0;
}

.logo2 {
    margin-top: 22px;
    opacity: 0;
}

.logo3 {
    width: 174px;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    opacity: 0;
}

.desc-genplan {
    white-space: pre-wrap;
    text-align: left;
    margin-top: 17px;
    display: block;
}

.left-nav-video {
    position: fixed;
    max-width: 250px;
    z-index: 5;
    left: 0;
    top: 158px;
}

.left-nav-video-youtube {
    width: 200px;
    height: auto;
    border-radius: 0 20px 20px 0;
}

.right-nav-arrow {
    position: fixed;
    z-index: 5;
    max-width: 36px;
    right: 0;
    top: 158px;
}

.item1 .item3 img {
    max-height: 150px;
    width: auto;
}

.section .title-desc {
    position: absolute;
    top: 100px;
    color: #fff;
    font: 22px LatoMedium;
    margin-top: 12px;
    margin-left: 73px;
    margin-bottom: 24px;
}

.doc-icon {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 45px;
}

.documents-wrapper form {
    display: block;
    max-width: 529px;
    width: 100%;
    margin: 0 auto 0;
}

.documents-wrapper h2 {
    text-align: center;
    color: #000;
    font: 22px LatoHeavy;
    text-transform: uppercase;
}

.documents-wrapper h3 {
    text-align: center;
    color: #000;
    font: 21px LatoRegular;
    margin-top: -10px;
}

.big-item {
    max-width: 562px;
}

.grid-item30 {
    max-width: 172px;
}

.grid-item-right-big {
    max-width: 252px;
}

.grid-item-right-little {
    max-width: 240px;
}

.galary-container h2 {
    color: #fff;
    font: 17px LatoHeavy;
    text-transform: uppercase;
    margin-right: 55px;
    margin-top: 0;
}

.galary-container h3 {
    color: #fff;
    font: 19px LatoRegular;
    text-transform: uppercase;
    margin-top: 0;
}

.section6 .text-wrapper h3 {
    color: #191818;
    line-height: 24px;
    margin-top: -6px;
}

.life-tandem-btn {
    background: #73CDD8;
    padding: 19px 61px;
    color: #fff;
    text-align: center;
    font: 25px LatoRegular;
    margin-top: 120px;
}

.main-logo {
    max-width: 337px;
}

.tandemis-text-wrapper {
    max-width: 1100px
}

.tandemis-block {
    background: rgba(255, 255, 255, 0.8);
    max-width: 325px;
    width: 100%;
    height: 244px;
    margin-bottom: 12px;
}

.tandemis-wrapper h3 {
    text-align: center;
    color: #000;
    font: 17px LatoHeavy;
    text-transform: uppercase;
    margin-top: 74px;
}

.tandemis-block img {
    display: block;
    margin: 7px auto;
}

.tandemis-block h2 {
    text-align: center;
    color: #000;
    font: 18px LatoHeavy;
    padding-top: 0;
    text-transform: uppercase;
    margin-top: 9px;
}

.tandemis-block h2 {
    text-align: center;
    color: #000;
    font: 18px LatoHeavy;
    padding-top: 0;
    text-transform: uppercase;
    margin-top: 9px;
}

.tandemis-block p {
    text-align: center;
    color: #000;
    font: 14px LatoMedium;
}

.tandemis-title p {
    text-align: center;
    color: #000;
    font: 21px LatoHeavy;
    text-transform: uppercase;
    transform: rotate(180deg);
}

.tandemis-title {
    height: 290px;
    width: 64px;
    background: #fff;
    position: absolute;
    left: 17px;
    top: 50vh;
    margin-top: -145px;
    -webkit-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    display: flex;
    justify-content: center;
    align-items: center;
}

.maps-wrapper {
    width: 100%;
    height: auto !important;
    margin: 0 auto;
}

.map-own4 {
    position: absolute;
    z-index: 4;
    bottom: 17%;
    right: 40%;
    opacity: 0;
    max-width: 400px;
}

.modal-lg {
    width: 648px;
    height: 100%;
}

.links-news-wrapper {
    margin: 1vw 0 2vw 0;
}

.news-container .doc-icon {
    max-width: 60px;
}

.galary-container {
    padding-top: 67px;
    padding-bottom: 10px;
}

.fixed-crossbrowser-background {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-position: bottom center;
    background: url("../images/contacts-bg.jpg") no-repeat;
    opacity: 1;
    z-index: -1;
}

.project-imgs {
    margin-top: 0px;
}

.project-imgs__img {
    margin-top: 1em;
    margin: auto;
    height: 100%;
    width: 100%;
}

.desc-house-wrapper {
    margin-top: 5em;
    padding-left: 0px;
}

@media (max-width: 900px) {
    .desc-house-wrapper {
        margin-top: 1em;
    }

    .desc-house-wrapper .title {
        margin-top: 25px;
    }
}

.project-modal-link {
    padding-top: 35px;
}

a.project-modal-info {
    color: #000000;
    text-decoration: none;
    border-bottom: 1px dashed #000000;
    cursor: pointer;
}

.project-modal-button {
    margin-top: 3em;
    margin-bottom: 3em;
}

.project-modal-content {
    background: #A0E6EC;
    padding: 0px 60px 90px 60px;
}

.row-payment {
    padding-top: 22vw;
}

.fixed-crossbrowser-background-payment {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: url("../images/payment_bg.jpg") no-repeat;
    background-size: cover;
    opacity: 1;
    z-index: -1;
}

.payment-container {
    padding-top: 160px;
}

.payment-head {
    color: #fff;
}

.payment-item {
    margin-top: 30px;
    margin-bottom: 30px;
}

.payment-img img {
    cursor: pointer;
}

.payment-button__btn {
    max-width: 350px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    background: #ffffff;
    font: 27px LatoMedium;
    display: block;
    padding: 15px 0;
    border: 2px solid #000;
    margin: auto;
    margin-top: 40px;
}

.payment-modal-content {
    background: #A0E6EC;
    padding: 0px 60px 90px 60px;
}

.modal-intrade-button {
    text-align: center;
    padding: 10px;
    cursor: pointer;
    width: 280px;
    background: #fff;
    margin: auto;
    margin-top: 20px;
    color: #000;
}

.modal-intrade-button:hover {
    background: #d2cece;
}

.modal-intrade-button a {
    text-decoration: none;
    color: #000;
}

.close {
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    -ms-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s;
    border: 2px solid #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    width: 25px;
    height: 25px;
}

.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.payment_cont {
    padding-top: 0;
}

.li_color {
    background-color: rgb(51, 200, 220);
}

@media screen and (min-width: 1920px) {
    #okno .modal-body > img {
        margin: 0 auto !important;
    }
}

@media (max-width: 1920px) and (min-width: 1611px) {
    .maps-wrapper {
        margin-top: 50px !important;
    }

    .tandemis-wrapper h3 {
        flex-basis: 7%;
        font: 20px LatoHeavy !important;
    }

    .text-top-row {
        display: flex;
        justify-content: center;
        padding: 0 12vw 1vw 12vw;
    }

    .section .title-desc {
        position: absolute;
        top: 100px;
        color: #fff;
        font: 22px LatoMedium;
        margin-top: 12px;
        margin-left: 73px;
        margin-bottom: 24px;
    }
}

@media (min-width: 1611px) {
    .partners-container {
        height: 120vh;
    }
}

@media (min-device-width: 1800px) {

    #okno .modal-content {
        height: auto;
        margin: 0 2vw;
        background: rgba(255, 255, 255, 0.8);
    }
}

@media (min-device-width: 768px) and (max-device-width: 1799px) {
    #myModal2 .modal-content {
        width: 100%;
        height: auto;
        background: rgba(255, 255, 255, 0.6);
    }

    #okno .modal-content {
        width: 100%;
        align-items: center;
        max-width: 90vw;
        height: auto;
        background: rgba(255, 255, 255, 0.8);
    }

    #okno .modal-body > img {
        max-height: 70vh;
        height: 100%;
        display: block;
        margin: 0 auto;
    }

    #myModal15 .modal-content {
        margin: 1vw 0 1vw 0;
        background: rgba(255, 255, 255, 0.8);
        top: 2%;
        right: 0;
        bottom: 2%;
        left: 25%;
        width: 100%;
        min-width: 320px;
        max-width: 900px;
        position: fixed;
        cursor: default;
    }

    #myModal15 .modal-body {
        text-align: left;
        padding: 0 1vw 2vw 1vw;
    }

    .dm-cell {
        padding: 0 1em;
        vertical-align: middle;
        text-align: center;
    }

    .dm-modal {
        max-width: 100em;
    }

    .dm-modal img {
        width: 100%;
        height: auto;
    }

    .pl-left {
        width: 60%;
        height: auto;
        float: left;
        margin: 5px 15px 5px 0;
    }
}

@media (max-width: 1601px) and (min-width: 1500px) {
    .img-three-houses {
        max-width: 100%;
    }

    .about-container {
        padding: 7vw 5vw 1vw 5vw;
    }

    .row-payment {
        padding-top: 20vw;
    }

    .predlog-sotr-btn {
        color: #fff;
        font: 19px LatoMedium;
        text-align: center;
        padding: 15px 20px;
        background: #73CDD8;
        display: inline-block;
        margin-bottom: 25px;
    }
}

@media (max-width: 1610px) and (min-width: 1200px) {
    .about-container {
        padding: 7vw 5vw 1vw 5vw;
    }

    .photo-wrapper {
        margin-bottom: 0;
    }

    .navbar-collapse.collapse.in {
        top: 67px;
    }

    .partner-wrapper {
        max-width: 1171px;
    }

    .partner-wrapper h2 {
        color: #000;
        text-align: center;
        text-transform: uppercase;
        font: 23px LatoHeavy;
        padding-top: 35px;
    }

    .text-top-row {
        display: flex;
        justify-content: center;
        padding: 0 15vw;
    }

    .text-top-wrapper p {
        color: #fff;
        font-size: 12px;
        line-height: 15px;
    }

    .about-wrapper {
        margin-top: 108px;
    }

    .about-wrapper h2 {
        color: #fff;
        font: 25px LatoHeavy;
        text-transform: uppercase;
        margin-top: 31px;
        margin-bottom: 0;
    }

    .photos-wrapper-row3, .photos-wrapper-row1, .photos-wrapper-row2 {
        display: flex;
        justify-content: center;
        padding: 5vw 10vw 0 10vw;
        margin-bottom: 0;
    }

    .photo-wrapper img {
        display: block;
        margin: 0 auto;
        max-width: 70px;
    }

    .height-auto {
        height: auto;
    }

    .right-img-menu-wrapper {
        max-width: 147px;
    }

    .photo-wrapper .name {
        color: #fff;
        font: 15px LatoHeavy;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 0 3px 7px rgba(0, 0, 0, 0.62);
        margin-top: 8px;
        margin-bottom: 3px;
    }

    .lSSlideOuter {
        max-width: 900px;
        margin: 0 auto;
    }

    .navbar-default .navbar-brand {
        margin-top: -1px;
    }

    .navbar-collapse img {
        margin-bottom: 0;
        max-width: 50px;
    }

    .navbar-collapse.collapse.in {
        padding-bottom: 0;
    }

    .navbar-default .navbar-nav > li > a {
        color: #000000;
        font: 20px Lato-Light;
        text-transform: uppercase;
        text-align: center;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #000000;
        font: 20px Lato-Bold;
        text-transform: uppercase;
        text-align: center;
    }

    .photo-wrapper .posada {
        color: #fff;
        font: 12px LatoMedium;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 0 3px 7px rgba(0, 0, 0, 0.62);
    }

    .navbar {
        min-height: 60px;
    }

    .about_btn {
        max-width: 350px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        color: #000;
        background: #73CDD8;
        font: 17px LatoMedium;
        display: block;
        padding: 15px 0;
        border: none;
        margin: auto 10px;
    }

    .about_button {
        margin-top: 10px;
    }

    .text-wrapper {
        max-width: 457px;
        width: 100%;
        height: 220px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 41px 10px 41px 36px;
    }

    .right-menu-wrapper {
        margin-top: 17px;
    }

    .text-wrapper h3 {
        color: #191818;
        font: 18px LatoRegular !important;
        line-height: 24px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .text-wrapper h2 {
        color: #1c1c1c;
        font: 16px LatoHeavy;
        text-transform: uppercase;
        line-height: 25px;
        margin-top: 0;
    }

    .partner-wrapper {
        margin-top: 79px;
    }

    .partners-photos-wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 16px;
    }

    .partners-photos-wrapper .part-img {
        margin-bottom: 22px;
    }

    .text-wrapper h3 br, .text-wrapper h2 br {
        display: none;
    }

    .section .title-desc {
        position: absolute;
        top: 100px;
        color: #fff;
        font: 22px LatoMedium;
        margin-top: 12px;
        margin-left: 73px;
        margin-bottom: 24px;
    }

    #fp-nav ul li a span, .fp-slidesNav ul li a span {
        height: 13px;
        width: 13px;
    }

    #fp-nav ul li, .fp-slidesNav ul li {
        display: block;
        width: 13px;
        height: 13px;
        margin: 7px;
        position: relative;
        margin-bottom: 9px;
    }

    #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
        height: 13px;
        width: 13px;
        margin: -2px 0 0 -2px;
        border-radius: 100%;
        background: #FF9B08;
    }

    #fp-nav.right {
        right: 64px;
        margin-top: -195px !important;
    }

    #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
        height: 13px;
        width: 13px;
        margin: -2px 0 0 -2px;
    }

    .stoimost-btn {
        font-size: 12px;
        margin-top: 82px;
    }

    .table-desc p {
        color: #000;
        font: 13px LatoHeavy;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .desc-house-wrapper .title {
        color: #000;
        font: 20px LatoHeavy;
        text-transform: uppercase;
        margin-top: 12px;
        margin-bottom: 20px;
    }

    .desc-house-wrapper .title span {
        font: 16px LatoHeavy;
    }

    .section .title-visible {
        opacity: 1;
    }

    .img-three-houses {
        max-width: 833px;
        display: block;
        margin: 0 auto;
    }

    .genplan-text-wrapper p {
        color: #000;
        font: 15px LatoMedium;
    }

    .genplan-text-wrapper li {
        color: #767576;
        font: 15px LatoMedium;
        margin-bottom: 6px;
    }

    .genplan-text-wrapper h3 {
        color: #000;
        font: 20px LatoHeavy;
        text-transform: uppercase;
        margin-bottom: 13px;
    }

    .sec-h3 {
        margin-top: 34px;
    }

    .map img {
        max-width: 65px;
        max-height: 35px;
    }

    .map_mobile img {
        max-width: 65px;
        max-height: 35px;
    }

    .news-icon {
        margin-right: 11px !important;
    }

    .letter {
        margin-right: 0 !important;
    }

    .insta img {
        max-width: 32px;
        max-height: 32px;
    }

    .aktsia img {
        max-width: 59px;
        max-height: 50px;
    }

    .vk {
        margin-right: 12px !important;
    }

    .map {
        margin-right: 8px !important;
    }

    .map_mobile {
        margin-right: 8px !important;
    }

    .voice {
        margin-right: 16px !important;
    }

    .navbar-brand > img {
        max-width: 35px;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 45px;
        height: 7px;
        border-radius: 1px;
    }

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 5px;
    }

    .navbar-default .navbar-toggle {
        border: none;
        margin-top: 10px;
        margin-left: 12px;
    }

    .section {
        background-position-y: bottom;
        background-size: cover;
    }

    .contact-wrapper {
        max-width: 455px;
        padding: 10px;
    }

    .contact-wrapper .title h2 {
        font: 18px LatoHeavy;
    }

    .contact-wrapper .title {
        height: 60px;
        padding-top: 19px;
    }

    .contact-wrapper .address {
        color: #000;
        text-align: center;
        font: 20px LatoMedium;
        margin-top: 17px;
    }

    .contacts-logo {
        margin: 0 30px;
        max-width: 250px;
    }

    .contact-wrapper .email {
        color: #000;
        text-align: center;
        font: 15px LatoMedium;
    }

    .contact-wrapper .phone {
        color: #000;
        text-align: center;
        font: 18px LatoHeavy;
    }

    .map iframe, .contact-wrapper .map {
        height: 170px;
    }

    h3.thanks {
        color: #000;
        font: 24px Adventure;
        margin-top: 12px;
    }

    .documents-wrapper {
        max-width: 810px;
        width: 100%;
        background: #fff;
        margin-top: 70px;
    }

    .documents-wrapper select {
        max-width: 529px;
        width: 100%;
        margin-bottom: 19px;
        height: 33px;
    }
}

@media (max-width: 1450px) and (min-width: 1000px) {
    .photos-wrapper-row3, .photos-wrapper-row1, .photos-wrapper-row2 {
        padding: 2vw 0 0 0;
    }
}

@media screen and (max-width: 1366px) {
    #myModal15 .modal-content {
        margin: 1vw 0 1vw 0;
        background: rgba(255, 255, 255, 0.8);
        top: 2%;
        right: 0;
        bottom: 2%;
        left: 25%;
        width: 100%;
        min-width: 320px;
        max-width: 700px;
        position: fixed;
        cursor: default;
    }

    #myModal15 .modal-body {
        text-align: left;
        padding: 0 1vw 2vw 1vw;
    }

    .dm-cell {
        padding: 0 1em;
        vertical-align: middle;
        text-align: center;
    }

    .dm-modal {
        max-width: 100em;
    }

    .dm-modal img {
        width: 100%;
        height: auto;
    }

    .pl-left {
        width: 60%;
        height: auto;
        margin: 0 9vw;
    }
}

@media (max-width: 1300px) and (min-width: 992px) {
    .maps-wrapper {
        position: relative;
        max-width: 992px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        margin: 50px auto 0;
    }
}

@media screen and (min-width: 1280px) {
    #okno .modal-body > img {
        margin: 0 auto !important;
    }

    #okno .modal-content {
        margin: 0 2vw !important;
    }
}

@media screen and (min-width: 1600px) {
    #okno .modal-body > img {
        margin: 0 auto !important;
    }

    #okno .modal-content {
        margin: 0 2vw !important;
    }
}

@media (max-width: 1200px) {
    html.h-auto, html.h-auto body {
        height: auto;
    }

    .news-container {
        background-size: cover;
    }

    .contacts-logo {
        display: none;
    }

    .contact-wrapper:last-child {
        margin-top: 47px;
    }

    h3.thanks {
        color: #000;
        font: 55px Adventure;
        margin-top: 31px;
        text-align: center;
    }

    .documents-container {
        background-size: cover;
    }

    .over-hidden {
        overflow: visible;
        overflow-x: hidden;
    }

    .right-slide {
        right: 0;
    }

    .left-slide {
        left: 0;
    }

    .grid-item {
        width: 45%;
        float: left;
    }

    .grid-item img {
        width: 100%;
    }

    .grid-item.big-item {
        width: 100%;
    }

    .gen-plan-wrapper {
        background-size: cover;
    }

    .section1, .section2, .section3, .section4, .section5, .section6, .section9 {
        background-size: cover;
    }

    .poster-video {
        cursor: pointer;
        height: auto;
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .stoimost-btn {
        max-width: 414px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        background: #AB0404;
        font: 14px LatoMedium;
        display: block;
        margin-top: 0;
        padding: 15px 0;
        border: none;
    }

    #fp-nav {
        display: none;
    }

    .partners-photos-wrapper .part-img {
        width: 50%;
        margin-bottom: 80px;
    }

    .partner-wrapper {
        padding: 0;
    }

    .partners-container {
        height: auto;
    }

    .section h2, .section h3, .section .title, .section .text-wrapper, .contact-wrapper .title, .contact-wrapper .address, .contact-wrapper .email, .contact-wrapper .phone, .thanks {
        opacity: 1;
    }

    .animated {
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

    .wow {
        visibility: visible !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

    .tandemis-wrapper {
        background-size: cover;
    }

    .tandemis-title {
        display: none;
    }

    .row-payment {
        padding-top: 25vw;
    }

    .documents-wrapper {
        margin-top: 9vw;
    }
}

@media (max-width: 1260px) and (min-width: 1202px) {
    .tandemis-block h2 {
        padding-left: 1vw;
        padding-right: 1vw;
    }
}

@media (max-width: 1201px) and (min-width: 992px) {
    .tandemis-block {
        margin-top: 6vh;
    }
}

@media (max-width: 1199px) and (min-width: 999px) {
    .text-top-row {
        display: flex;
        justify-content: center;
        padding: 0 10vw;
    }

    .text-top-wrapper p {
        color: #fff;
        font-size: 12px;
        line-height: 15px;
    }

    .photo-wrapper {
        margin-bottom: 0;
    }

    .photo-wrapper .posada {
        color: #fff;
        font: 10px LatoMedium;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 0 3px 7px rgba(0, 0, 0, 0.62);
    }

    .photo-wrapper .name {
        color: #fff;
        font: 12px LatoHeavy;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 0 3px 7px rgba(0, 0, 0, 0.62);
        margin-top: 8px;
        margin-bottom: 3px;
    }

    .photo-wrapper img {
        display: block;
        margin: 0 auto;
        max-width: 70px;
    }

    .about-container {
        padding: 12vw 5vw 1vw 5vw;
    }
}

@media (max-width: 998px) {
    .about-container {
        padding: 8vw 5vw 1vw 5vw;
        height: auto;
    }

    .text-top-wrapper {
        margin-right: 0;
    }

    .text-top-row {
        display: flex;
        justify-content: center;
        padding: 0 2vw 1vw 2vw;
    }

    .text-top-wrapper p {
        color: #fff;
        font-size: 12px;
        line-height: 15px;
    }

    .photos-wrapper-row1, .photos-wrapper-row2, .photos-wrapper-row3 {
        display: block;
        padding: 0 5vw;
    }

    .photo-wrapper .posada {
        color: #fff;
        font: 10px LatoMedium;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 0 3px 7px rgba(0, 0, 0, 0.62);
    }

    .photo-wrapper .name {
        color: #fff;
        font: 12px LatoHeavy;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 0 3px 7px rgba(0, 0, 0, 0.62);
        margin-top: 8px;
        margin-bottom: 3px;
    }

    .photo-wrapper {
        width: 100%;
        margin-bottom: 25px;
    }

    .text-top-wrapper .text-right-top {
        float: none;
        text-align: center;
    }

    .text-top-wrapper .text-left-top {
        border: none;
        margin: 0 auto;
        float: none;
        text-align: center;
        padding-right: 0;
    }

    .logo-home-wrapper .logo1 {
        height: 227px;
        margin: 0 auto;
        display: block;
        opacity: 1;
    }

    .logo2 {
        margin-top: 22px;
        opacity: 1;
    }

    .logo3 {
        width: 174px;
        display: block;
        margin: 0 auto;
        margin-top: 15px;
        opacity: 1;
    }

    .main-video {
        position: static;
        z-index: 1;
        height: 100%;
        width: 369%;
    }

    .map-own4 {
        display: none;
    }

    .left-nav-video {
        display: none;
    }

    .navbar-default .container-fluid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .about-wrapper {
        margin-top: 20px;
    }

    html, body {
        height: auto;
    }

    html.h100, html.h100 body {
        height: 100%;
    }

    .navbar-fixed-bottom, .navbar-fixed-top {
        position: static;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .galary-container {
        margin-top: 0;
        height: auto;
    }

    .genplan-text-wrapper {
        margin-top: 60px;
    }

    #myModal .modal-body {
        overflow: auto;
    }

    .tandemis-wrapper h3 {
        text-align: center;
        color: #fff;
        font: 20px LatoHeavy;
        text-transform: uppercase;
        margin-top: 35px;
    }

    .tandemis-text-wrapper {
        max-width: 1450px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .tandemis-block {
        height: auto;
    }

    .tandemis-block p {
        text-align: center;
        color: #000;
        font: 18px LatoMedium;
    }

    .main-video {
        position: static;
        z-index: 1;
        height: 100%;
        width: auto;
    }

    #myModal .modal-lg {
        max-width: 768px;
        width: 100% !important;
    }

    .row-payment {
        padding-top: 25vw;
    }
}

@media (max-width: 992px) {
    .tandemis-block {
        margin: 2vw;
    }

    .payment-container {
        padding-top: 0;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .maps-wrapper2 {
        height: 378px;
    }

    .section7 .fp-tableCell, .section7 {
        height: auto !important;
    }

    .filename1 {
        background: #fff;
        border: 0;
    }

    #statya:hover img {
        width: 500px;
    }
}

@media (max-width: 767px) {
    .insta {
        margin-left: 10px;
    }

    .aktsia {
        margin-left: 10px;
    }

    .right-nav-arrow {
        display: none;
    }

    .arrowUp {
        position: fixed !important;
    }

    .right-img-menu-wrapper, .rightInvisible {
        display: none;
    }

    .over-hidden {
        overflow: hidden;
    }

    .mini-map {
        display: block;
        cursor: pointer;
    }

    .maps-wrapper2 {
        display: none;
    }

    #myModal {
        overflow-y: auto !important;
        overflow-x: auto;
    }

    .maps-wrapper {
        width: 1366px;
        height: 807px;
    }

    #myModal10 {
        overflow-y: auto !important;
        overflow-x: auto;
    }

    #myModal10 .modal-lg.modal-genplan {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    #myModal10 .modal-body {
        padding: 0 !important;
    }

    .main-video {
        display: none;
    }

    .main-container {
        background: url("../images/video-mob.jpg") no-repeat center;
        background-size: cover;
    }

    .main-info-wrapper {
        position: static;
    }

    .h-100 {
        height: 100%;
    }

    .section .title-desc {
        display: none;
    }

    .grid-item-right-big, .grid-item-right-little, .grid-item30 {
        max-width: 272px;
    }

    .fp-responsive .section,
    .fp-responsive .section .fp-slide,
    .fp-responsive .section .fp-tableCell {
        height: auto !important;
    }

    .play-video {
        padding: 50px;
    }

    .documents-wrapper select {
        max-width: 630px;
        width: 100%;
        margin-bottom: 30px;
        height: 42px;
        border: 1px solid #000;
        color: #000;
        font: 9px LatoRegular;
        padding-left: 10px;
        padding-right: 48px;
        background: url(../images/select.png) no-repeat right 5px center;
        cursor: pointer;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .life-tandem-btn {
        background: #73CDD8;
        padding: 11px 11px;
        color: #fff;
        text-align: center;
        font: 22px LatoRegular;
        margin-top: 38px;
    }

    .logo-home-wrapper {
        width: 270px;
        height: 340px;
    }

    .life-tandem-btn {
        opacity: 1;
    }

    .right-menu-wrapper {
        margin-top: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .news-icon, .insta, .map, .phonemenu, .aktsia, .map_mobile {
        margin-right: 10px !important;
        margin-bottom: 10px !important;
    }

    .phonemenu a {
        color: #333 !important;
    }

    .aktsia img {
        max-height: 35px;
    }

    .bus {
        margin-left: 40px;
        margin-bottom: 10px;
        margin-right: 40px !important;;
    }

    .btn_booking img {
        display: block;
        margin: 0 auto;
        max-width: 300px;
        margin-top: 0 !important;
    }

    .navbar-collapse img {
        display: none;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        font: 17px Lato-Bold;
    }

    .navbar-default .navbar-nav > li > a {
        font: 17px Lato-Light;
    }

    .navbar-collapse.collapse.in {
        width: 100%;
        position: static;
        padding-bottom: 10px;
    }

    .documents-container {
        background-size: cover;
        padding-top: 45px;
    }

    .documents-wrapper form {
        margin: 0 auto;
        display: block;
        max-width: 630px;
        width: 100%;
        margin-top: 50px;
        padding: 0 15px;
    }

    .grid-item {
        width: 100%;
        float: left;
    }

    .galary-container .headers {
        display: flex;
        justify-content: center;
        top: 10vh;
    }

    .galary-container h3 {
        color: #fff;
        font: 16px LatoRegular;
        text-transform: uppercase;
        margin-top: 0;
    }

    .galary-container h2 {
        color: #fff;
        font: 17px LatoHeavy;
        text-transform: uppercase;
        margin-right: 10px;
        margin-top: 0;
    }

    .genplan-text-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .desc-wrapper .title {
        color: #fff;
        font: 26px LatoMedium;
        margin-top: 31px;
        margin-left: 10px;
        margin-bottom: 70px;
    }

    .desc-wrapper {
        position: static;
    }

    .text-wrapper h2 {
        color: #1c1c1c;
        font: 20px LatoHeavy;
        text-transform: uppercase;
        line-height: 30px;
        margin-top: 0;
    }

    .text-wrapper h3 {
        color: #191818;
        font: 21px LatoRegular !important;
        line-height: 24px;
        margin-top: 17px !important;
    }

    .links-news-wrapper a {
        font: 24px LatoRegular !important;
        height: 5vw !important;
    }

    .text-wrapper {
        background: rgba(255, 255, 255, 0.5);
        border-radius: 10px 0 0 10px;
        padding: 10px;
        max-width: 795px;
        width: 100%;
        height: auto;
    }

    .stoimost-btn {
        margin-top: 20px;
    }

    .partners-photos-wrapper .part-img {
        width: 100%;
        margin-bottom: 20px;
    }

    .partner-wrapper {
        margin-top: 0;
    }

    .file-upload {
        margin: 0 auto;
    }

    .close {
        font-size: 38px;
    }

    .section2, .section1, .section3, .section4, .section5, .section6, .section9 {
        background: none;
    }

    .text-wrapper br {
        display: none !important;
    }

    .news-modal .modal-content, .popup-modal .modal-content {
        border-radius: 0;
        background: #A0E6EC;
        padding: 5px;
        margin: 10vw 3vw;
        overflow-y: scroll;
    }

    .modal-dialog {
        margin: 0;
    }

    .mobile_nd {
        display: none !important;
    }

    .news-modal .modal-content p, .popup-modal .modal-content p {
        color: #000;
        font: 15px LatoRegular;
        margin-bottom: 20px;
    }

    .tooltip.top .tooltip-arrow {
        display: none !important;
    }

    .tooltip-inner {
        max-width: 300px;
        width: 237px;
    }

    #myModal2 h2, #okno h2, #myModal15 h2 {
        font-size: 23px;
    }

    #myModal1 .modal-content {
        background: #A0E6EC;
        padding: 0 20px 35px 31px;
    }

    .row-payment {
        padding-top: 0;
    }

    .galary-container .headers {
        margin-top: -8vh;
    }

    #orderHome3 {
        width: 100%;
        padding: 2vw;
    }

    #orderHome5 {
        width: 100%;
        padding: 2vw;
    }

    #orderHome {
        width: 100%;
        padding: 2vw;
    }
}

@media (min-width: 767px) {
    .mini-map, .desc-genplan {
        display: none;
    }

    .img-fon {
        display: none;
    }
}

@media (max-width: 765px) {
    .project-hr hr {
        border-top: 1px solid #383e3f;
        margin-bottom: 40px;
        margin-left: -35px;
        margin-right: -30px;
        opacity: 1;
    }
}

@media (min-width: 765px) {
    .project-hr hr {
        opacity: 0;
    }
}

@media (min-device-width: 480px)
and (max-device-width: 768px) {
    #myModal2 .modal-lg, #okno .modal-lg, #myModal15 .modal-lg {
        width: 100%;
    }

    #myModal2 .modal-content {
        width: 96%;
        height: 96%;
        background: #fff;
    }

    #okno .modal-content {
        width: 80vw;
        margin: 0 10vw;
    }

    #okno .modal-body > img {
        margin: 0 auto;
        width: auto;
    }

    #myModal2 .modal-body, #okno .modal-body, #myModal15 .modal-body {
        padding: 10px !important;
    }

    #myModal2 .modal-header, #okno .modal-header, #myModal15 .modal-header {
        padding: 5px !important;
    }

    .dm-cell {
        padding: 0 1em;
        vertical-align: middle;
        text-align: center;
    }

    .dm-modal {
        max-width: 50em;
    }

    .dm-modal img {
        width: 100%;
        height: auto;
    }

    .pl-left {
        margin: 0 12vw !important;
        width: 70% !important;
    }

    #myModal15 .modal-content {
        width: 87% !important;
        left: 7% !important;
    }
}

@media (max-width: 576px) {
    #orderHome10 {
        position: absolute;
        width: 98vw;
        padding: 2vw 3vw 2vw 2vw;
    }

    #orderHome12 {
        position: absolute;
        width: 98vw;
        padding: 2vw 3vw 2vw 2vw;
    }

    #orderHome {
        position: absolute;
        width: 98vw;
        padding: 2vw 3vw 2vw 2vw;
    }
}

@media (max-width: 555px) and (min-width: 380px) {
    .links-news-wrapper a {
        font: 19px LatoRegular !important;
        height: 6vw !important;
    }
}

@media (max-width: 379px) {
    .links-news-wrapper a {
        font: 19px LatoRegular !important;
        height: 7vw !important;
    }
}

@media (min-device-width: 220px)
and (max-device-width: 992px) {
    .arrowUpMobile {
        visibility: visible;
        position: fixed !important;
        top: 87%;
    }

    .arrowUp {
        visibility: hidden;
    }
}

@media (min-device-width: 220px)
and (max-device-width: 480px) {
    .menu {
        margin-top: 10px;
        margin-right: 24px;
    }

    .navbar-brand {
        padding-right: 0;
    }

    #myModal2 .modal-lg, #okno .modal-lg {
        width: 100%;
    }

    #myModal15 .modal-lg {
        width: 100% !important;
    }

    #myModal2 .modal-content {
        width: 100%;
        height: auto;
        background: #fff;
    }

    #myModal2 .modal-body, #okno .modal-body, #myModal15 .modal-body {
        padding: 0;
    }

    #okno .modal-body {
        height: auto;
    }

    #myModal2 .modal-header, #okno .modal-header, #myModal15 .modal-header {
        padding: 0 !important;
    }

    .dm-modal {
        padding: 10px !important;
    }

    .dm-modal img {
        width: 100%;
        height: auto;
    }

    .pl-left {
        margin: 0 8vw !important;
        width: 80% !important;
    }

    #myModal15 .modal-content {
        width: 80% !important;
        left: 5% !important;
    }

    #okno .modal-content {
        height: auto;
        padding: 2vw;
        width: 100%;
        background: #fff;
    }
}

.img-fluid {
    padding: 5px;
    margin: 5px auto;
    display: block;
    width: 100%;
    max-height: 150px;
}