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

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

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

@font-face {
    font-family: helveticaneuecyr;
    src: url(fonts/helveticaneuecyr.otf);
}

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

html {
    background-color: #000000;
}

html,body {
	margin:0;
	padding:0;
    width: 100%;
    height: 100%;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
    padding: 0px;
    margin: 0px;
}

caption,th {
	text-align:left;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
    border:0;
}

/* Bootstrap fixes */
.col-md-12, .col-md-6, .col-md-5, .col-sm-12 {
    padding: 0;
}

.modal-sold-wrap{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 1000;
    display: none!important;
}
.modal-sold{
    width: 345px;
    height: 135px;
    top: 50%;
    position: relative;
    background-color: #000;
    opacity: 0.9;
    padding: 30px 0 25px;
    text-align: center;
    margin: -70px auto 0;
}
.modal-sold h2{
    color: #fff;
    font-size: 16px;
    font-family: PFDinTextCondPro;
    margin: 0 0 17px;
}
.modal-sold img{
    position: absolute;
    right: 14px;
    top: 14px;
    cursor: pointer;
}
.modal-sold .floor{
    display: inline-block;
}
.modal-sold .floor a{
    color: #fff;
    font-family: CenturyGothic;
    line-height: 35px;
    font-size: 17px;
    padding: 6px 12px;
    transition: all 0.4s ease;
    border: 1px rgba(255,255,255,0.52) solid;
}
.modal-sold .floor a:hover{
    background-color: rgba(255,255,255,0.15);
}

/* General Style */

body{
	font-family: PFDinTextCondPro, Helvetica;
	background: #000;
	font-weight: 00;
	color: #ffffff;
    font-size: 16px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.49);
    overflow: auto;
    opacity: 0;
    opacity: 1;
    transition: opacity 0.9s ease;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:hover, a:active, a:focus {
    color: #aa985f;
    text-decoration: none;
}

path {
    transition: fill-opacity 0.4s ease, transform 0.4s ease;
}

g {
    transition: all 0.4s ease;
}

#scene {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
    overflow: hidden;
}

.scene-image {
    width: 100%;
    height: 100%;
    background: url(images/scene-image.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

.scene-image-around {
    width: 100%;
    height: 100%;
    background: url(../images/around/25.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

.scene-image-partners {
    width: 100%;
    height: 100%;
    background: url(images/gal1.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

.scene-grad-partners {
    width: 100%;
    height: 100%;
    background: url(images/flat.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

.scene-image-pick {
    width: 100%;
    height: 100%;
    background: url(images/preload.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

.scene-image-dev {
    width: 100%;
    height: 100%;
    background: url(images/scene-image-dev.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

.scene-image-news {
    width: 100%;
    height: 100%;
    background: url(images/scene-image-news.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

.scene-image-project {
    width: 100%;
    height: 100%;
    background: url(images/scene-image-project.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}


.scene-gradient {
    width: 100%;
    height: 100%;
    background: url(images/scene-gradient.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 2;
}

.scene-grad-around {
    width: 100%;
    height: 100%;
    background: url(images/Gradient_na_galereyu.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 53;
}

.scene-gradient-right {
    height: 100%;
    width: 255px;
    background: linear-gradient(90deg, rgba(51, 45, 34, 0) 0%, rgba(56, 50, 39, 96) 96%, rgba(56, 50, 39, 10) 100%);
    background-repeat: repeat-y;
    position: absolute;
    z-index: 5;
    right: 0px;
    top: 0px;
}

.scene-gradient-news {
    width: 100%;
    height: 100%;
    background: url(images/scene-gradient-news.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 2;
}

#scene, .wrapper, .footer, .mob-menu-modal {
    transition: all 0.6s ease;
    min-width: 100%;
}

.btn-ipoteka{
    position: absolute;
    right: 60px;
    bottom: 95px;
    font-size: 16px;
    color: #fff;
    font-family: PFDinTextCondPro;
    line-height: 48px;
    background-color: transparent;
    border: none;
}
.btn-ipoteka:focus{
    outline: none;
}
.btn-ipoteka svg{
    margin-left: 15px;
    vertical-align: middle;
}
.btn-ipoteka svg circle{
    transition: all 0.4s ease;
}
.btn-ipoteka:hover svg circle{
    fill: #FFF3AE;
}

.scene-light {
    background: url(images/scene-light.png) no-repeat;
    position: absolute;
    z-index: 6;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 595px;
    margin-left: -50px;
    margin-top: -50px;
    opacity: 1;
}

.scene-dust {
    height: 100%;
    width: 100%;
    background: url(images/scene-dust.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: absolute;
    opacity: 0.7;
    z-index: 7;
}

.header {
    padding: 30px 10% 0 10%;
}

.layer {
    opacity: 0.99;
}

.header ul li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0px 20px;
}

.header ul li:first-child {
    margin-right: 30px;
    border: 0px;
    padding-left: 0px;
    width: 220px;
}

.header ul li:first-child img {
    width: 100%;
}

.header ul li:first-child img {
    margin-top: -5px;
}

.header ul li:nth-child(5) {
    border-right: 0px;
}

.header ul li:last-child {
    margin-top: 10px;
    float: right;
    border-right: 0px;
    padding: 0px;
    font-size: 12px;
    color: #d0d0d0;
}

.header ul li:last-child span{
    font-family: CenturyGothic;
    font-size: 16px;
    color: #ffffff;
    margin-left: 20px;
}

.header ul li:last-child a {
    width: 100%;
    height: 100%;
    display: block;
    margin-top: 10px;
    float: right;
    border-right: 0px;
    padding: 7px 40px 5px 40px;
    transition: all 0.3s ease;
    text-align: center;
}

.content {
    padding: 14% 10% 0 10%;
    transition: all 0.3s ease-out;
}

.content h1 {
    font-family:  Arial;
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.75);
}

.content p {
    margin-top: 30px;
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 400;
}
.content p.p_top{
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 30px;
}

.content p span {
    color: #dacc7f;
}

.first-letter {
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
}

.wrapper {
    min-height: 100%;
    padding-bottom: 90px;
}

.footer {
    padding: 50px 10% 0 10%;
    position: relative;
    z-index: 10;
    height: 70px;
    margin-top: -75px;
}

.footer ul li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0px 20px;
}

.footer ul li:first-child {
    padding-left: 0px;
}

.footer ul li:last-child {
    border-right: 0px;
}

.footer p {
    font-size: 11px;
    color: #d0d0d0;
    float: left;
    text-transform: uppercase;
}

.footer p span {
    font-family: CenturyGothic;
    font-size: 16px;
    color: #ffffff;
    margin-left: 20px;
    margin-right: 20px;
}

.footer-phone {
    margin-top: -6px;
    font-size: 16px!important;
}

.footer-address {
    margin-top: -2px;
}

.addeo {
    text-align: right;
    margin-top: -5px;
}

.owl-carousel {
    margin-top: -120px;
}

.owl-stage {
    padding-top: 150px;
    min-height: 500px;
}

.news-item {
    transition: all 0.4s ease;
    cursor: pointer;
    padding: 0px 20px;
    max-height: 350px;
    overflow-y: auto;
}

.news-item:hover {
    transform: scale(1.01) translateY(-3px);
    text-shadow: 0px 5px 8px rgba(0, 0, 0, 0.75);
}

.news-item h2 {
    font-family: CenturyGothic;
    font-size: 52px;
    font-weight: 400;
}

.news-item h2:before {
    content: '';
    box-shadow: 0px 1px 0px 0.00px rgba(0, 0, 0, 0.75);
    width: 42px;
    height: 5px;
    position: absolute;
    background-color: rgba(245, 245, 244, 0.95);
    margin-left: 12px;
    margin-top: 62px;
}

.news-item h3 {
    text-transform: uppercase;
    font-size: 25px;
    margin-top: 30px;
}

.news-item p {
    margin-top: 10px;
    color: #f6f6e0;
    font-size: 17px;
}

.news-item p svg {
    position: absolute;
    margin-left: -18px;
    margin-top: 3px;
    transition: transform 0.6s ease;
}

.news-item p svg path {
    opacity: 1;
    transition: opacity 0.8s ease;
}

.hiddened {
    display: none;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.modal-news-wrap{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    background-color: rgba(24, 23, 18, 0.68);
    overflow-y: auto;
}
.modal-news-camera .modal-news{
    height: auto;
}
.modal-news-camera .camera-wrap{
    height: 315px;
    margin-top: 30px;
}
.modal-news-camera .camera-right{
    display: none;
}
.modal-news .row{
    margin: 0;
}
.player_advert{
    display: none!important;
}

.modal-news{
    position: relative;
    width: 725px;
    height: 490px;
    background-color: rgba(16, 15, 12, 0.92);
    margin: 5% auto 0;
    padding: 45px 50px 55px 65px;
    text-align: left;
}

.modal-news h2{
    margin: 0;
    font-size: 23px;
    color: #aa985f;
    font-family: CenturyGothic;
}

.modal-news h3{
    margin: 0;
    font-size: 32px;
    color: #fff;
    font-family: PFDinTextCondPro;
    line-height: 35px;
    margin: 30px 0 40px;
    text-transform: uppercase;
}

.modal-news .descr{
    font-size: 17px;
    color: #fff;
    font-family: PFDinTextCondPro;
    line-height: 20px;
    height: 235px;
    overflow: hidden;
    overflow-y: auto;
}

.modal-news svg{
    position: absolute;
    right: 35px;
    top: 20px;
    cursor: pointer;
}

.modal-news svg:hover > g, .modal-news svg:focus > g{
    opacity: 1;
}

.modal-news p::-webkit-scrollbar-thumb
{
    background-color: #dcce83;
}

.modal-news p::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #888888;
}

.modal-news p::-webkit-scrollbar
{
    width: 2px;
}

.modal-news p::-webkit-scrollbar-thumb
{
    background-color: #dcce83;
}

.owl-item {
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.pick-floor {
    background: url(images/pick-floor.png);
    width: 322px;
    height: 320px;
    position: absolute;
    bottom: 60px;
    left: 60px;
    z-index: 101;
}

#pick360 {
    font-size: 20px;
    width: 110px;
    height: 40px;
    position: relative;
    margin-top: 20px;
    margin-left: 180px;
    text-align:center;
    text-transform: uppercase;
}

#pick360 a {
    color: #ebe9ce;
    transition: color 0.3s ease;
}

#pick360 a:hover {
    color: #ffffff;
}

#pick-floor-num {
    width: 70px;
    height: 110px;
    line-height: 40px;
    font-size: 30px;
    color: #ebe9ce;
    position: relative;
    margin-top: 80px;
    margin-left: 90px;
    text-transform: uppercase;
    text-align: center;
}

#pick-floor-num span {
    font-size: 100px;
}

.owl-carousel .active {
    opacity: 1;
    transform: translate(0%) scale(1) !important;
}

.content-contacts {
  padding: 0 0 0 10%;
  margin-top: 15%;
  width: 640px;
}

.content-contacts-2{
    margin-top: 3%;
}

.btn-developer, .btn-office{
    float: left;
    background-color: rgba(0,0,0,0.97);
    font-size: 14px;
    color: #626262;
    text-transform: uppercase;
    font-family: PFDinTextCondPro;
    line-height: 55px;
    width: 50%;
    transition: all 0.4s ease;
    border: none;
    border-bottom: 2px transparent solid;
    text-align: center;
    cursor: pointer;
}
.btn-developer:focus, .btn-office:focus{
    outline: none;
}
.btn-developer:hover, .btn-office:hover, .btn-developer:focus, .btn-office:focus, .btn-developer.active, .btn-office.active{
    color: #e3cc71;
    border-bottom: 2px #e3cc71 solid;
}

.content-contacts h1 {
    font-size: 28.5px;
}

.content-contacts .contacts-office h1{
    font-size: 22px;
}

.content-contacts p {
    color: rgba(246, 246, 224, 0.95);
    font-size: 17px;
    line-height: 23px;
    font-family: PFDinTextCondPro;
    margin: 0;
}

.content-contacts .contacts-office p.info{
    color: rgba(246, 246, 224, 0.95);
    font-size: 17px;
    line-height: 23px;
    font-family: PFDinTextCondPro;
    margin: 15px 0 30px;
}

.content-contacts .contacts-office p.info span{
    color: #E3CC71;
}

.content-contacts p.phone{
    color: #E3CC71;
    font-size: 27px;
    font-family: PFDinTextCondPro;
    margin: 25px 0 10px;
}

.content-contacts p.email{
    margin-top: 0;
}

.contacts-office{
    display: none;
}

.parent {display: table; }
.child {
    display: table-cell;
    vertical-align: middle;
}

.one-partners {
    display: table;
    height: 150px;
    transition: all 0.3s ease;
    /*margin-bottom: 30px;*/
}

#map-canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.map-gradient {
    position: absolute;
    z-index: 2;
    width: 1000px;
    height: 100%;
    left: 0px;
    bottom: 0px;
    background: url(images/map-gradient.png);
    background-size: cover;
}

p.content-links {
    font-size: 16px;
    margin-top: 70px;
    color: #999999;
}

.box-link {
    text-transform: uppercase;
    padding: 20px 40px;
    border: 2px solid #ffffff;
    margin-right: 30px;
    transition: all 0.3s ease;
}

.box-link:hover {
    background-color: #ffffff;
    color: #000000;
}

.nobox-link {
    margin-left: 30px;
    color: #dacc7f;
    text-transform: uppercase;
}

.documentation-button {
    font-size: 15px;
    text-transform: uppercase;
    width: 170px;
    text-align: center;
    height: 45px;
    line-height: 43px;
    background-color: rgba(218, 204, 127, 0.07);
    border: 1px solid #dacc7f;
    margin-top: -80px;
    margin-bottom: 50px;
    transition: background-color 0.3s ease;
    display: inline-block;
    margin-right: 15px;
}

.documentation-button a {
    display: block;
    width: 100%;
    height: 100%;
}

.owl-pres h2{
    margin: 20px 0;
}
.owl-pres img{
    width: 100%;
}

.documentation-button:hover {
    background-color: rgba(218, 204, 127, 0.5);
}

.documentation-button:hover a {
    color: #ffffff;
}

.project-content {
    height: 250px;
    overflow-y: auto;
    margin-top: 30px;
    padding-right: 35px;
    max-width: 550px;
}

.project-content p:first-child {
    margin-top: 0;
}

.project-content p {
    font-size: 17px;
}

.project-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #888888;
}

.project-content::-webkit-scrollbar
{
	width: 2px;
}

.news-item::-webkit-scrollbar-thumb
{
	background-color: #dcce83;
}

.news-item::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #888888;
}

.news-item::-webkit-scrollbar
{
	width: 2px;
}

.news-item::-webkit-scrollbar-thumb
{
	background-color: #dcce83;
}

.content-contacts p {
    margin-top: 50px;
}

.news-next {
    width: 70px;
    height: 70px;
    cursor: pointer;
    float: right;
}

.news-next:after {
    content: '';
    background: url('images/next.png');
    background-position: 0px 0px;
    width: 42px;
    height: 42px;
    position: absolute;
    margin-top: -62px;
    margin-left: 14px;
    transition: background-position 0.2s ease;
}

.news-next .st0 {
    fill: #AA985F;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.news-next:hover:after {
    background-position: 42px 0px;
}

.news-next:hover .st0 {
    opacity: 1;
}

.news-next .st1{
    fill: none;
    stroke: #FFFFFF;
    stroke-miterlimit: 10;
}

.news-prev {
    width: 70px;
    height: 70px;
    cursor: pointer;
    float: left;
}

.news-prev:after {
    content: '';
    background: url('images/prev.png');
    background-position: 42px 0px;
    width: 42px;
    height: 42px;
    position: absolute;
    margin-top: -62px;
    margin-left: 14px;
    transition: background-position 0.2s ease;
}

.news-prev .st0 {
    fill: #AA985F;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.news-prev:hover:after {
    background-position: 0px 0px;
}

.news-prev:hover .st0 {
    opacity: 1;
}

.news-prev .st1{
    fill: none;
    stroke: #FFFFFF;
    stroke-miterlimit: 10;
}

.news-controls {
    height: 70px;
}

.fade1 {
    transition: all 0.1s ease;
}

.fade2 {
    transition: all 0.9s ease;
}

.fade3 {
    transition: all 1s ease;
}

.contacts-inner {
    padding: 50px 50px 0 50px;
    /* padding: 0 0 80px 0; */
    background: rgba(0,0,0,0.5);
    height: 450px;
}

.preload {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(images/preload.jpg) no-repeat;
    background-size: cover;
    z-index: 100;
    transition: opacity 1.5s ease;
    font-family: PFDinTextCondPro;
}

.preload p {
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 30px;
    text-transform: uppercase;
    color: #90908c;
    cursor: pointer;
}

.preload1 {
    text-align: center;
    padding-top: 22%;
    opacity: 0;
    transition: opacity 2s ease;
}

.preload1 img {
    width: 500px;
}

.preload1 h2 {
    margin-top: 40px;
    font-size: 25px;
    color: #e9e4bb;
    text-transform: uppercase;
}

.preload2 {
    text-align: center;
    padding-top: 22%;
    display: none;
    opacity: 0;
    transition: opacity 2s ease;
}

.preload2 h1 {
    text-transform: uppercase;
    font-size: 50px;
    color: #e9e4bb;
}

.preload2 p {
    position: inherit;
    max-width: 730px;
    color: #f1f1f1;
    margin: 40px auto 0 auto;
}

.preload2 p span {
    color: #dacc7f;
}

.modal-open{
    overflow-y: hidden;
}

.modal-news-pres{
    overflow-y: auto;
}

.modal-news-pres .modal-news{
    height: auto;
    padding-left: 50px;
}
.modal-news-pres .modal-news p{
    height: auto;
}

.modal-window {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(38, 38, 38, 0.95);
    z-index: -1;
    font-family: PFDinTextCondPro;
    opacity: 0;
    transition: opacity 0.7s ease;
}

.owl-pres{
    position: relative;
    max-height: 920px;
}

.slick-slide:focus{
    outline: none!important;
}

.slick-arrow{
    border: none;
    background-color: transparent;
    position: absolute;
    font-size: 0;
    top: 50%;
    margin-top: -15px;
}

.slick-arrow:hover, .slick-arrow:focus{
    opacity: 1;
    outline: none;
}

.slick-prev{
    background-image: url('../images/back.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    left: -35px;
    z-index: 100;
    opacity: 0.5;
    transition: all 0.4s ease;
}

.slick-next{
    background-image: url('../images/next.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    right: -35px;
    z-index: 100;
    opacity: 0.5;
    transition: all 0.4s ease;
}

.modal-partners-point, .modal-partners-addeo, .modal-partners-NA, .modal-partners-mezon, .modal-partners-profi, .modal-partners-STK, .modal-partners-bn, .modal-partners-imp  {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(38, 38, 38, 0.95);
    z-index: -1;
    font-family: PFDinTextCondPro;
    opacity: 0;
    transition: opacity 0.7s ease;
}


.modal-partners-point a:hover, .modal-partners-addeo a:hover, .modal-partners-NA a:hover, .modal-partners-mezon a:hover, .modal-partners-profi a:hover, .modal-partners-STK a:hover, .modal-partners-bn a:hover, .modal-partners-imp a:hover{
    text-decoration: underline;
}


.docs {
  position: fixed;
  top: 15%;
  left: 50%;
  /*margin-left: -150px;*/
  width: 450px;
  height: auto;
  background: rgba(38, 38, 38, 0.95);
  z-index: 50;
  font-family: PFDinTextCondPro;
  display: none;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #dacc7f;
}






.docs h2 {
    text-align: center;
}



.docs ul li {
    font-size: 22px;
}

/*.docs ul li a {
    text-decoration: underline;
    }*/

    .docs .window-close {
        margin-top: 0px;
        /*margin-left: 520px;*/
        margin-left: 370px;
    }

    .window-inner {
        width: 740px;
        margin: 22% auto 0 auto;
    }


    .window-innerr {
        /*width: 740px;*/
        margin: 15% auto 0 auto;
    }

    .window-close:hover, .window-closee:hover {
        transform: rotate(360deg);
    }

    .window-close:hover #window-close {
        fill: #ffffff;
    }

    #window-close {
        fill: #555555;
        transition: fill 0.7s ease;
    }

    .modal-window h2 {
        font-size: 33px;
        text-transform: uppercase;
    }

    .modal-window input {
        width: 335px;
        background: transparent;
        border: 2px solid #ffffff;
        height: 60px;
        font-size: 25px;
        text-align: center;
        text-transform: uppercase;
        margin-top: 20px;
    }

    .modal-window textarea {
        width: 688px;
        height: 100px;
        background: transparent;
        border: 2px solid #ffffff;
        padding: 10px;
        font-size: 18px;
        text-transform: uppercase;
        resize: none;
    }

    .modal-window .left-input {
        margin-right: 15px;
    }

    .modal-window input[type='submit'] {
        width: 688px;
        background-color: rgba(0, 0, 0, 0.3);
        margin-top: 15px;
        color: #ffffff;
        transition: all 0.3s ease;
    }

    .modal-window input[type='submit']:hover {
        background-color: #ffffff;
        color: #000000;
    }

    .modal-window p {
        font-family: 'Segoe UI';
        font-size: 18px;
        margin-top: 30px;
        color: #f8f5e1;
    }

    .window-close {
        width: 40px;
        height: 40px;
        position: absolute;
        margin-left: 750px;
        margin-top: -100px;
        cursor: pointer;
        transition: transform 0.7s cubic-bezier(0, 0, .34, 1.01);
    }

    .window-closee {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 50px;
        margin-top: -100px;
        cursor: pointer;
        transition: transform 0.7s cubic-bezier(0, 0, .34, 1.01);
    }

    .rotate-mob {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        text-align: center;
        z-index: 5000;
        background: #000000;
    }

    .rotate-mob h2 {
        font-size: 32px;
        color: #ffffff;
    }

    #floor1 {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index:50;
        background: url(images/flat.png) no-repeat;
        background-size: cover;
    }

    #floor1 .window-close {
        margin: 0px;
        right: 100px;
        top: 100px;
        z-index: 1000;
    }

    a.choiceslink {
        display: block;
        transition: all 0.3s ease;
        text-align: center;
        position: absolute;
        right: 215px;
        top: 100px;
        z-index: 500;
        color: #000000;
        margin-left: 5px;
        text-transform: uppercase;
        padding: 10px;
        transition: all 0.3s ease;
        background-color: #dacc7f;
        color: #10100e;
        height: 40px;
        width: 200px;
    }

    a.choiceslink:hover {
        background-color: #f2e9b7
    }

    #floor1 #window-close {
        fill: #a3a3a3;
        transition: fill 0.7s ease;
    }

    #floor1 .window-close:hover #window-close {
        fill: #ffffff;
    }

    #gallery .window-close {
        margin: 0px;
        right: 100px;
        top: 100px;
        z-index: 1000;
    }

    #gallery #window-close {
        fill: #a3a3a3;
        transition: fill 0.7s ease;
    }

    #gallery .window-close:hover #window-close {
        fill: #ffffff;
    }

    .owl-carousel-gallery .owl-stage {
        padding: 20px 0;
        min-height: 800px;
        margin-top: 280px;
    }

    #gallery .news-prev {
        position: absolute;
        top: 50%;
        left: 50px;
        z-index: 150;
    }

    #gallery .news-next {
        position: absolute;
        top: 50%;
        right: 50px;
        z-index: 150;
    }

    .gallery {
        width: 1300px;
        height: 760px;
        margin: 0px auto;
        box-shadow: 0px 0px 20px 10px #1a1a1a;
    }

    .gallery1 {
        background: url(images/gallery1.jpg) no-repeat;
        background-size: cover;
    }

    .gallery2 {
        background: url(images/gallery2.jpg) no-repeat;
        background-size: cover;
    }

    .gallery3 {
        background: url(images/gallery3.jpg) no-repeat;
        background-size: cover;
    }

    .gallery4 {
        background: url(images/gallery1.jpg) no-repeat;
        background-size: cover;
    }

    #choices .window-close {
        margin: 0px;
        right: 100px;
        top: 100px;
        z-index: 1000;
    }

    .video {
        position: fixed; right: 0; bottom: 0;
        min-width: 100%; min-height: 100%;
        width: 100%; height: 100%; z-index: 1100;
        background: url(images/preload.jpg) no-repeat;
        background-size: cover;
        opacity: 1;
        transition: opacity 1s ease;
    }

    #choices {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index:50;
        background: url(images/flat.png) no-repeat;
        background-size: cover;
    }

    #choices #window-close {
        fill: #a3a3a3;
        transition: fill 0.7s ease;
    }

    #choices .window-close:hover #window-close {
        fill: #ffffff;
    }

    .flat-info {
        position: absolute;
        text-align: left;
        z-index: 55;
        top: 100%;
        margin-top: -450px;
        padding-top: 60px;
        padding-bottom: 100px;
        padding-right: 40px;
        width: 800px;
        height: 450px;
        font-family: PFDinTextCondPro;
        background-color: rgba(28, 28, 28, 0.15);
    }

    .flat-info > img {
        position: absolute;
        bottom: 50px;
    }

    .flat-info:after {
        content: '';
        position: absolute;
        display: block;
        background: url(images/flat-shadow.png) no-repeat;
        height: 450px;
        width: 141px;
        right: 0px;
        top: 100%;
        margin-right: -65px;
        margin-top: -450px;
    }

    .jvectormap-container {
        display: none;
    }

    .nums {
        display: none;
    }

    .choose-floor {
        margin-top: -120px;
        margin-bottom: 50px;
        height: 50px;
        font-size: 34px;
        text-transform: uppercase;
    }



    #flat-name {
        margin-top: 80px;
    }

    .flat-info table {
        width: 100%;
    }

    .flat-info table tr td:nth-child(2) {
        text-align: center;
    }

    .flat-info table tr td:nth-child(3) {
        padding-left: 60px;
    }

    .main-info {
        font-size: 50px;
    }

    .names-info {
        font-size: 15px;
        color: #dacc7f;
        text-transform: uppercase;
    }

    .cost-info {
        font-size: 70px;
        height: 100px;
    }

    .flat-info .box-link {
        margin-right: 5px;
        padding: 14px 40px;
    }

    .flat-info p.content-links {
        margin-top: 40px;
    }

    .flat-info .nobox-link {
        margin-left: 5px;
        text-transform: uppercase;
        padding: 16px 50px;
        transition: all 0.3s ease;
        background-color: #dacc7f;
        color: #10100e;
    }

    .yellow-link {
        text-transform: uppercase;
        transition: all 0.3s ease;
        background-color: #dacc7f;
        color: #10100e;
    }




    #flat-stuff {
        margin-top: 10px;
        margin-bottom: 70px;
    }

    .flat-info .nobox-link:hover, .yellow-link:hover {
        background-color: #f2e9b7;
    }

    .yellow-link a {
        transition: color 0.3s ease;
        display: block;
        width: 100%;
        color: #000000;
        height: 100%;
    }

    .yellow-link a:hover {
        color: #000000;
    }

    .content-mob {
        display: none;
    }

    .flat-hint {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left:-100px;
        margin-top:-100px;
        display: none;
        font-size: 50px;
        z-index: 150;
        cursor: pointer;
        color: #ffffff;
    }

    .menu-mob {
        display: none;
    }

    .mob-menu-modal {
        position: fixed;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background: #5D5F5E;
        border: 20px solid #525453;
        z-index: 100;
        box-sizing: border-box;
        padding: 20px;
    }

    #info-table {
        display: none;
    }

    #info-quest .box-link {
        padding-right: 60px;
        padding-left: 60px;
    }

    #info-buttons {
        display: none;
    }

    .mob-menu-modal ul li img {
        width: 200px;
        margin-bottom: 100px;
    }

    .mob-menu-modal ul li:last-child img {
        width: 74px;
        float: right;
    }

    .mob-menu-modal ul {
        position: absolute;
        bottom: -80px;
        width: 100%;
    }

    .mob-menu-modal ul li {
        font-size: 24px;
    }

    .mob-menu-modal ul li:last-child {
        margin-top: 60px;
        font-size: 15px;
        width: 90%;
        display: none;
    }

    .mob-menu-modal ul li:last-child span {
        font-weight: 700;
    }

    .mob-menu-modal .window-close {
        z-index: 101;
        position: absolute;
        top: 10px;
        margin: 0;
        height: 30px;
        width: 30px;
        right: 10px;
    }

    .mob-menu-modal #window-close {
        fill: #888888;
    }

    .logo-mob {
        display: none;
    }


    .placement-buttons {
        width: 100%;
        height: 30px;
        margin-top: -105px;
        margin-bottom: 55px;
    }

    .placement-buttons-over {
        width: 100%;
        height: 70px;
        margin-top: -85px;
        position: absolute;
        display: none;
        opacity: 0;
        z-index: 50;
    }

    .floor-inactive {
        visibility: hidden;
    }

    .placement-buttons div:nth-child(3) {
        margin-right: 0px;
    }

    .placement-buttons div:last-child {
        margin-top: 10px;
        width: 100%;
    }

    .placement-buttons div {
        width: 149px;
        height: 30px;
        cursor: pointer;
        line-height: 28px;
        display: block;
        text-align: center;
        text-transform: uppercase;
        float: left;
        border: 2px solid #ffffff;
        margin-right: 16px;
        transition: all 0.3s ease;
        background: rgba(0, 0, 0, 0.39);
    }

    .place-active {
        background-color: #dacc7f !important;
        color: #000000;
        border: 2px solid #dacc7f !important;
    }

    .content-project {
        padding-top: 10%;
    }

    .placement-buttons div:hover {
        background-color: #dacc7f;
        color: #000000;
        border: 2px solid #dacc7f;
    }

    #gallery {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        overflow:hidden;
        top: 0;
        z-index:50;
        background: url(images/preload.jpg) no-repeat;
        background-size: cover;
    }

    #choices table {
        width: 100%;
    }

    .choices-table {
        max-height: 500px;
        overflow-y: scroll;
        margin-top: 100px;
        width: 45%;
        float: left;
        margin-left: 10%;
        font-size: 45px;
    }

    .choices-table::-webkit-scrollbar-track
    {
       -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
       background-color: #888888;
   }

   .choices-table::-webkit-scrollbar
   {
       width: 2px;
   }

   .choices-table::-webkit-scrollbar-thumb
   {
       background-color: #dcce83;
   }

   #choices table tr:first-child {
    font-size: 25px;
}

#choices table tr:first-child {
    background-color: rgba(218, 204, 127, 0.12);
}

#choices table tr:nth-child(n) {
    /*background-color: rgba(218, 204, 127, 0.12);*/
    border-bottom: 1px solid rgba(218, 204, 127, 0.12);
}

#choices table td {
    text-align: center;
    width: 30%;
    height: 60px;
}

#choices table td:nth-child(2) {
    padding-left: 40px;
}

.choices-table tr {
    cursor: pointer;
}

.choices-table tr:hover {
    background-color: rgba(255, 255, 255, 0.12);
}

.choices-table tr:before {
    content: 'PDF';
    position: relative;
    color: #ffffff;
    font-size: 20px;
    margin-left: 40px;
    top: -7px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#choices table tr:first-child:before {
    content: '';
}

.choices-table tr:hover:before {
    opacity: 1;
}
#choices table tr:first-child:hover {
    background-color: rgba(218, 204, 127, 0.12);
}

.choices-description {
    float: right;
    margin-right: 15%;
    margin-top: 350px;
    max-width: 25%;
}

.choices-description h3 {
    font-size: 40px;
}

.choices-description p {
    font-size: 20px;
    margin-top: 20px;
}

.place-box-link {
    padding: 10px 0px;
    text-align: center;
    width: 100%;
    display: block;
}

.placement-inner {
    padding-bottom: 30px;
    padding-top: 30px;
    transition: all 0.3s ease;
}

.placement-content p {
    margin-top: 30px;
}

.place-legend {
    margin: 30px auto 0 auto;
    display: block;
}

.placement-content {
    margin-top: 15%;
    padding: 0;
    margin-left: 10%;
}

.partners-addeo img {
    display: block;
    width: 265px;
    margin: 0 auto;
}
.partners-addeo .one-partners-addeo img {
    width: 180px;
}

.lines {
    padding: 0px 10% 0 10%;
    margin-top: 10px;
    height: 100px;
    width: 100%;
}

.lines-text {
    margin-top: 100px;
    height: 50px;
    width: 100%;
    padding: 0 10%;
    font-size: 40px;
}

.lines-text p {
    float: left;
    width: 200px;
    margin-right: 130px;
}

.irs {
    width: 200px;
    float: left;
    margin-right: 130px;
}

.irs-slider {
    width: 15px;
    height: 15px;
    top: 28px;
}

.irs-bar {
    height: 5px;
    border-top: 1px solid #dacc7f;
    border-bottom: 1px solid #dacc7f;
    background: #dacc7f;
    background: linear-gradient(to top, rgba(218,204,127,1) 0%,rgba(152,142,88,1) 100%);
}

.irs-line {
    height: 5px;
    background: #555;
    background: linear-gradient(to bottom, #333 -50%, #000 150%);
    border: 1px solid #333;
}

.irs-from, .irs-to, .irs-single {
    background: #dacc7f;
    color: #000;
}


#gallery, #under-gallery {
    background-position: center center;
}

.pre {
    z-index: 0;
    position: absolute;
}

#under-gallery {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    overflow:hidden;
    top: 0;
    z-index:49;
    background: url(images/preload.jpg) no-repeat;
    background-size: cover;
}

#gallery .header {
    z-index: 105;
    position: absolute;
}

.whitescreen {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 51;
    width: 100%;
    height: 100%;
    background: url(../images/around/2-test.png) center center no-repeat;
    background-size: cover;
}

.whitestscreen {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    background-color: black;
}

.err404 {
    width: 100%;
    height: 100%;
    background: url(images/404.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.err404in {
    width: 350px;
    height: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -175px 0 0 -175px;
}

.err404in h1 {
    font-size: 200px;
    text-shadow: 1px 2px 14px rgba(0, 0, 0, 0.55);
    text-align: center;
}

.err404in h2 {
    font-size: 32px;
    font-weight: 400;
    color: #dacc7f;
    text-align: center;
    text-transform: uppercase;
}

.err404in a {
    display: block;
    width: 240px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #ffffff;
    text-shadow: 0px 1px 0px rgba(46, 128, 181, 0.75);
    background-color: rgba(0, 0, 0, 0.39);
    margin: 40px auto 0 auto;
    border: 2px solid #ffffff;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.err404in a:hover {
    background-color: #ffffff;
    color: #000000;
}

.floor-up img {
    margin-top: -4px;
    margin-left: 20px;
    width:40px;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.floor-up:hover img {
    opacity: 1;
}

.floor-down img {
    margin-left: 20px;
    width: 40px;
    margin-top: -4px;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.floor-down:hover img {
    opacity: 1;
}

uiload {
  display: inline-block;
  position: relative; }
  uiload > div {
    position: relative; }

    @-webkit-keyframes uil-ring-anim {
      0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); }

        100% {
            -ms-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg); } }

            @-moz-keyframes uil-ring-anim {
              0% {
                -ms-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg); }

                100% {
                    -ms-transform: rotate(360deg);
                    -moz-transform: rotate(360deg);
                    -webkit-transform: rotate(360deg);
                    -o-transform: rotate(360deg);
                    transform: rotate(360deg); } }

                    @-ms-keyframes uil-ring-anim {
                      0% {
                        -ms-transform: rotate(0deg);
                        -moz-transform: rotate(0deg);
                        -webkit-transform: rotate(0deg);
                        -o-transform: rotate(0deg);
                        transform: rotate(0deg); }

                        100% {
                            -ms-transform: rotate(360deg);
                            -moz-transform: rotate(360deg);
                            -webkit-transform: rotate(360deg);
                            -o-transform: rotate(360deg);
                            transform: rotate(360deg); } }

                            @keyframes uil-ring-anim {
                              0% {
                                -ms-transform: rotate(0deg);
                                -moz-transform: rotate(0deg);
                                -webkit-transform: rotate(0deg);
                                -o-transform: rotate(0deg);
                                transform: rotate(0deg); }

                                100% {
                                    -ms-transform: rotate(360deg);
                                    -moz-transform: rotate(360deg);
                                    -webkit-transform: rotate(360deg);
                                    -o-transform: rotate(360deg);
                                    transform: rotate(360deg); } }

                                    .uil-ring-css {
                                      background: none;
                                      position: absolute;
                                      top: 50%;
                                      left: 50%;
                                      margin: -100px 0 0 -100px;
                                      width: 200px;
                                      height: 200px; }
                                      .uil-ring-css > div {
                                        position: absolute;
                                        display: block;
                                        width: 300px;
                                        height: 300px;
                                        top: -20px;
                                        left: -35px;
                                        border-radius: 10000px;
                                        box-shadow: 0 6px 0 0 #ffffff;
                                        -ms-animation: uil-ring-anim 1s linear infinite;
                                        -moz-animation: uil-ring-anim 1s linear infinite;
                                        -webkit-animation: uil-ring-anim 1s linear infinite;
                                        -o-animation: uil-ring-anim 1s linear infinite;
                                        animation: uil-ring-anim 1s linear infinite; }

                                        @media (max-width: 400px) {

                                            .modal-news{
                                                width: 100%;
                                                padding: 20px;
                                                margin-top: 0;
                                                height: 100%;
                                            }
                                            .modal-news svg{
                                                right: 20px;
                                            }
                                            .blackestscreen {
                                                width: 100%;
                                                height: 100%;
                                                position: fixed;
                                                top: 0;
                                                left: 0;
                                                background: #000000;
                                                z-index: 10000;
                                            }
                                            body {
                                                min-height: 100%;
                                                height: auto;
                                                background: url(images/mob-bg.png) no-repeat;
                                                background-size: cover;
                                                padding-bottom: 40px;
                                            }

                                            p {
                                                text-align: justify;
                                            }

                                            #scene {
                                                display: none;
                                            }

                                            .wrapper {
                                                padding: 0;
                                            }

                                            .header {
                                                padding: 30px 20px 0 20px;
                                            }

                                            .header ul {
                                                display: none;
                                            }

                                            .logo-mob {
                                                display: block;
                                            }

                                            .menu-mob {
                                                position: absolute;
                                                top: 30px;
                                                right: 30px;
                                                display: block;
                                                z-index: 99;
                                            }

                                            .logo-mob img {
                                                width: 200px;
                                            }

                                            .content {
                                                padding: 30px 20px 0 20px;
                                            }

                                            .content h1 {
                                                font-size: 31px;
                                            }

                                            .content p {
                                                font-size: 19px;
                                            }

                                            .content p br {
                                                display: none;
                                            }

                                            p.content-links {
                                                margin-top: 40px;
                                                font-size: 17px;
                                            }

                                            .invis-mob {
                                                display: none;
                                            }

                                            .box-link {
                                                padding: 0;
                                                margin-right: 0;
                                                display: block;
                                                text-align: center;
                                                height: 50px;
                                                line-height: 50px;
                                            }

                                            .nobox-link {
                                                margin-top: 20px;
                                                margin-left: 0;
                                                display: block;
                                                text-align: center;
                                            }

                                            .footer {
                                                display: none;
                                            }

                                            .documentation-button {
                                              margin-top: 0;
                                          }

                                          .news-item {
                                            max-height: 295px;
                                        }

                                        .news-item:hover {
                                            text-shadow: none;
                                            transform: scale(1) translateY(0px);
                                        }

                                        .owl-stage {
                                            min-height: 410px;
                                        }

                                        .owl-carousel {
                                            margin-top: -130px;
                                        }

                                        .news-item h2:before {
                                            display: none;
                                        }

                                        .contact-inner {
                                            display: none;
                                        }

                                        .content-mob {
                                            display: block;
                                        }

                                        .content-mob p {
                                            font-size: 17px;
                                            line-height: 26px;
                                        }

                                        .content-mob p br {
                                            display: block;
                                        }

                                        .content-contacts {
                                            display: none;
                                        }

                                        .preload1 img {
                                            margin-top: 20%;
                                            width: 200px;
                                        }

                                        .preload p {
                                            margin-left: -40px;
                                        }

                                        .preload2 h1 {
                                            font-size: 32px;
                                            padding: 0px 10px;
                                        }

                                        .preload2 p {
                                            margin-left: 0px;
                                            text-align: justify;
                                            padding: 0px 20px;
                                        }

                                        .rotate-mob {
                                            display: block;
                                        }

                                        .flat-info {
                                            display: none;
                                        }

                                        .partners-addeo img {
                                            width: 300px;
                                        }
                                        .mob-hidden {
                                            display: none;
                                        }
                                    }

                                    @media (min-width: 401px) and (max-width: 767px) {
                                        .modal-news{
                                            width: 100%;
                                            margin-top: 0;
                                            height: 100%;
                                        }
                                        .modal-news svg{
                                            right: 20px;
                                        }
                                        .blackestscreen {
                                            width: 100%;
                                            height: 100%;
                                            position: fixed;
                                            top: 0;
                                            left: 0;
                                            background: #000000;
                                            z-index: 10000;
                                        }
                                        body {
                                            min-height: 100%;
                                            height: auto;
                                            background: url(images/mob-bg.png) no-repeat;
                                            background-size: cover;
                                            padding-bottom: 40px;
                                        }

                                        p {
                                            text-align: justify;
                                        }

                                        #scene {
                                            display: none;
                                        }

                                        .wrapper {
                                            padding: 0;
                                        }

                                        .header {
                                            padding: 30px 20px 0 20px;
                                        }

                                        .header ul {
                                            display: none;
                                        }

                                        .logo-mob {
                                            display: block;
                                        }

                                        .logo-mob img {
                                            width: 200px;
                                        }

                                        .content {
                                            padding: 30px 20px 0 20px;
                                        }

                                        .content h1 {
                                            font-size: 31px;
                                        }

                                        .content p {
                                            font-size: 19px;
                                        }

                                        .content p br {
                                            display: none;
                                        }

                                        .menu-mob {
                                            position: absolute;
                                            top: 30px;
                                            right: 30px;
                                            display: block;
                                        }

                                        p.content-links {
                                            margin-top: 40px;
                                            font-size: 17px;
                                        }

                                        .invis-mob {
                                            display: none;
                                        }


                                        .mob-menu-modal ul {
                                            bottom:-90px;
                                        }

                                        .mob-menu-modal ul li img {
                                            display: none;
                                        }

                                        .mob-menu-modal ul li:last-child {
                                            margin-top: 20px;
                                        }

                                        .mob-menu-modal ul li:last-child img {
                                            display: inline;
                                        }

                                        .box-link {
                                            padding: 0;
                                            margin-right: 0;
                                            display: block;
                                            text-align: center;
                                            height: 50px;
                                            line-height: 50px;
                                        }

                                        .nobox-link {
                                            margin-top: 20px;
                                            margin-left: 0;
                                            display: block;
                                            text-align: center;
                                        }

                                        .footer {
                                            display: none;
                                        }

                                        .documentation-button {
                                          margin-top: 0;
                                      }

                                      .news-item {
                                        max-height: 295px;
                                    }

                                    .news-item:hover {
                                        text-shadow: none;
                                        transform: scale(1) translateY(0px);
                                    }

                                    .owl-stage {
                                        min-height: 410px;
                                    }

                                    .owl-carousel {
                                        margin-top: -130px;
                                    }

                                    .news-item h2:before {
                                        display: none;
                                    }

                                    .contact-inner {
                                        display: none;
                                    }

                                    .content-mob {
                                        display: block;
                                    }

                                    .content-mob p {
                                        font-size: 17px;
                                        line-height: 26px;
                                    }

                                    .content-mob p br {
                                        display: block;
                                    }

                                    .content-contacts {
                                        display: none;
                                    }

                                    .preload1 img {
                                        width: 200px;
                                    }

                                    .preload p {
                                        margin-left: -40px;
                                    }

                                    .preload2 h1 {
                                        font-size: 32px;
                                        padding: 0px 10px;
                                    }

                                    .preload2 p {
                                        margin-left: 0px;
                                        text-align: justify;
                                        padding: 0px 20px;
                                    }

                                    .flat-info > img {
                                        display: none;
                                    }

                                    #floor1 .window-close {
                                        top: 15px;
                                        right: 15px;
                                        width: 15px;
                                        height: 15px;
                                    }

                                    #gallery .window-close {
                                        top: 15px;
                                        right: 15px;
                                        width: 15px;
                                        height: 15px;
                                    }

                                    #choices .window-close {
                                        top: 15px;
                                        right: 15px;
                                        width: 15px;
                                        height: 15px;
                                    }

                                    .flat-hint {
                                        font-size: 30px;
                                    }

                                    .flat-info {
                                        padding: 0 10px;
                                        height: 200px;
                                        width: 215px;
                                        margin-top: -200px;
                                    }

                                    .flat-info h1 {
                                        font-size: 15px;
                                    }

                                    #flat-stuff {
                                        font-size: 11px;
                                        margin-top: 0px;
                                        margin-bottom: 30px;
                                    }

                                    .flat-info p.content-links {
                                        font-size: 10px;
                                        margin-top: 0px;
                                    }

                                    .flat-info .box-link {
                                        height: 30px;
                                        line-height: 28px;
                                        padding: 0px;
                                        margin-right: 0px;
                                    }

                                    .flat-info .nobox-link {
                                        margin-top: 5px;
                                        height: 30px;
                                        line-height: 30px;
                                        text-shadow: none;
                                        margin-left: 0px;
                                        padding: 0px;
                                    }

                                    .flat-info:after {
                                        display: none;
                                    }

                                    .choose-floor {
                                        margin-top: -25px;
                                        margin-bottom: 20px;
                                        height: 20px;
                                        font-size: 16px;
                                        text-transform: uppercase;
                                    }

                                    .floor-up img {
                                        margin-top: -25px;
                                        margin-left: 5px;
                                        width: 12px;
                                        transition: all 0.3s ease;
                                    }

                                    .floor-down img {
                                        margin-left: -12px;
                                        margin-top: 10px;
                                        width: 12px;
                                        transition: all 0.3s ease;
                                    }

                                    #flat-name {
                                        margin-top: 0px;
                                    }

                                    .flat-info table tr td:nth-child(3) {
                                        padding-left: 20px;
                                    }

                                    .main-info {
                                        font-size: 20px;
                                    }

                                    .names-info {
                                        font-size: 7px;
                                        color: #dacc7f;
                                        text-transform: uppercase;
                                    }

                                    .cost-info {
                                        font-size: 35px;
                                        height: 50px;
                                    }

                                    #info-table {
                                        margin-top: -15px;
                                    }

                                    .lines-text {
                                        font-size: 20px;
                                        margin-top: 15px;
                                    }

                                    .lines-text p {
                                        width: 20px;
                                        margin-right: 130px;
                                    }

                                    .lines {
                                        margin-top: -10px;
                                    }

                                    .irs {
                                        width: 89px;
                                        margin-right: 55px;
                                    }

                                    .choices-table {
                                        margin-top: -20px;
                                        width: 85%;
                                        max-height: 180px;
                                    }

                                    .choices-description {
                                        display: none;
                                    }

                                    .gallery {
                                        width: 700px;
                                        height: 234px;
                                    }

                                    a.choiceslink {
                                        top: 15px;
                                        right: 50px;
                                        width: 100px;
                                        height: 17px;
                                        line-height: 3px;
                                        font-size: 7px;
                                    }

                                    #gallery .news-next {
                                        right: 25px;
                                    }

                                    #gallery .news-prev {
                                        left: 25px;
                                    }

                                    .owl-carousel-gallery .owl-stage {
                                        margin-top: 180px;
                                    }

                                    .gallery {
                                        width: 400px;
                                        height: 234px;
                                    }

                                    .mob-hidden {
                                        display: none;
                                    }
                                }

                                @media (min-width: 768px) and (max-width: 1023px) {
                                    .mob-hidden {
                                        display: none;
                                    }
                                    .blackestscreen {
                                        width: 100%;
                                        height: 100%;
                                        position: fixed;
                                        top: 0;
                                        left: 0;
                                        background: #000000;
                                        z-index: 10000;
                                    }
                                    body {
                                        min-height: 100%;
                                        height: auto;
                                        background: url(images/mob-bg.png) no-repeat;
                                        background-size: cover;
                                        padding-bottom: 40px;
                                    }

                                    p {
                                        text-align: justify;
                                    }

                                    #scene {
                                        display: none;
                                    }

                                    .wrapper {
                                        padding: 0;
                                    }

                                    .header {
                                        padding: 30px 60px 0 60px;
                                    }

                                    .header ul {
                                        display: none;
                                    }

                                    .logo-mob {
                                        display: block;
                                    }

                                    .logo-mob img {
                                        width: 200px;
                                    }

                                    .content {
                                        padding: 20% 60px 0 60px;
                                    }

                                    .content h1 {
                                        font-size: 31px;
                                    }

                                    .content p {
                                        font-size: 19px;
                                    }

                                    .menu-mob {
                                        position: absolute;
                                        top: 30px;
                                        display: block;
                                        right: 30px;
                                    }

                                    .content p br {
                                        display: none;
                                    }

                                    p.content-links {
                                        margin-top: 40px;
                                        font-size: 17px;
                                    }

                                    .invis-mob {
                                        display: none;
                                    }

                                    .box-link {
                                        padding: 0;
                                        margin-right: 0;
                                        display: block;
                                        text-align: center;
                                        height: 50px;
                                        line-height: 50px;
                                    }

                                    .nobox-link {
                                        margin-top: 20px;
                                        margin-left: 0;
                                        display: block;
                                        text-align: center;
                                    }

                                    .footer {
                                        display: none;
                                    }

                                    .documentation-button {
                                      margin-top: 0;
                                  }

                                  .news-item {
                                    max-height: 295px;
                                }

                                .news-item:hover {
                                    text-shadow: none;
                                    transform: scale(1) translateY(0px);
                                }

                                .owl-stage {
                                    min-height: 410px;
                                }

                                .owl-carousel {
                                    margin-top: -130px;
                                }

                                .news-item h2:before {
                                    display: none;
                                }

                                .contact-inner {
                                    display: none;
                                }

                                .content-mob {
                                    display: block;
                                }

                                .content-mob p {
                                    font-size: 17px;
                                    line-height: 26px;
                                }

                                .content-mob p br {
                                    display: block;
                                }

                                .content-contacts {
                                    display: none;
                                }

                                .preload1 img {
                                    margin-top: 20%;
                                    width: 200px;
                                }

                                .preload p {
                                    margin-left: -40px;
                                }

                                .preload2 {
                                    padding: 40% 0 0 0;
                                }

                                .preload2 h1 {
                                    font-size: 32px;
                                    padding: 0px 10px;
                                }

                                .preload2 p {
                                    text-align: center;
                                    max-width: 550px;
                                    margin: 50px auto 0 auto;
                                }

                                .flat-info > img {
                                    display: none;
                                }

                                #floor1 .window-close {
                                    top: 15px;
                                    right: 15px;
                                    width: 15px;
                                    height: 15px;
                                }

                                a.choiceslink {
                                    top: 15px;
                                    right: 50px;
                                    width: 100px;
                                    height: 17px;
                                    line-height: 3px;
                                    font-size: 7px;
                                }

                                #gallery .window-close {
                                    top: 15px;
                                    right: 15px;
                                    width: 15px;
                                    height: 15px;
                                }

                                #choices .window-close {
                                    top: 15px;
                                    right: 15px;
                                    width: 15px;
                                    height: 15px;
                                }

                                .flat-hint {
                                    font-size: 30px;
                                }

                                .flat-info {
                                    padding: 0 40px;
                                    height: 350px;
                                    width: 460px;
                                    margin-top: -350px;
                                }

                                .flat-info h1 {
                                    font-size: 27px;
                                }

                                #flat-stuff {
                                    font-size: 20px;
                                    margin-top: 10px;
                                    margin-bottom: 30px;
                                }

                                .flat-info p.content-links {
                                    font-size: 20px;
                                    margin-top: 0px;
                                }

                                .flat-info .box-link {
                                    height: 35px;
                                    line-height: 33px;
                                    padding: 0px;
                                    margin-right: 0px;
                                }

                                .flat-info .nobox-link {
                                    margin-top: 10px;
                                    height: 35px;
                                    line-height: 35px;
                                    text-shadow: none;
                                    margin-left: 0px;
                                    padding: 0px;
                                }

                                .flat-info:after {
                                    display: none;
                                }

                                .choose-floor {
                                    margin-top: -45px;
                                    margin-bottom: 35px;
                                    height: 40px;
                                    font-size: 34px;
                                    text-transform: uppercase;
                                }

                                .floor-up img {
                                    margin-top: -35px;
                                    margin-left: 10px;
                                    width: 20px;
                                    transition: all 0.3s ease;
                                }

                                .floor-down img {
                                    margin-left: -20px;
                                    margin-top: 20px;
                                    width: 20px;
                                    transition: all 0.3s ease;
                                }

                                #flat-name {
                                    margin-top: 0px;
                                }

                                .flat-info table tr td:nth-child(3) {
                                    padding-left: 20px;
                                }

                                .main-info {
                                    font-size: 40px;
                                }

                                .names-info {
                                    font-size: 18px;
                                    color: #dacc7f;
                                    text-transform: uppercase;
                                }

                                .cost-info {
                                    font-size: 55px;
                                    height: 100px;
                                }

                                #info-table {
                                    margin-top: -15px;
                                }

                                .lines-text {
                                    font-size: 20px;
                                    margin-top: 15px;
                                }

                                .lines-text p {
                                    width: 20px;
                                    margin-right: 130px;
                                }

                                .lines {
                                    margin-top: -10px;
                                }

                                .irs {
                                    width: 89px;
                                    margin-right: 55px;
                                }

                                .choices-table {
                                    margin-top: -20px;
                                    width: 85%;
                                    max-height: 700px;
                                }

                                .choices-description {
                                    display: none;
                                }

                                .gallery {
                                    width: 700px;
                                    height: 234px;
                                }

                                #gallery .news-next {
                                    right: 25px;
                                }

                                #gallery .news-prev {
                                    left: 25px;
                                }

                                .owl-carousel-gallery .owl-stage {
                                    margin-top: 500px;
                                }

                                .gallery {
                                    width: 450px;
                                    height: 262px;
                                }
                            }

                            @media (min-width: 1024px) and (max-width: 1280px) {
                                .header {
                                    padding: 30px 30px 0 30px;
                                }

                                .flat-info .box-link {
                                    padding: 0;
                                    margin-right: 0;
                                    display: block;
                                    text-align: center;
                                    height: 50px;
                                    line-height: 50px;
                                }

                                .flat-info .nobox-link {
                                    margin-top: 20px;
                                    margin-left: 0;
                                    display: block;
                                    text-align: center;
                                }

                                .content {
                                    padding: 100px 30px 0 30px;
                                }

                                .footer {
                                    padding: 30px 30px 0 30px;
                                }

                                .flat-info > img {
                                    display: none;
                                }

                                #floor1 .window-close {
                                    top: 15px;
                                    right: 15px;
                                    width: 30px;
                                    height: 30px;
                                }

                                #gallery .window-close {
                                    top: 15px;
                                    right: 15px;
                                    width: 30px;
                                    height: 30px;
                                }

                                .flat-hint {
                                    font-size: 30px;
                                }

                                .flat-info {
                                    padding: 0 40px;
                                    height: 350px;
                                    width: 460px;
                                    margin-top: -350px;
                                }

                                .flat-info h1 {
                                    font-size: 27px;
                                }

                                #flat-stuff {
                                    font-size: 20px;
                                    margin-top: 10px;
                                    margin-bottom: 30px;
                                }

                                .flat-info p.content-links {
                                    font-size: 20px;
                                    margin-top: 0px;
                                }

                                a.choiceslink {
                                    top: 15px;
                                    right: 70px;
                                    width: 170px;
                                    height: 32px;
                                    line-height: 14px;
                                    font-size: 15px;
                                }

                                .flat-info .box-link {
                                    height: 35px;
                                    line-height: 33px;
                                    padding: 0px;
                                    margin-right: 0px;
                                }

                                .flat-info .nobox-link {
                                    margin-top: 10px;
                                    height: 35px;
                                    line-height: 35px;
                                    text-shadow: none;
                                    margin-left: 0px;
                                    padding: 0px;
                                }

                                .flat-info:after {
                                    display: none;
                                }

                                .choose-floor {
                                    margin-top: -45px;
                                    margin-bottom: 35px;
                                    height: 40px;
                                    font-size: 34px;
                                    text-transform: uppercase;
                                }

                                .floor-up img {
                                    margin-top: -35px;
                                    margin-left: 10px;
                                    width: 35px;
                                    transition: all 0.3s ease;
                                }

                                .floor-down img {
                                    margin-left: -20px;
                                    margin-top: 20px;
                                    width: 35px;
                                    transition: all 0.3s ease;
                                }

                                #flat-name {
                                    margin-top: 0px;
                                }

                                .flat-info table tr td:nth-child(3) {
                                    padding-left: 20px;
                                }

                                .main-info {
                                    font-size: 40px;
                                }

                                .names-info {
                                    font-size: 18px;
                                    color: #dacc7f;
                                    text-transform: uppercase;
                                }

                                .cost-info {
                                    font-size: 55px;
                                    height: 100px;
                                }

                                #info-table {
                                    margin-top: -15px;
                                }

                                .lines-text {
                                    font-size: 30px;
                                    margin-top: 15px;
                                }

                                .lines-text p {
                                    width: 75px;
                                    margin-right: 130px;
                                }

                                .lines {
                                    margin-top: 10px;
                                }

                                .irs {
                                    width: 150px;
                                    margin-right: 55px;
                                }

                                .choices-table {
                                    margin-top: 20px;
                                    width: 85%;
                                    max-height: 500px;
                                }

                                .choices-description {
                                    display: none;
                                }

                                .partners-addeo img  {
                                    /*margin-top: 20px;*/
                                }

                                .gallery {
                                    width: 700px;
                                    height: 234px;
                                }

                                #gallery .news-next {
                                    right: 25px;
                                }

                                #gallery .news-prev {
                                    left: 25px;
                                }

                                .owl-carousel-gallery .owl-stage {
                                    margin-top: 300px;
                                }

                                .gallery {
                                    width: 700px;
                                    height: 409px;
                                }

                                .col-md-3 {
                                    width: 53%;
                                }

                                .placement-content {
                                    margin-left: 0px;
                                }
                            }

                            @media (min-width: 1281px) and (max-width: 1366px) {
                                .header {
                                    padding: 30px 70px 0 70px;
                                }

                                .content {
                                    padding: 5% 70px 0 70px;
                                }

                                .footer {
                                    padding: 30px 70px 0 70px;
                                }

                                .flat-info .box-link {
                                    padding: 0;
                                    margin-right: 0;
                                    display: block;
                                    text-align: center;
                                    height: 50px;
                                    line-height: 50px;
                                }

                                .flat-info .nobox-link {
                                    margin-top: 20px;
                                    margin-left: 0;
                                    display: block;
                                    text-align: center;
                                }

                                .flat-info > img {
                                    display: none;
                                }

                                a.choiceslink {
                                    top: 15px;
                                    right: 70px;
                                    width: 170px;
                                    height: 32px;
                                    line-height: 14px;
                                    font-size: 15px;
                                }

                                #floor1 .window-close {
                                    top: 15px;
                                    right: 15px;
                                    width: 30px;
                                    height: 30px;
                                }

                                #gallery .window-close {
                                    top: 15px;
                                    right: 15px;
                                    width: 30px;
                                    height: 30px;
                                }

                                #choices .window-close {
                                    top: 15px;
                                    right: 15px;
                                    width: 30px;
                                    height: 30px;
                                }

                                .flat-hint {
                                    font-size: 30px;
                                }

                                .flat-info {
                                    padding: 0 40px;
                                    height: 350px;
                                    width: 460px;
                                    margin-top: -350px;
                                }

                                .flat-info h1 {
                                    font-size: 27px;
                                }

                                #flat-stuff {
                                    font-size: 20px;
                                    margin-top: 10px;
                                    margin-bottom: 30px;
                                }

                                .flat-info p.content-links {
                                    font-size: 20px;
                                    margin-top: 0px;
                                }

                                .flat-info .box-link {
                                    height: 35px;
                                    line-height: 33px;
                                    padding: 0px;
                                    margin-right: 0px;
                                }

                                .flat-info .nobox-link {
                                    margin-top: 10px;
                                    height: 35px;
                                    line-height: 35px;
                                    text-shadow: none;
                                    margin-left: 0px;
                                    padding: 0px;
                                }

                                .flat-info:after {
                                    display: none;
                                }

                                .choose-floor {
                                    margin-top: -45px;
                                    margin-bottom: 35px;
                                    height: 40px;
                                    font-size: 34px;
                                    text-transform: uppercase;
                                }

                                .floor-up img {
                                    margin-top: -35px;
                                    margin-left: 10px;
                                    width: 35px;
                                    transition: all 0.3s ease;
                                }

                                .floor-down img {
                                    margin-left: -20px;
                                    margin-top: 20px;
                                    width: 35px;
                                    transition: all 0.3s ease;
                                }

                                #flat-name {
                                    margin-top: 0px;
                                }

                                .flat-info table tr td:nth-child(3) {
                                    padding-left: 20px;
                                }

                                .main-info {
                                    font-size: 40px;
                                }

                                .names-info {
                                    font-size: 18px;
                                    color: #dacc7f;
                                    text-transform: uppercase;
                                }

                                .cost-info {
                                    font-size: 55px;
                                    height: 100px;
                                }

                                #info-table {
                                    margin-top: -15px;
                                }

                                .choices-table {
                                    margin-top: 0px;
                                    max-height: 350px;
                                }

                                .choices-description {
                                    margin-top: 0px;
                                }


                                .col-md-3 {
                                    width: 47%;
                                }

                                .placement-content {
                                    margin-left: 0px;
                                    margin-top: 0px;
                                }

                                .window-inner {
                                    margin-top: 15%;
                                }

                                .gallery {
                                    width: 700px;
                                    height: 234px;
                                }

                                #gallery .news-next {
                                    right: 25px;
                                }

                                #gallery .news-prev {
                                    left: 25px;
                                }

                                .owl-carousel-gallery .owl-stage {
                                    margin-top: 250px;
                                }

                                .gallery {
                                    width: 700px;
                                    height: 409px;
                                }

                                .placement-buttons div {
                                    margin-right: 20px;
                                }

                                .content-contacts {
                                    padding-top: 0%;
                                    margin-top: 10%;
                                }

                                .content-contacts-2{
                                    margin-top: 3%;
                                }

                                .content-project {
                                    padding-top: 5%;
                                }
                            }

                            @media (min-width: 1367px) and (max-width: 1980px) {
                                .news-item {
                                    padding: 0px 80px;
                                }

                                .footer {
                                    margin-top: -90px;
                                }
                            }

                            .floor-up img {
                                margin-top: -4px;
                                margin-left: 20px;
                            }

                            .floor-down img {
                                margin-left: 20px;
                                margin-top: -4px;
                            }

                            .pick {
                                width: 100%;
                                height: 100%;
                                background: url(images/pick.jpg) center center no-repeat !important;
                                background-size: contain !important;
                                z-index: 1 !important;
                            }



                            .gallery-shadow {
                              height: 100%;
                              width: 100%;
                              background: url(images/Gradient_na_galereyu.png) no-repeat;
                              background-size: cover;
                              background-attachment: fixed;
                              position: absolute;
                              opacity: 0.7;
                              z-index: 2;
                          }


                          @media (max-width: 1990px) {
                            .docs ul {
    /*margin-top: 80px;
    margin-left: 20px;*/
    margin: 30% 20px 30px;
    height: 370px;
    overflow-y: auto;
}
}

.docs ul::-webkit-scrollbar-thumb
{
    background-color: #dcce83;
}

.docs ul::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #888888;
}

.docs ul::-webkit-scrollbar
{
    width: 2px;
}

.docs ul::-webkit-scrollbar-thumb
{
    background-color: #dcce83;
}

@media (max-width: 1500px) {
    .docs ul {
    /*margin-top: 80px;
    margin-left: 20px;*/
    margin: 10% 20px;

}
}



.docs ul li a:after {

    content: 'PDF';
    position: relative;
    color: #aa985f;
    font-size: 20px;
    margin-left: 40px;
    top: 0px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.docs ul li a:hover:after {
    opacity:1;

}

.partners-addeo .more_partners {
  color: #ffffff;
  font-size: 16px;
  font-family: PFDinTextCondPro;
  /*margin-top: 0px;
  margin-left: -35px;
  padding: 20px 170px 20px 0;
  float: left;*/
  opacity: 0;
  position: absolute;
  bottom:-10px;
  z-index: -1;
  transition: bottom 0.3s cubic-bezier(0, .09, .28, 1.47), opacity 0.3s ease 0.05s;
}


.one-partners:hover {
    background: rgba(255, 255, 255, 0.11);
    cursor:pointer;

}

.one-partners:hover .more_partners {
    opacity: 1;
    z-index: 1;
    bottom:5px;
}

.owl-ipoteka img{
    width: 100%;
}

.modal-news-ipoteka .modal-news{
    height: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 30px 300px;
}

@media (max-width: 768px){
    .modal-news-ipoteka .modal-news{
        padding: 30px;
    }
}