/*---RESETS AND CLASSES---*/ *{margin:0; padding:0; outline:none !important;}ul{list-style-type:none;}.clear{clear:both;}.fll{float:left;}.flr{float:right;}.fln{float:none;}.w100{width:100%;}.poa{position:absolute;}.pof{position:fixed;}.por{position:relative;}.db{display:block;}.dn{display:none;} .mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt100{margin-top:100px;} .ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml100{margin-left:100px;} .mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr100{margin-right:100px;} .mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb100{margin-bottom:100px;} .pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt100{padding-top:100px;} .pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl100{padding-left:100px;} .pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}.pr100{padding-right:100px;} .pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}.pb100{padding-bottom:100px;} .space5{height:5px;}.space10{height:10px;}.space15{height:15px;}.space20{height:20px;}.space25{height:25px;}.space30{height:30px;}.space35{height:35px;}.space40{height:40px;}.space45{height:45px;}.space50{height:50px;}.space55{height:55px;}.space60{height:60px;}.space65{height:65px;}.space70{height:70px;}.space75{height:75px;}.space80{height:80px;}.space85{height:85px;}.space90{height:90px;}.space95{height:95px;}.space100{height:100px;}.space125{height:125px;}.space150{height:150px;}.space175{height:175px;}.space200{height:200px;}.tac{text-align:center;}.tal{text-align:left;}.tar{text-align:right;} body {overflow: hidden;} .result-item-img-text { background: linear-gradient(to top, rgba(0, 0, 0, 0.60), rgba(255, 255, 255, 0)); position: absolute; padding: 50px 40px 10px 10px; bottom: 0; text-align: left; font-size: 12px; width: 100%; color:#fff; text-transform: none; } input:focus::-webkit-input-placeholder {color: transparent; transition-duration: 0.3s;} input:focus::-moz-placeholder {color: transparent; transition-duration: 0.3s;} input:focus:-moz-placeholder {color: transparent; transition-duration: 0.3s;} input:focus:-ms-input-placeholder {color: transparent; transition-duration: 0.3s;} textarea:focus::-webkit-input-placeholder {color: transparent; transition-duration: 0.3s;} textarea:focus::-moz-placeholder {color: transparent; transition-duration: 0.3s;} textarea:focus:-moz-placeholder {color: transparent; transition-duration: 0.3s;} textarea:focus:-ms-input-placeholder {color: transparent; transition-duration: 0.3s;} p, a, h1, h2, h3, h4, h5, h6, li, div, dt, dd, span, input, button, textarea {font-family: 'Open Sans', Tahoma; font-weight:300;} .page_modal p, .page_modal a, .page_modal h1, .page_modal h2, .page_modal h3, .page_modal h4, .page_modal h5, .page_modal h6, .page_modal li, .page_modal div, .page_modal dt, .page_modal dd, .page_modal span, .page_modal input, .page_modal button, .page_modal textarea {font-family: 'Open Sans', Tahoma; font-weight:300;} p, h1, h2, h3, h4, h5, h6, li, dt, dd { cursor: default;} a, input, button, textarea, label, span, .noUi-handle, .submit_btn { cursor: pointer;} .sound-toggle .fa{ font-size: 24px; color: #fff;} .mob-nondisplay{display:none;} .disclaimermob{ display: block; width: 90%; font-weight: 100; padding-top: 10px; font-size: 10px; text-transform: none; } .disclaimer{display: block; font-size: 14px; font-weight: 100; position:absolute; bottom:15px; color:white; left: 35%;} .show_more{ font-size: 17px; color: #fff; text-transform: uppercase; padding-top: 15px; padding-bottom: 15px; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 18px; padding-right: 18px; width: 50%; margin: 0 auto; } /* MEDIA */ @media(max-width: 992px){ .preloader .box {width: calc(100% - 80px); height: calc(100% - 80px); left: 40px; top: 40px;} .preloader .box img {width: 84px; height: 109px; position: absolute; margin-left: -42px; margin-top: -54px;} .interface_layout .white_frame {width: calc(100% - 80px); height: calc(100% - 80px); left: 40px; top: 40px;} .interface_layout .white_frame img {width: 36px; height: 53px; margin-left: -18px;} .interface_layout .white_frame img.static {top: -21px; opacity: 1;} .interface_layout .buttons .left_box {width: 80px; height: 80px; margin-top: -40px;} .interface_layout .buttons .right_box {width: 80px; height: 80px; margin-top: -40px;} .interface_layout .buttons .left_box .menu_text {display: none;} .interface_layout .buttons .left_box .menu_icon {width: 30px; height: 24px; margin-top: 28px; margin-left: 23px; background-size: contain; -webkit-background-size: contain; -mpz-background-size: contain; -o-background-size: contain; -ms-background-size: contain;} .interface_layout .buttons .right_box .phone_ico {width: 28px; height: 28px; margin-top: 28px; margin-right: 26px; background-size: contain; -webkit-background-size: contain; -mpz-background-size: contain; -o-background-size: contain; -ms-background-size: contain;} } /* MOBILE VERTICAL */ @media screen and (orientation:portrait) and (max-width: 992px){ /* CUSTOM */ .white_frame {display: none;} .interface_layout .buttons .left_box {top: 0; left: 0%; margin-top: 0; width: 66px; height: 66px;} .interface_layout .buttons .right_box {bottom: 0; right: 0%; top: 33px; width: 66px; height: 66px;} .interface_layout .inner_layout {width: 100%; height: 100%; left: 0px; top: 0px; position: fixed; z-index: 102;} .interface_layout .buttons .right_box .phone_ico {margin-top: 20px; margin-right: 15px; width: 35px; height: 35px;} .interface_layout .buttons .left_box .menu_icon {margin-top: 21px; margin-left: 18px;} .interface_layout .timeline .sections .part {display: none; font-size: 14px;} .interface_layout .timeline .sections .part.active {display: block;} .interface_layout .timeline {bottom: 85px;} .interface_layout .timeline {width: 90%; margin-left: -45%;} body {overflow: hidden;} /* MENU */ .modal-backdrop {opacity: 0 !important;} #menu_modal {opacity: 1 !important; background: #00020a; padding: 0 !important; animation-duration: 1s; overflow: hidden; position: relative;} #menu_modal .modal-dialog {padding: 0; margin: 0;} .menu_container .blocks {width: 100%; height: 300px; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; cursor: pointer; position: relative; opacity: 0; animation-duration: 1s; background: #000; transition-duration: 1s;} #menu_modal .blocks .image {width: 100%; height: 100%; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important;} #menu_modal .blocks .text hr {border: 1px solid #fff; float: left; width: 20%; border-top: 0; margin-bottom: 0; } #menu_modal .blocks .text p {font-size: 23px; font-weight: 300; color: #fff; text-transform: uppercase; margin-top: 45px; margin-left: 90px; float: left; line-height: 23px; text-align: left; letter-spacing: 3px;} .close_wrap {width: 60px; height: 60px; border: 1px solid #62686c; background-color: rgba(0,0,0,0.5); position: fixed; left: 50%; top: 0; margin-left: -30px; z-index: 205; display: none;} .close_wrap .cls_mod {width: 100%; height: 100%; border: 0; background: url('../img/cls_mod.png') center no-repeat;} #menu_modal .blocks .text {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .skip_video {top: auto; bottom: 36px; right: 20px; font-size: 10px;} #menu_modal .blocks .image {opacity: 0.7;} .pause_sm {left: 0; width: 100%; text-align: center;} .play_sm {left: 0; width: 100%; text-align: center; } } @media (max-width: 500px){ .interface_layout .timeline .sections .part {display: none; font-size: 14px;} .interface_layout .timeline .sections .part.active {display: block;} } /* landscape */ @media (max-width: 992px) and (orientation:landscape) { html,body {height: calc(100% + 1px) !important;} .blocks[page="management"] .menu_page_name {font-size: 15px !important; width: 100% !important; text-align: center !important; margin-left: 0 !important; letter-spacing: 1px !important;} .blocks[page="contacts"] .menu_page_name {font-size: 15px !important; width: 100% !important; text-align: center !important; margin-left: 0 !important; letter-spacing: 1px !important;} /* CUSTOM */ .white_frame {display: none;} .mobile_vertical_logo {display: none !important;} .interface_layout .buttons .left_box {top: 50%; left:0; margin-top: -33px; width: 66px; height: 66px;} .interface_layout .buttons .right_box {top: 50%; right: 0; margin-top: -33px; width: 66px; height: 66px;} .interface_layout .inner_layout {width: 100%; height: 100%; left: 0px; top: 0px; position: fixed; z-index: 102;} .interface_layout .buttons .right_box .phone_ico {margin-top: 20px; margin-right: 20px;} .interface_layout .buttons .left_box .menu_icon {margin-top: 21px; margin-left: 18px;} .interface_layout .timeline .sections .part {font-size: 18px; letter-spacing: 0; line-height: 17px;} .interface_layout .timeline .sections {margin-bottom: 5px;} .interface_layout .timeline {bottom: 70px; width: 90%; margin-left: -45%;} .mobile_vertical_logo {opacity: 1; display: block;} .interface_layout .timeline .sections .part span {display: none;} .interface_layout .timeline .sections .part.active span {display: block;} #menu_modal {opacity: 1 !important; background: #00020a; padding: 0 !important; animation-duration: 1s; width: 100%; height: 100%; max-width: 100%; padding: 0; margin: 0; z-index: 101 !important;} #menu_modal .remodal-dialog {width: 100%; height: 100%; padding: 0; margin: 0; position: relative;} .menu_container {position: absolute; width: 100%; height: 100%; z-index: 200;} .cls_border {position: absolute; z-index: 205; cursor: pointer;} .cls_border.clb1 {left: 0; top: 0; width: 100%; height: 60px;} .cls_border.clb2 {right: 0; top: 0; width: 60px; height: 100%;} .cls_border.clb3 {bottom: 0; left: 0; width: 100%; height: 60px;} .cls_border.clb4 {left: 0; top: 0; width: 60px; height: 100%;} .menu_container .blocks {width: 50%; float: left; height: 50%; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; cursor: pointer; position: relative; opacity: 0; animation-duration: 0.7s; transition-duration: 0s;} .menu_container .menu_fst_sld .blocks {width: 33.3333%;} .apart {height: 100% !important;} .apart .text {height: 90% !important;} #menu_modal .apart.blocks .text .menu_page_name {/*margin-left: 10px; font-size: 14px*/ width: 100%; text-align: center; margin-left: 0;} .menu_container .blocks .image {transition-duration: 2s; width: 100%; height: 100%; position: relative; z-index: 201;} .menu_container .blocks .text {width: 100%; height: 80%; position: absolute; left: 0; bottom: 0; z-index: 206;} #menu_modal .blocks .text hr {border: 1px solid #fff; float: left; width: 20%; border-top: 0; margin-bottom: 0; margin-top: 20px;} #menu_modal .blocks .text p {font-size: 18px; font-weight: 300; color: #fff; text-transform: uppercase; margin-top: 20px; margin-left: 55px; float: left; line-height: 23px; text-align: left; letter-spacing: 3px;} .close_wrap {width: 60px; height: 60px; border: 1px solid #62686c; background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 50%; margin-top: -30px; z-index: 205; display: none;} .close_wrap .cls_mod {width: 100%; height: 100%; border: 0; background: url('../img/cls_mod.png') center no-repeat;} .skip_video {top: 30px; right: 40px; font-size: 10px;} .menu_container .menu_sec_sld .blocks:nth-child(2){width: 50%;} .menu_container .menu_sec_sld .blocks:nth-child(3){width: 25%;} /*AWEB #164974 (START)*/ /*.menu_container .menu_sec_sld .blocks:nth-child(4){width: 25%;}*/ .menu_container .menu_sec_sld .blocks:nth-child(4){width: 50%;} /*AWEB #164974 (END)*/ .menu_container .menu_sec_sld .blocks:nth-child(5){width: 100%;} .menu_fst_sld {width: 100%; height: 100%; transition-duration: 1s; transform: translate3d(5%, 0, 0); -webkit-transform: translate3d(5%, 0, 0); -moz-transform: translate3d(5%, 0, 0); -ms-transform: translate3d(5%, 0, 0); -o-transform: translate3d(5%, 0, 0);} .menu_fst_sld.active {width: 95%; height: 100%; transform: translate3d(0%, 0, 0); -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0);} .menu_sec_sld {width: 100%; height: 100%; transition-duration: 1s; transform: translate3d(-5%, 0, 0); -webkit-transform: translate3d(-5%, 0, 0); -moz-transform: translate3d(-5%, 0, 0); -ms-transform: translate3d(-5%, 0, 0); -o-transform: translate3d(-5%, 0, 0);} .menu_sec_sld.active {width: 95%; height: 100%; transform: translate3d(5%, 0, 0); -webkit-transform: translate3d(5%, 0, 0); -moz-transform: translate3d(5%, 0, 0); -ms-transform: translate3d(5%, 0, 0); -o-transform: translate3d(5%, 0, 0);} } @media (max-height: 400px){ .menu_container .blocks .image {transition-duration: 0s; width: 100%; height: 100%; position: relative; z-index: 201; background-position: 40% 20% !important;} } @media (max-height: 295px){ .interface_layout .timeline {bottom: 70px; width: 60%; margin-left: -30%;} .interface_layout .timeline .sections .part {display: none; font-size: 14px;} .interface_layout .timeline .sections .part.active {display: block;} } @media(max-height: 700px) and (orientation: landscape){ .interface_layout .timeline {bottom: 80px;} } /* .menu_container .blocks {width: 100%; float: none; height: 300px;} .signature_modal .modal-dialog {width: 100%; height: 100%; left: 0px; top: 0px; position: static !important; display: block;} #menu_modal .close_wrap {position: fixed !important; z-index: 300; display: block; opacity: 1; width: 60px; height: 60px; margin-left: 0px; margin-top: -30px;} .modal .cls_border {display: none;} .menu_container {position: static; display: block;} .menu_container .blocks .image {transition-duration: 0s;} .menu_container .blocks .hover {transition-duration: 0s; display: none;} */ /*---STYLE BEGIN---*/ #wrapper {position: relative; height: 100%;} #load_progress {text-align: center; width: 100%; color: #fff; position: absolute; bottom: 50px; font-size: 40px; opacity: 0.5; letter-spacing: 2px;} html {position: relative; height: 100%;} body {position: relative; height: 100%;} .wrapper {position: relative; height: 100%;} .scene {position: relative; height: 100%;} .video_layout {position: relative; height: 100%; transition-duration: 2s;} .interface_layout {position: relative; height: 100%;} .buttons {position: relative; height: 100%;} /*PRELOADER*/ .preloader {width: 100%; height: 100%; position: fixed; z-index: 99999; left: 0; top: 0; background: #00020a;} .preloader .box {width: calc(100% - 100px); height: calc(100% - 100px); left: 50px; top: 50px; background: #00020a; position: fixed; z-index: 999999; border: 0; box-sizing: border-box; box-shadow: inset 0 0 0 1px #696a6f;} .preloader .box img {width: 169px; height: 218px; position: absolute; z-index: 9999999; left: 50%; top: 50%; margin-left: -84px; margin-top: -109px; opacity: 0.2; transition-duration: 4s;} .preloader .box img.active {opacity: 1;} #pr_l {position: absolute; background: #fff; height: 0%; width: 1px; left: 0; bottom: 0;} #pr_t {position: absolute; background: #fff; width: 0%; height: 1px; left: 0; top: 0;} #pr_r {position: absolute; background: #fff; width: 1px; height: 0%; top: 0; right: 0;} #pr_b {position: absolute; background: #fff; width: 0%; height: 1px; bottom: 0; right: 0;} /*.preloader .box::before, .preloader .box::after {box-sizing: border-box; content: ''; position: absolute; width: 0%; height: 0%;} .preloader .box {-webkit-transition: color 0.25s; transition: color 0.25s;} .preloader .box::before, .preloader .box::after {border: 1px solid transparent; width: 0; height: 0;} .preloader .box::before {top: 0; left: 0;} .preloader .box::after {bottom: 0; right: 0;} .preloader .box.active::before, .preloader .box.active::after {width: 100%; height: 100%;} .preloader .box.active::before {border-top-color: #fff; border-right-color: #fff; -webkit-transition: width 0.37s ease-out, height 0.37s ease-out 0.37s; transition: width 0.37s ease-out, height 0.37s ease-out 0.37s;} .preloader .box.active::after {border-bottom-color: #fff; border-left-color: #fff; -webkit-transition: border-color 1s ease-out 1.5s, width 1.25s ease-out 1.5s, height 1.0s ease-out 2.75s; transition: border-color 1s ease-out 0.75s, width 0.75s ease-out 0.75s, height 0.5s ease-out 1.5s;}*/ .scene {background: #00020a center center no-repeat; position: fixed; left: 0%; top: 0%; width: 100%; height: 100%; -webkit-background-size: contain; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; -ms-background-size: contain; } /*VIDEO LAYOUT*/ .video_layout {left: 0; top: 0;} /* FULL WIDTH AND FULL HEIGHT VIDEO position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 140%; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); background-size: cover; transition: 1s opacity; */ .video_layout video {position: absolute; top: 50%; left: 50%; max-height: 100%; min-width: 100%; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%) scale(1.1); transition: 1s opacity; width: 100%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1); -moz-transform: translateX(-50%) translateY(-50%) scale(1.1); -o-transform: translateX(-50%) translateY(-50%) scale(1.1); -ms-transform: translateX(-50%) translateY(-50%) scale(1.1);} .video_layout video.full_size {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 140%; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); background-size: cover; transition: 1s opacity;} .blur {transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); } #time_range.irs-hidden-input {opacity: 0; display: none !important;} /*INTERFACE LAYOUT*/ .interface_layout {z-index: 50; position: absolute; width: 100%; height: 100%; left: 0; top: 0;} /*WHITE FRAME*/ .interface_layout .white_frame {width: calc(100% - 100px); height: calc(100% - 100px); left: 50px; top: 50px; position: fixed; z-index: 101; border: 1px solid #fff; border-top: 0;} .interface_layout .white_frame .left_bar {width: 50%; height: 1px; background: #fff; float: left; transition-duration: 1s;} .interface_layout .white_frame .right_bar {width: 50%; height: 1px; background: #fff; float: right; transition-duration: 1s;} .interface_layout .white_frame img {width: 57px; height: 107px; position: absolute; left: 50%; margin-left: -36px; top: -200px; transition-duration: 1s; opacity: 0.3;} .interface_layout .white_frame img.static {top: -42px; opacity: 1;} /*FUNCTIONAL BUTTONS*/ .interface_layout .buttons {width: 100%; height: 100%; left: 0; top: 0px; position: absolute; z-index: 102;} .interface_layout .buttons .left_box {width: 100px; height: 100px; position: absolute; left: 0px; top: 50%; margin-top: -50px; background: #00020a; cursor: pointer; opacity: 0; z-index: 103;} .interface_layout .buttons .right_box {width: 100px; height: 100px; position: absolute; right: 0px; top: 50%; margin-top: -50px; background: #00020a; cursor: pointer; opacity: 0; z-index: 103;} .interface_layout .buttons .left_box .menu_text {display: none;} .interface_layout .buttons .left_box .menu_icon {width: 35px; height: 35px; background: url('../img/menu2.svg') center no-repeat; -webkit-background-size: contain; background-size: contain; margin: 32px auto 0; display: block; } .interface_layout .buttons .right_box .phone_ico {width: 49px; height: 49px; background: url('../img/telegram.svg') center no-repeat; -webkit-background-size: contain; background-size: contain; display: block; margin: 26px auto 0;} /*FUNCTIONAL BUTTONS => INNER LAYOUT*/ .interface_layout .inner_layout {width: calc(100% - 160px); height: calc(100% - 160px); left: 80px; top: 80px; position: fixed; z-index: 102;} .interface_layout .timeline {width: 80%; position: absolute; left: 50%; margin-left: -40%; bottom: 125px;} .interface_layout .timeline .sections {width: 100%; margin-bottom: 10px;} .interface_layout .timeline .sections .part {text-transform: uppercase; color: #858688; font-size: 18px; font-weight: 300; line-height: 20px; letter-spacing: 3px;} .interface_layout .timeline .sections .part.active {color: #fff;} .interface_layout .timeline .sections .part span {cursor: pointer; transition-duration: 0.5s; user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; } .interface_layout .timeline .sections .part span:hover {color: #fff;} .interface_layout .timeline .sections .s1 {width: 22%;} .interface_layout .timeline .sections .s2 {width: 19%;} .interface_layout .timeline .sections .s3 {width: 21%;} .interface_layout .timeline .sections .s4 {width: 38%;} .point {width: 1px; height: 4px; background: #fff; position: absolute; bottom: -7px; z-index: 315;} .point.m1 {left: 22%;} .point.m2 {left: 41%;} .point.m3 {left: 62%;} @media(max-width: 667px) and (max-height: 315px){ .interface_layout .timeline .sections {margin-bottom: 0;} .interface_layout .timeline .sections .part span {font-size: 16px;} #customSignatureTrackLine {bottom: 75px;} .inner_controls {bottom: 22px;} } /*RANGE TIMELINE STYLE*/ .irs-min {display: none !important;} .irs-max {display: none !important;} .irs-single {display: none !important;} .irs-slider {width: 25px; height: 25px; background: transparent; cursor: pointer !important; z-index: 105 !important; position: relative !important; margin-left: -25px;} .irs-slider:before{content: ""; height: 15px; width: 20px; position: absolute; left: -20px;} .irs-slider:after{content: ""; height: 15px; width: 20px; position: absolute; right: -20px;} .range {z-index: 300; cursor: pointer; height: 3px; width: 100%;} .irs-bar-edge {width: 98%; height: 15px; background: url('../img/range_bg.png') center repeat-x; position: relative; z-index: 100;} .irs-bar {background: url('../img/range_bg_wh.png') center repeat-x; height: 15px; left: 0 !important; position: relative; z-index: 102;} /*CONTROLS*/ .click_listener {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 100;} .timeline {z-index: 101;} /*SOUND BUTTON*/ .interface_layout .inner_controls .volume button {width: 21px; height: 30px; border: 0; cursor: pointer; background: transparent; padding: 3px 14px; box-sizing: content-box;} .sound-toggle-bar {display: block; float: left; width: 3px; height: 16px; margin-right: 1px; background: rgba(255, 255, 255, 0.8); -webkit-transform: scale(1, 0.1); transform: scale(1, 0.1); -webkit-transform-origin: bottom; transform-origin: bottom;} .playing .sound-toggle-bar {-webkit-animation: sound-toggle 2s infinite; animation: sound-toggle 2s infinite;} .playing .sound-toggle-bar:nth-child(2) {-webkit-animation-delay: 1.2s; animation-delay: 1.2s;} .playing .sound-toggle-bar:nth-child(3) {-webkit-animation-delay: .3s; animation-delay: .3s;} .playing .sound-toggle-bar:nth-child(4) {-webkit-animation-delay: 1.7s; animation-delay: 1.7s;} .playing .sound-toggle-bar:nth-child(5) {-webkit-animation-delay: .4s; animation-delay: .4s;} @-webkit-keyframes sound-toggle { 0% {-webkit-transform: scale(1, 0.1); transform: scale(1, 0.1);} 25% {-webkit-transform: scale(1, 1); transform: scale(1, 1);} 50% {-webkit-transform: scale(1, 0.3); transform: scale(1, 0.3);} 75% {-webkit-transform: scale(1, 0.6); transform: scale(1, 0.6);} 100% {-webkit-transform: scale(1, 0.1); transform: scale(1, 0.1);} } @keyframes sound-toggle { 0% {-webkit-transform: scale(1, 0.1); transform: scale(1, 0.1);} 25% {-webkit-transform: scale(1, 1); transform: scale(1, 1);} 50% {-webkit-transform: scale(1, 0.3); transform: scale(1, 0.3);} 75% {-webkit-transform: scale(1, 0.6); transform: scale(1, 0.6);} 100% {-webkit-transform: scale(1, 0.1); transform: scale(1, 0.1);} } /*OPEN PAGE EFFECT*/ .open_page_visual {position: fixed; z-index: 2000; left: 0; top: 0; height: 100%; width: 0%; overflow: hidden; transition-duration:0.3s; opacity: 1; transition-timing-function: ease-in-out;} .open_page_visual.active {width: 100%;} .open_page_visual.opacity {opacity: 0;} .open_page_visual .top_bar {position: absolute; left: 0; top: 0; height: 50%; width: 100%;} .open_page_visual .bottom_bar {position: absolute; left: 0; bottom: 0; height: 50%; width: 100%;} .open_page_visual .top_bar .toggle {position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: #00020a; transition-duration: 0.5s;} .open_page_visual .bottom_bar .toggle {position: absolute; left: 0; top: 0; width: 100%; height: 50px; background: #00020a; transition-duration: 0.5s;} .open_page_visual .top_bar .toggle.active {height: 100%;} .open_page_visual .bottom_bar .toggle.active {height: 100%;} .open_page_visual .text_layout {position: absolute; width: 100%; height: 160px; top: 50%; left: 0; margin-top: -80px; z-index: 2010;} .open_page_visual .text_layout table {width: 100%; height: 160px; vertical-align: middle;} .open_page_visual .text_layout p {font-size: 30px; color: #fff; text-align: center; text-transform: uppercase; display: none; font-weight: 300; letter-spacing: 8px; margin-bottom: 0;} .open_page_visual .fade_layout {position: absolute; z-index: 2050; width: 100%; height: 100%; left: 0; top: 0; background: #00020a; opacity: 0; display: none;} @media(max-width: 768px){ .open_page_visual .text_layout p {font-size: 20px; letter-spacing: 3px;} } /*MODAL OWL SLIDER*/ .slider .owl-pagination {position: absolute; top: 0; left: 255px; z-index: 2055;} .slider .owl-pagination .owl-page {display: inline-block; vertical-align: top;} .slider .owl-pagination .owl-page span {display: block; width: 1px; height: 40px; background-color: #5d5d5d; margin: 0 16px; vertical-align: top; transition: all 0.2s;} .slider .owl-pagination .owl-page.active span {height: 80px; background-color: #FFF;} @media(max-width: 768px){ .slider .owl-pagination .owl-page span {display: block; width: 1px; height: 10px; padding-top: 10px; background-color: #5d5d5d; margin: 0 10px; vertical-align: top; transition: all 0.2s;} .slider .owl-pagination .owl-page.active span {height: 35px !important; background-color: #FFF; padding-top: 17px;} .slider .owl-pagination .owl-page.active span:before {margin-left: 10px;} } .rs-slideIndex {position: absolute; top: 52px; left: 284px; font-size: 26px; font-family: 'Open Sans', Tahoma; color: #fff; z-index: 5; letter-spacing: 5px;} .owl-buttons .owl-prev {position: absolute; top: calc(50% - 25px); left: 1px; height: 50px; width: 50px; border: 1px solid #636568; background-image: url(../img/left.svg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: 80%; background-size: 80%;} .owl-buttons .owl-next {position: absolute; top: calc(50% - 25px); right: 1px; height: 50px; width: 50px; border: 1px solid #636568; background-image: url(../img/right.svg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: 80%; -moz-background-size: 80%; -ms-background-size: 80%; -o-background-size: 80%; background-size: 80%;} .rs-bottom-line {position: absolute; width: 1px; height: 275px; background-color: #FFF; border: none; bottom: 0; left: 236px; margin: 0;} .rs-lang {font-family: 'Open Sans', Tahoma; text-transform: uppercase; font-size: 17px; color: #fff; position: absolute; bottom: 110px; left: 160px;} .rs-lang:hover {text-decoration: none; color: #fff;} .close_wrap {cursor: pointer;} .owl-next, .owl-prev {z-index: 210;} .menu_pdage_modal {user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none;} .mobile_vertical_logo {position: fixed; left: 50%; width: 45px; height: auto; top: 15px; margin-left: -22px; transition-duration: 1s; opacity: 0; display: none;} /* DESKTOP MENU STYLES*/ @media (min-width: 993px){ #services .owl-buttons .owl-prev, #services .owl-buttons .owl-next, #emotional-oasis .owl-buttons .owl-next, #emotional-oasis .owl-buttons .owl-prev, #healthy-life .owl-buttons .owl-prev, #healthy-life .owl-buttons .owl-next, #extras .owl-buttons .owl-prev, #extras .owl-buttons .owl-next, #about .owl-buttons .owl-prev, #about .owl-buttons .owl-next, #management .owl-buttons .owl-prev, #management .owl-buttons .owl-next, #contacts .owl-buttons .owl-prev, #contacts .owl-buttons .owl-next, #favorite .owl-buttons .owl-next, #favorite .owl-buttons .owl-prev {position:fixed; } #side_menu.menu_btn { width: 65px; left: -1%;} #menu_modal {opacity: 1 !important; background: #00020a; padding: 0 !important; animation-duration: 1s; width: 100%; height: 100%; max-width: 100%; padding: 0; margin: 0; z-index: 101 !important;} #menu_modal .remodal-dialog {width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -o-calc(100% - 100px); width: -ms-calc(100% - 100px); height: calc(100% - 100px); left: 50px; top: 50px; padding: 0; margin: 0; position: relative;} .menu_container {position: absolute; width: 100%; height: 100%; z-index: 200;} .cls_border {position: absolute; z-index: 205; cursor: pointer;} .cls_border.clb1 {left: 0; top: -50px; width: 100%; height: 50px;} .cls_border.clb2 {right: 0; top: 0; width: 50px; height: 100%;} .cls_border.clb3 {bottom: 50px; left: 0; width: 100%; height: 50px;} .cls_border.clb4 {left: 0; top: 0; width: 50px; height: 100%;} #menu_modal .clb1 {top: 0;} #menu_modal .clb3 {bottom: 0;} .menu_container .blocks {float: left; height: 50%; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; position: relative; opacity: 0; animation-duration: 0.7s; transition-duration: 0.7s; cursor: pointer;} .menu_container .blocks .image {transition-duration: 2s; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; width: 100%; height: 100%; position: relative; z-index: 201;} .menu_container .blocks .hover {transition-duration: 1s;} .menu_container .hover {background: rgba(6, 6, 16, 0.55); position: absolute; z-index: 202; width: 100%; height: 100%;} .menu_container .blocks:hover {cursor: pointer;} .menu_container .blocks:hover .hover {opacity: 0;} .menu_container .blocks:hover .image {background-position: 100% center !important;} .menu_container .blocks .text {width: 100%; height: 80%; position: absolute; left: 0; bottom: 0; z-index: 405; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none;} .menu_container .blocks:hover .text hr {width: 33%;} .menu_container .blocks .text hr {border: 1px solid #fff; float: left; width: 20%; border-top: 0; margin-bottom: 0; transition-duration: 1s;} .menu_container .blocks .text p {font-size: 23px; font-weight: 300; color: #fff; text-transform: uppercase; margin-top: 42px; margin-left: 90px; float: left; line-height: 28px; text-align: left; letter-spacing: 3px; z-index: 207; position: relative;} .close_wrap {width: 100px; height: 100px; border: 1px solid #62686c; background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 50%; margin-top: -50px; z-index: 205; display: none; padding: 25px;} .close_wrap .cls_mod {width: 40%; height: 40%; border: 0; background: url('../img/cls_mod.png') center no-repeat; margin-top: 14.5px; margin-left: 14.5px; } .menu_container .menu_fst_sld .blocks {width: 50%;} .apart {height: 100% !important;} .apart .text {height: 90% !important;} .menu_container .menu_sec_sld .blocks:nth-child(2){width: 50%;} .menu_container .menu_sec_sld .blocks:nth-child(3){width: 25%;} /*AWEB #164974 (START)*/ /*.menu_container .menu_sec_sld .blocks:nth-child(4){width: 25%;}*/ .menu_container .menu_sec_sld .blocks:nth-child(4){width: 50%;} /*AWEB #164974 (END)*/ .menu_container .menu_sec_sld .blocks:nth-child(5){width: 100%;} .go_next {width: 5%; position: absolute; top: 0; height: 100%; right: -5%; display: none; cursor: pointer;} .go_prev {width: 5%; position: absolute; top: 0; height: 100%; left: -5%; display: none; cursor: pointer;} .menu_fst_sld.active .go_next {display: block;} .menu_sec_sld.active .go_prev {display: block;} .helper {width: 100%; height: 100%; position: absolute; z-index: 210; top: 0; left: 0;} .helper img {width: 50px; height: auto; position: absolute; right: -20px; top: 50%; margin-top: -25px; opacity: 0; } #menu_modal .owl-item.active {position: relative; z-index: 1000;} #menu_modal .owl-item {position: relative; z-index: 900;} .menu_fst_sld {width: 100%; height: 100%; transition-duration: 1s; transform: translate3d(5%, 0, 0); -webkit-transform: translate3d(5%, 0, 0); -moz-transform: translate3d(5%, 0, 0); -ms-transform: translate3d(5%, 0, 0); -o-transform: translate3d(5%, 0, 0);} .menu_fst_sld.active {width: 100%; height: 100%; transform: translate3d(0%, 0, 0); -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); } .menu_sec_sld {width: 100%; height: 100%; transition-duration: 1s; transform: translate3d(-5%, 0, 0); -webkit-transform: translate3d(-5%, 0, 0); -moz-transform: translate3d(-5%, 0, 0); -ms-transform: translate3d(-5%, 0, 0); -o-transform: translate3d(-5%, 0, 0);} .menu_sec_sld.active {width: 100%; height: 100%; transform: translate3d(5%, 0, 0); -webkit-transform: translate3d(5%, 0, 0); -moz-transform: translate3d(5%, 0, 0); -ms-transform: translate3d(5%, 0, 0); -o-transform: translate3d(5%, 0, 0);} /*.menu_fst_sld {width: 100%; height: 100%;} .menu_slide_item.active {width: 95%; height: 100%;} .menu_sec_sld {margin-left: -5%; height: 100%;} .menu_sec_sld.active {margin-left: 0; transition-duration: 0.5s; width: 100%;}*/ } @media(max-width: 992px){ .helper {display: none;} .helper img {display: none; } } @media(min-height: 801px){ .interface_layout .inner_controls ul li a.lang {font-size: 12px; color: #6a6d6c; text-decoration: none; transition-duration: 0.4s; opacity: 0;} .interface_layout .inner_controls ul li.active a.lang {color: #fff; opacity: 1;} .interface_layout .inner_controls ul li a.lang:link {text-decoration: none;} .interface_layout .inner_controls ul li a.lang:hover {text-decoration: none; color: #fff;} .interface_layout .inner_controls ul li a.lang:active {text-decoration: none;} .interface_layout .inner_controls ul li a.lang:visited {text-decoration: none;} .interface_layout .inner_controls ul:hover > li a.lang {opacity: 1;} .interface_layout .inner_controls {position: absolute; z-index: 102; left: 27px; bottom: 27px;} .interface_layout .inner_controls ul {display: block; height: 22px; margin-bottom: 0;} .interface_layout .inner_controls ul li {float: right; margin-right: 25px;} .interface_layout .inner_controls ul li.volume {float: left;} .interface_layout .inner_controls ul li.active {float: left;} } @media(max-height: 800px){ .interface_layout .inner_controls ul li a.lang {font-size: 12px; color: #6a6d6c; text-decoration: none; transition-duration: 0.4s; opacity: 0;} .interface_layout .inner_controls ul li.active a.lang {color: #fff; opacity: 1;} .interface_layout .inner_controls ul li a.lang:link {text-decoration: none;} .interface_layout .inner_controls ul li a.lang:hover {text-decoration: none; color: #fff;} .interface_layout .inner_controls ul li a.lang:active {text-decoration: none;} .interface_layout .inner_controls ul li a.lang:visited {text-decoration: none;} .interface_layout .inner_controls ul:hover > li a.lang {opacity: 1;} .interface_layout .inner_controls {position: absolute; z-index: 102; left: 27px; bottom: 0px;} .interface_layout .inner_controls ul {display: block; height: 22px; margin-bottom: 0;} .interface_layout .inner_controls ul li {float: right; margin-right: 25px;} .interface_layout .inner_controls ul li.volume {float: left;} .interface_layout .inner_controls ul li.active {float: left;} } .page_modal {width: 100% !important; max-width: 100% !important; background: rgba(0,0,0,0.7) !important; padding: 0 !important; margin-bottom: 0 !important; height: 100%;} .desktop {height: 100%;} .rs-bottom-line {position: fixed; width: 1px; height: 275px; background-color: #FFF; border: none; bottom: 0; left: 148px; margin: 0; z-index: 999999; display: none;} .modal_page1 .rs-right-line {position: fixed; height: 1px; width: 200px; background-color: #FFF; border: none; top: 200px; right: 50px; margin: 0; z-index: 999999; display: none;} .modal_page2 .rs-right-line {position: fixed; height: 1px; width: 260px; background-color: #FFF; border: none; bottom: 261px; right: 50px; margin: 0; z-index: 999999; display: none;} .modal_page3 .rs-right-line {position: fixed; height: 1px; width: 200px; background-color: #FFF; border: none; top: 288px; right: 50px; margin: 0; z-index: 999999; display: none;} .modal_page4 .rs-right-line {position: fixed; height: 1px; width: 200px; background-color: #FFF; border: none; top: 200px; right: 50px; margin: 0; z-index: 999999; display: none; position: relative;} .parallax {transition-duration: 0.5s;} .modal_page1 .close_wrap_pm {position: absolute; z-index: 310; right: 50px; top: 0px; width: 100px; height: 100px; display: none;} .modal_page2 .close_wrap_pm {position: absolute; z-index: 310; right: 50px; top: 0px; width: 100px; height: 100px; display: none;} .modal_page3 .close_wrap_pm {position: absolute; z-index: 310; right: 50px; top: 0px; width: 100px; height: 100px; display: none;} .modal_page4 .close_wrap_pm {position: absolute; z-index: 310; right: 50px; top: 0px; width: 100px; height: 100px; display: none;} .close_wrap_pm .cls_mod {width: 100%; height: 100%; border: 0; background: url('../img/cls_mod.png') center no-repeat;} .animatedd {animation-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s;} .slideItem {position: relative;} .image1, .image2, .image3, .desc, .desc2, .title {opacity: 0; cursor: pointer;} .image1, .image2, .image3 {transition-duration: 0.2s;} .image1:hover {transform: scale(1.05) !important;} .image2:hover {transform: scale(1.05) !important;} .image2:hover .image3 {transform: scale(0.95) !important;} .image3:hover {transform: scale(1.05) !important;} /*ANIMATION*/ @media(min-width: 992px){ .cont_op {opacity: 0;} .m_image1, .m_image2, .m_image3, .m_image4, .m_title1, .m_title2, .m_desc1, .m_desc2 {opacity: 1;} .interface_layout .inner_controls ul li:not(:first-child){ margin-top: 20px; } .interface_layout .inner_controls .volume button { padding: 14px 14px;} } .owl-page .owl-numbers {color: transparent; font-size: 26px; font-family: 'Open Sans', Tahoma; z-index: 5; letter-spacing: 5px; padding-top: 52px;} .owl-page.active .owl-numbers {color: #fff; } .owl-numbers:before {content: "0"; margin-left: 15px;} /*SLIDE 1*/ #def {position: relative; z-index: 1; width: 100%; height: 100%; color: #fff;} @media(min-width: 993px){ .mod_bg {background: #00020a url('../img/modal_bg.jpg') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; width: calc(100% - 100px); height: calc(100% - 100px); z-index: 200; position: absolute; left: 50px; top: 50px; } .mod_bg_contacts {background: #00020a url('../img/contacts_bg.jpg') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; width: calc(100% - 100px); height: calc(100% - 100px); z-index: 200; position: absolute; left: 50px; top: 50px; } } /* CONTACTS DESKTOP */ @media(min-width: 993px){ .fancybox-inner {max-width: 100%;} .md_p {} .modal_page4 {} #map {background: #00020a;} #contacts .left {width: 50%; float: left; height: 100%; text-align: left;} #contacts .right {width: 50%; float: right; height: 100%;} #map {width: 100%; height: 100%;} #contacts .left .logo {float: left; margin-top: 115px; margin-left: 135px;} #contacts .left .c_title {margin-left: 113px; margin-top: 40px;} #contacts .left .c_title p {text-transform: uppercase; color: #fff; font-size: 35px; font-weight: 300; text-align: left; letter-spacing: 3px;} #contacts .c_address {margin-left: 113px; margin-top: 100px;} #contacts .c_social {margin-left: 113px;} #contacts .c_address .adr {font-size: 25px; letter-spacing: 3px; color: #fff;} #contacts .c_social .fa {color: #fff;} #contacts .phone a {color: #fff; font-size: 25px; text-decoration: none; letter-spacing: 3px;} #contacts .time{ color: #fff; font-size: 25px; text-decoration: none; letter-spacing: 3px;} .contacts_left_line {width: 40%; margin-left: -100px; float: left; height: 1px; background: #78797d; margin-top: 20px;} .contacts_left_line2 {width: 20%; margin-left: -100px; float: left; height: 1px; background: #78797d; margin-top: 20px; position: absolute; top: 107px;} #contacts .c_title2 {position: absolute; top: 150px; left: 150px;} #contacts .c_title2 p {text-transform: uppercase; color: #fff; font-size: 35px; font-weight: 300; text-align: left; letter-spacing: 3px;} #contacts .sl2 .md_p {background: url('../img/modal_bg.jpg') center no-repeat; -webkit-background-size: contain; background-size: contain;} #contacts .sl2 .left {text-align: center; border: 0;} #contacts .sl2 img {margin-top: 240px; max-width: 516px;} #contacts .c_desc p.name {text-transform: uppercase; font-size: 20px; color: #fff; letter-spacing: 3px; margin-top: 60px;} #contacts .c_desc hr {width: 40%; margin-left: 30%; margin-top: 0; margin-bottom: 0;} #contacts .c_desc p.email {font-size: 18px; color: #fff; letter-spacing: 3px; margin-bottom: 0; margin-top: 10px;} #contacts .c_desc p.phone {font-size: 18px; color: #fff; letter-spacing: 3px;} /* MANAGEMENT */ #contacts p {color: #fff;} #management p {color: #fff;} #management .top {padding-top: 80px;} #management .top .left {float: left; width: 50%; padding-left: 115px;} #management .top .right {float: right; width: 50%;} #management .m_title1 {float: left; text-transform: uppercase; font-weight: 300; font-size: 40px; letter-spacing: 3px; width: 93%; text-align: left; margin-top: 50px; margin-bottom: 50px;} #management .m_desc1 {float: left; text-align: justify; width: 93%;} #management .m_desc1 p {font-size: 16px; letter-spacing: 2px; line-height: 1.7;} #management .top .right .m_image1 {float: left; max-width: 561px; max-height: 341px;} #management .bot {padding-top: 25px;} #management .bot .left {float: left; width: 40%; padding-left: 115px;} #management .bot .right {float: left; width: 60%; padding-left: 0px; overflow: hidden;} #management .m_image2 {float: left; max-width: 561px; max-height: 341px;} #management .bot .right hr {float: left; width: 55%; border-color: #fff; height: 1px; margin-top: 5px; margin-bottom: 20px; position: relative; z-index: 300;} #management .m_title2 {width: 50%; float: left; text-transform: uppercase; font-weight: 300; letter-spacing: 4px; text-align: left; font-size: 24px; position: relative; z-index: 300;} #management .m_desc2 {width: 35%; float: left; text-align: justify; position: relative; z-index: 300;} #management .m_desc2 p {font-size: 16px; letter-spacing: 2px; line-height: 1.7;} #management .m_image3 {position: absolute; z-index: 280; right: 95px; bottom: 54px; max-width: 561px; width: 30%; height: auto;} .mngmt {} #management .mgm_top_left_line {width: 400px; height: 1px; position: absolute; left: -100px; top: 110px; background: #b3b4b6; z-index: 300;} #management .mgm_top_right_line {width: 550px; height: 1px; position: absolute; right: -100px; top: 170px; background: #b3b4b6; z-index: 300;} #management .mgm_bot_left_line {width: 1px; height: 300px; position: absolute; left: 200px; bottom: -100px; background: #b3b4b6; z-index: 300;} #management .sl2 .cnt {padding-top: 80px; padding-left: 115px;} #management .sl2 .cnt .m_title1 {margin-bottom: 90px; position: relative; z-index: 300;} #management .sl2 .cnt .m_title2 {letter-spacing: 6px; position: relative; z-index: 300;} #management .sl2 .cnt .m_title2 hr {width: 33%; position: relative; z-index: 300;} #management .sl2 .cnt .m_desc1 {width: 25%; position: relative; z-index: 300; margin-top: 0px;} #management .sl2 .cnt .m_image4 {position: absolute; z-index: 280; right: 130px; top: 200px; width: 56%;} #management .close_wrap_pm {right: 0;} #about .top {padding-top: 80px;} #about .top .left {float: left; width: 50%; padding-left: 115px;} #about .top .right {float: right; width: 50%;} #about .m_title1 {float: left; text-transform: uppercase; font-weight: 300; font-size: 40px; letter-spacing: 3px; width: 93%; text-align: left; margin-top: 50px; margin-bottom: 50px;} #about .m_desc1 {float: left; text-align: justify; width: 93%;} #about .m_desc1 p {font-size: 16px; letter-spacing: 2px; line-height: 1.7;} #about .top .right .m_image1 {float: left; max-width: 561px; max-height: 341px;} #about .bot {padding-top: 25px;} #about .bot .left {float: left; width: 40%; padding-left: 115px;} #about .bot .right {float: right; width: 60%; padding-left: 40px; overflow: hidden;} #about .m_image2 {float: left; max-width: 561px; max-height: 341px;} #about .bot .right hr {float: left; width: 55%; border-color: #fff; height: 1px; margin-top: 5px; margin-bottom: 20px; position: relative; z-index: 300;} #about .m_title2 {width: 50%; float: left; text-transform: uppercase; font-weight: 300; letter-spacing: 4px; text-align: left; font-size: 24px; position: relative; z-index: 300;} #about .m_desc2 {width: 45%; float: left; text-align: justify; position: relative; z-index: 300;} #about .m_desc2 p {font-size: 16px; letter-spacing: 2px; line-height: 1.7;} #about .m_image3 {position: absolute; z-index: 280; right: 95px; bottom: 54px; max-width: 561px; width: 30%; height: auto;} .mngmt {position: relative;} #about .mngmt .close_wrap_pm {right: 0;} #about .mgm_top_left_line {width: 400px; height: 1px; position: absolute; left: -100px; top: 110px; background: #b3b4b6; z-index: 300;} #about .mgm_top_right_line {width: 550px; height: 1px; position: absolute; right: -100px; top: 170px; background: #b3b4b6; z-index: 300;} #about .mgm_bot_left_line {display: none;} #about .sl2 .cnt {padding-top: 80px; padding-left: 115px;} #about .sl2 .cnt .m_title1 {margin-bottom: 90px; position: relative; z-index: 300;} #about .sl2 .cnt .m_title2 {letter-spacing: 6px; position: relative; z-index: 300;} #about .sl2 .cnt .m_title2 hr {width: 33%; position: relative; z-index: 300;} #about .sl2 .cnt .m_desc1 {width: 33%; position: relative; z-index: 300; margin-top: 25px;} #about .sl2 .cnt .m_image4 {position: absolute; z-index: 280; right: 130px; top: 200px; width: 56%;} #about .close_wrap_pm {right: 50px;} #apartments .top {padding-top: 80px;} #apartments .top .left {float: left; width: 50%; padding-left: 115px;} #apartments .top .right {float: right; width: 50%;} #apartments .m_title1 {float: left; text-transform: uppercase; font-weight: 300; font-size: 40px; letter-spacing: 3px; width: 93%; text-align: left; margin-top: 50px; margin-bottom: 50px;} #apartments .m_desc1 {float: left; text-align: justify; width: 93%;} #apartments .m_desc1 p {font-size: 16px; letter-spacing: 2px; line-height: 1.7;} #apartments .top .right .m_image1 {float: left; max-width: 561px; max-height: 341px;} #apartments .bot {padding-top: 25px;} #apartments .bot .left {float: left; width: 40%; padding-left: 115px;} #apartments .bot .right {float: right; width: 60%; padding-left: 40px; overflow: hidden;} #apartments .m_image2 {float: left; max-width: 561px; max-height: 341px;} #apartments .bot .right hr {float: left; width: 55%; border-color: #fff; height: 1px; margin-top: 5px; margin-bottom: 20px; position: relative; z-index: 300;} #apartments .m_title2 {width: 50%; float: left; text-transform: uppercase; font-weight: 300; letter-spacing: 4px; text-align: left; font-size: 24px; position: relative; z-index: 300;} #apartments .m_desc2 {width: 45%; float: left; text-align: justify; position: relative; z-index: 300;} #apartments .m_desc2 p {font-size: 16px; letter-spacing: 2px; line-height: 1.7;} #apartments .m_image3 {position: absolute; z-index: 280; right: 95px; bottom: 54px; max-width: 561px; width: 30%; height: auto;} .mngmt {} #apartments .mgm_top_left_line {width: 400px; height: 1px; position: absolute; left: -100px; top: 110px; background: #b3b4b6; z-index: 300;} #apartments .mgm_top_right_line {width: 550px; height: 1px; position: absolute; right: -100px; top: 170px; background: #b3b4b6; z-index: 300;} #apartments .mgm_bot_left_line {display: none;} #apartments .sl2 .cnt {padding-top: 80px; padding-left: 115px;} #apartments .sl2 .cnt .m_title1 {margin-bottom: 90px; position: relative; z-index: 300;} #apartments .sl2 .cnt .m_title2 {letter-spacing: 6px; position: relative; z-index: 300;} #apartments .sl2 .cnt .m_title2 hr {width: 33%; position: relative; z-index: 300;} #apartments .sl2 .cnt .m_desc1 {width: 33%; position: relative; z-index: 300; margin-top: 25px;} #apartments .sl2 .cnt .m_image4 {position: absolute; z-index: 280; right: 130px; top: 200px; width: 56%;} #apartments .close_wrap_pm {right: 50px;} } .c_title3_mob {display: none;} @media(max-width: 992px) and (orientation: landscape){ #contacts .close_wrap_pm {position: absolute; top: 0 !important; right: 0 !important; width: 60px; height: 60px;} #contacts .md_p {width: calc(100% - 20px); height: calc(100% - 20px); width: -webkit-calc(100% - 20px); height: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); height: -moz-calc(100% - 20px); width: -ms-calc(100% - 20px); height: -ms-calc(100% - 20px); width: -o-calc(100% - 20px); height: -o-calc(100% - 20px); margin-left: 10px; margin-top: 10px; position: relative;} .mod_bg_contacts {background: #00020a url('../img/contacts_bg.jpg') center 100px no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; width: calc(100% - 20px); height: calc(100% - 20px); z-index: 200; position: absolute; left: 10px; top: 10px; } #contacts .desktop {display: block;} #contacts .owl-pagination {left: 60px !important;} #map {background: #00020a;} #contacts .left {width: 100%; float: left; height: 100%; text-align: left; border-right: 0px solid #78797d;} #contacts .right {width: 100%; float: right; height: 100%;} #map {width: 100%; height: 100%;} #contacts .left .logo {float: left; margin-top: 115px; margin-left: 135px; display: none;} #contacts .left .c_title {margin-left: 63px !important; margin-top: 95px;} #contacts .left .c_title p {text-transform: uppercase; color: #fff; font-size: 25px; font-weight: 300; text-align: left; letter-spacing: 3px;} #contacts .c_address {margin-left: 63px !important; margin-top: 100px; width: 40%;} #contacts .c_social {margin-left: 63px !important;} #contacts .c_address .adr {font-size: 21px; letter-spacing: 3px; color: #fff;} #contacts .c_social .fa {color: #fff;} #contacts .phone a {color: #fff; font-size: 25px; text-decoration: none; letter-spacing: 3px;} #contacts .time {color: #fff; font-size: 25px; text-decoration: none; letter-spacing: 3px;} .contacts_left_line {width: 60%; height: 1px; background: #78797d; margin-top: 78px; position: absolute; left: -120px;} .contacts_left_line2 {width: 20%; margin-left: -100px; float: left; height: 1px; background: #78797d; margin-top: 20px; position: absolute; top: 107px;} #contacts .c_title2 {position: absolute; top: 150px; left: 150px;} #contacts .c_title2 p {text-transform: uppercase; color: #fff; font-size: 35px; font-weight: 300; text-align: left; letter-spacing: 3px;} #contacts .sl2 .md_p {background: url('../img/modal_bg.jpg') center no-repeat; -webkit-background-size: contain; background-size: contain;} #contacts .sl2 .left {text-align: center; border: 0;} #contacts .sl2 img {margin-top: 240px;} #contacts .c_desc p.name {text-transform: uppercase; font-size: 20px; color: #fff; letter-spacing: 3px; margin-top: 60px;} #contacts .c_desc hr {width: 40%; margin-left: 30%; margin-top: 0; margin-bottom: 0;} #contacts .c_desc p.email {font-size: 18px; color: #fff; letter-spacing: 3px; margin-bottom: 0; margin-top: 10px;} #contacts .c_desc p.phone {font-size: 18px; color: #fff; letter-spacing: 3px;} #contacts .md_p {overflow-x: hidden; overflow-y: auto;} #contacts .sl2 .c_title2 {position: static; margin-left: 63px; width: 40%; margin-top: 20px;} #contacts .sl2 .c_title2 p {font-size: 16px; letter-spacing: 7px; line-height: 1.6;} #contacts .c_title3_mob {margin-left: 0px !important; margin-top: 37px; width: 100%;} #contacts .c_title3_mob hr {width: 70%; float: right;} #contacts .c_title3_mob p {text-transform: uppercase; color: #fff; font-size: 25px; font-weight: 300; text-align: left; letter-spacing: 3px; margin-left: 63px;} .c_title3_mob {display: block;} #contacts .sl2 .contacts_left_line2 {width: 45%; top: 240px; background: #fff;} #contacts .sl2 .left img {margin-top: 58px; width: 70%;} #contacts .sl2 .c_desc p.name {margin-top: 20px;} #contacts .sl2 .left {height: auto; float: none;} #contacts .sl2 .right {height: auto; float: none; padding-bottom: 40px;} #contacts .sl2 .right img {margin-top: 58px; width: 70%;} } @media(min-width: 993px){ .mgm_mobile {display: none;} } @media(max-width: 992px){ .mgm_mobile {display: block; background: #00020a; width: calc(100% - 16px); width: -webkit-calc(100% - 16px); -moz-width: calc(100% - 16px); -ms-width: calc(100% - 16px); -o-width: calc(100% - 16px); height: -webkit-calc(100% - 16px); -moz-height: calc(100% - 16px); -ms-height: calc(100% - 16px); -o-height: calc(100% - 16px); margin-left: 8px; margin-top: 8px; padding-top: 100px; overflow-x: hidden; overflow-y: auto; position: relative;} .mgm_mobile .mgm_m_header {text-transform: uppercase; color: #fff; font-size: 35px; font-weight: 300; text-align: left; letter-spacing: 3px; margin-left: 60px; margin-top: 30px;} #management .owl-pagination {left: 60px !important;} #about .owl-pagination {left: 60px !important;} #apartments .owl-pagination {left: 60px !important;} .m_t_line {width: 50%; height: 1px; background: #fff;} .mgm_m_text {padding-left: 60px; text-align: justify; width: 100%; padding-right: 60px; font-size: 16px; letter-spacing: 2px; line-height: 1.7; margin-top: 30px; margin-bottom: 50px;} .mgm_m_img2 {float: left; width: 60%; height: auto; margin-bottom: 50px;} .mgm_m_img1 {float: right; width: 60%; height: auto; margin-bottom: 50px;} .mgm_m_img3 {float: left; width: 60%; height: auto; margin-bottom: 50px;} .mhm_m_rline {width: 25%; height: 1px; float: right; background: #fff;} .mhm_m_lline {width: 25%; height: 1px; float: left; background: #fff;} .sl2 .m_t_line {width: 50%; height: 1px; background: #fff; float: right;} .sl2 .mgm_m_header {margin-bottom: 50px;} .sl2 .mgm_m_img4 {width: 100%; height: auto; margin-bottom: 20px;} .sl2 .mgm_m_img4 {width: 100%; height: auto; margin-bottom: 20px;} .mgm_m_text.txt_mg2 {margin-top: 0;} } @media(max-width: 768px) and (orientation: portrait) { .mgm_mobile {display: block; background: #00020a; width: calc(100% - 16px); width: -webkit-calc(100% - 16px); -moz-width: calc(100% - 16px); -ms-width: calc(100% - 16px); -o-width: calc(100% - 16px); height: -webkit-calc(100% - 16px); -moz-height: calc(100% - 16px); -ms-height: calc(100% - 16px); -o-height: calc(100% - 16px); margin-left: 8px; margin-top: 8px; padding-top: 100px; overflow-x: hidden; overflow-y: auto;} .mgm_mobile .mgm_m_header {text-transform: uppercase; color: #fff; font-size: 25px; font-weight: 300; text-align: left; letter-spacing: 3px; margin-left: 0px; margin-top: 30px; text-align: center; width: 100%;} #management .owl-pagination {left: 60px !important;} #about .owl-pagination {left: 60px !important;} #apartments .owl-pagination {left: 60px !important;} .m_t_line {width: 50%; height: 1px; background: #fff;} .mgm_m_text {padding-left: 30px; text-align: justify; width: 100%; padding-right: 30px; font-size: 12px; letter-spacing: 2px; line-height: 1.7; margin-top: 30px; margin-bottom: 50px; width: 100%;} .mgm_m_img2 {float: left; width: 60%; height: auto; margin-bottom: 50px;} .mgm_m_img1 {float: right; width: 60%; height: auto; margin-bottom: 50px;} .mgm_m_img3 {float: left; width: 60%; height: auto; margin-bottom: 50px;} .mhm_m_rline {width: 25%; height: 1px; float: right; background: #fff;} .mhm_m_lline {width: 25%; height: 1px; float: left; background: #fff;} .sl2 .m_t_line {width: 50%; height: 1px; background: #fff; float: right;} .sl2 .mgm_m_header {margin-bottom: 50px;} .sl2 .mgm_m_img4 {width: 100%; height: auto; margin-bottom: 20px;} .mgm_m_text.txt_mg2 {margin-top: 0;} .mgm_m_img3 {margin-bottom: 20px;} } @media(max-width: 768px) and (orientation: landscape){ #contacts .close_wrap_pm {position: absolute; top: 0 !important; right: 0 !important; width: 60px; height: 60px;} #contacts .md_p {width: calc(100% - 20px); height: calc(100% - 20px); width: -webkit-calc(100% - 20px); height: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); height: -moz-calc(100% - 20px); width: -ms-calc(100% - 20px); height: -ms-calc(100% - 20px); width: -o-calc(100% - 20px); height: -o-calc(100% - 20px); margin-top: 10px; margin-left: 10px;} .mod_bg_contacts {background: #00020a url('../img/contacts_bg.jpg') center 100px no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; width: calc(100% - 20px); height: calc(100% - 20px); z-index: 200; position: absolute; left: 10px; top: 10px; } #contacts .desktop {display: block;} #contacts .owl-pagination {left: 100px !important;} #map {background: #00020a;} #contacts .left {width: 100%; float: left; height: 100%; text-align: left; border-right: 0px solid #78797d;} #contacts .right {width: 100%; float: right; height: 100%;} #map {width: 100%; height: 100%;} #contacts .left .logo {float: left; margin-top: 115px; margin-left: 135px; display: none;} #contacts .left .c_title {margin-left: 63px !important; margin-top: 75px;} #contacts .left .c_title p {text-transform: uppercase; color: #fff; font-size: 25px; font-weight: 300; text-align: left; letter-spacing: 3px;} #contacts .c_address {margin-left: 63px !important; margin-top: 40px; width: 60%;} #contacts .c_social {margin-left: 63px !important;} #contacts .c_address .adr {font-size: 21px; letter-spacing: 3px; color: #fff;} #contacts .c_social .fa {color: #fff;} #contacts .phone a {color: #fff; font-size: 25px; text-decoration: none; letter-spacing: 3px;} #contacts .time {color: #fff; font-size: 25px; text-decoration: none; letter-spacing: 3px;} .contacts_left_line {width: 60%; height: 1px; background: #78797d; margin-top: 60px; position: absolute; left: -120px;} .contacts_left_line2 {width: 20%; margin-left: -100px; float: left; height: 1px; background: #78797d; margin-top: 20px; position: absolute; top: 107px;} #contacts .c_title2 {position: absolute; top: 150px; left: 150px;} #contacts .c_title2 p {text-transform: uppercase; color: #fff; font-size: 35px; font-weight: 300; text-align: left; letter-spacing: 3px;} #contacts .sl2 .md_p {background: url('../img/modal_bg.jpg') center no-repeat; -webkit-background-size: contain; background-size: contain;} #contacts .sl2 .left {text-align: center; border: 0;} #contacts .sl2 img {margin-top: 240px;} #contacts .c_desc p.name {text-transform: uppercase; font-size: 20px; color: #fff; letter-spacing: 3px; margin-top: 60px;} #contacts .c_desc hr {width: 40%; margin-left: 30%; margin-top: 0; margin-bottom: 0;} #contacts .c_desc p.email {font-size: 18px; color: #fff; letter-spacing: 3px; margin-bottom: 0; margin-top: 10px;} #contacts .c_desc p.phone {font-size: 18px; color: #fff; letter-spacing: 3px;} #contacts .md_p {overflow-x: hidden; overflow-y: auto;} #contacts .sl2 .c_title2 {position: static; margin-left: 63px; width: 40%; margin-top: 20px;} #contacts .sl2 .c_title2 p {font-size: 16px; letter-spacing: 7px; line-height: 1.6;} #contacts .c_title3_mob {margin-left: 0px !important; margin-top: 95px; width: 100%;} #contacts .c_title3_mob hr {width: 70%; float: right;} #contacts .c_title3_mob p {text-transform: uppercase; color: #fff; font-size: 25px; font-weight: 300; text-align: left; letter-spacing: 3px; margin-left: 63px;} .c_title3_mob {display: block;} #contacts .sl2 .contacts_left_line2 {width: 45%; top: 240px; background: #fff;} #contacts .sl2 .left img {margin-top: 58px; width: 70%;} #contacts .sl2 .c_desc p.name {margin-top: 20px;} #contacts .sl2 .left {height: auto; float: none;} #contacts .sl2 .right {height: auto; float: none; padding-bottom: 40px;} #contacts .sl2 .right img {margin-top: 58px; width: 70%;} } .logo_vert_m {display: none;} /*CONTACTS < 992 PORTRAIT*/ @media(max-width: 992px) and (orientation: portrait){ #contacts .close_wrap_pm {position: absolute; top: 0 !important; right: 0 !important; width: 60px; height: 60px;} .logo_vert_m {display: block; width: 20%; margin: 0 auto;} #contacts .md_p {width: calc(100% - 20px); height: calc(100% - 20px); width: -webkit-calc(100% - 20px); height: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); height: -moz-calc(100% - 20px); width: -ms-calc(100% - 20px); height: -ms-calc(100% - 20px); width: -o-calc(100% - 20px); height: -o-calc(100% - 20px); margin-left: 10px; margin-top: 10px; position: relative;} .mod_bg_contacts {background: #00020a url('../img/contacts_bg.jpg') center bottom no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; width: calc(100% - 20px); height: calc(100% - 20px); z-index: 200; position: absolute; left: 10px; top: 10px; } #contacts .desktop {display: block;} #contacts .owl-pagination {left: 60px !important;} #map {background: #00020a;} #contacts .left {width: 100%; float: left; height: 100%; border-right: 0px solid #78797d; text-align: center;} #contacts .right {width: 100%; float: right; height: 100%;} #map {width: 100%; height: 100%;} #contacts .left .logo {float: left; margin-top: 115px; margin-left: 135px; display: none;} #contacts .left .c_title {margin-left: 0px !important; margin-top: 95px; margin-bottom: 25px;} #contacts .left .c_title p {text-transform: uppercase; color: #fff; font-size: 25px; font-weight: 300; text-align: center; letter-spacing: 3px;} #contacts .c_address {width: 100%; margin: 50px auto 25px !important; padding: 0 25px; color: #fff;} #contacts .c_social .row{ width: fit-content; margin: 0 auto;} #contacts .c_social {margin: 0 auto !important; width: 100%;} #contacts .c_social .fa {color: #fff;} #contacts .c_address .adr {font-size: 21px; letter-spacing: 3px; text-align: center;} #contacts .phone a {color: #fff; font-size: 25px; text-decoration: none; letter-spacing: 3px;} #contacts .time {color: #fff; font-size: 25px; text-decoration: none; letter-spacing: 3px;} .contacts_left_line {width: 80%; height: 1px; background: #fff; margin-top: 78px; position: absolute; left: -120px;} .contacts_left_line2 {width: 20%; margin-left: -100px; float: left; height: 1px; background: #78797d; margin-top: 20px; position: absolute; top: 107px;} #contacts .c_title2 {position: absolute; top: 150px; left: 150px;} #contacts .c_title2 p {text-transform: uppercase; color: #fff; font-size: 35px; font-weight: 300; text-align: left; letter-spacing: 3px;} #contacts .sl2 .md_p {background: url('../img/modal_bg.jpg') center no-repeat; -webkit-background-size: contain; background-size: contain;} #contacts .sl2 .left {text-align: center; border: 0;} #contacts .sl2 img {margin-top: 240px;} #contacts .c_desc p.name {text-transform: uppercase; font-size: 20px; color: #fff; letter-spacing: 3px; margin-top: 60px;} #contacts .c_desc hr {width: 40%; margin-left: 30%; margin-top: 0; margin-bottom: 0;} #contacts .c_desc p.email {font-size: 18px; color: #fff; letter-spacing: 3px; margin-bottom: 0; margin-top: 10px;} #contacts .c_desc p.phone {font-size: 18px; color: #fff; letter-spacing: 3px;} #contacts .md_p {overflow-x: hidden; overflow-y: auto;} #contacts .csld1 p.phone::before{content: ""; display: block; width: 50%; height: 1px; clear: both; background: #fff; margin: 10px auto;} #contacts .sl2 .c_title2 {position: static; margin-left: 40px; width: 50%; margin-top: 50px;} #contacts .sl2 .c_title2 p {font-size: 16px; letter-spacing: 7px; line-height: 1.6;} #contacts .c_title3_mob {margin-left: 0px !important; margin-top: 55px; width: 100%;} #contacts .c_title3_mob hr {width: 50%; float: right;} #contacts .c_title3_mob p {text-transform: uppercase; color: #fff; font-size: 25px; font-weight: 300; text-align: center; letter-spacing: 3px; margin-left: 0px;} .c_title3_mob {display: block;} #contacts .sl2 .contacts_left_line2 {width: 50%; margin-left: 0; top: 230px; background: #fff;} #contacts .sl2 .left img {margin-top: 58px; width: 100%;} #contacts .sl2 .c_desc p.name {margin-top: 20px;} #contacts .sl2 .left {height: auto; float: none;} #contacts .sl2 .right {height: auto; float: none; padding-bottom: 40px;} #contacts .sl2 .right img {margin-top: 58px; width: 100%;} } @media(max-width: 560px) and (orientation: landscape){ #contacts .c_address {margin-top: 20px !important;} } @media(max-width: 1650px){ /*SLIDE 2*/ #contacts .sl2 img {margin-top: 180px; width: 80%; height: auto;} #contacts .c_title2 {top: 90px;} .contacts_left_line2 {top: 130px;} } @media(max-width: 1500px){ /*SLIDE 1*/ #contacts .left .logo {margin-top: 80px; margin-left: 100px;} #contacts .left .c_title {margin-left: 100px;} #contacts .c_address {margin-left: 100px; margin-top: 60px; padding-right: 20px;} #contacts .c_social {margin-left: 100px;} #contacts .c_address .adr {font-size: 20px;} } @media(max-width: 1100px) and (min-width: 993px) and (max-height: 622px) { /*SLIDE 1*/ #contacts .c_address .adr {line-height: 1;} #contacts .left .c_title {margin-top: 20px;} #contacts .c_address {margin-top: 30px;} } @media(max-width: 1520px) and (min-width: 993px) and (max-height: 750px){ #contacts .c_title2 {top: 80px;} #contacts .sl2 img {margin-top: 160px; width: 70%; height: auto;} .contacts_left_line2 {top: 118px;} #contacts .c_desc p.name {margin-top: 15px; margin-bottom: 5px;} #contacts .c_desc p.email {margin-top: 5px;} } /*MANAGEMENT 1920 -> 993 RESPONSIVE*/ @media(max-width: 1750px){ #management .top .right .m_image1 {width: 70%; float: left; margin-left: 30px;} #management .m_title1 {margin-top: 10px; margin-bottom: 10px;} #management .mgm_top_left_line {top: 80px;} #management .m_desc1 {width: 100%;} #management .top .left {width: 55%;} #management .top .right {width: 45%;} #management .mgm_top_right_line {width: 300px;} #management .m_image2 {width: 100%;} #management .bot .left {width: 36%;} #management .bot .right {width: 63%; padding-left: 40px;} #management .m_image3 {width: 28%;} #about .top .right .m_image1 {width: 70%; float: left; margin-left: 30px;} #about .m_title1 {margin-top: 10px; margin-bottom: 10px;} #about .mgm_top_left_line {top: 80px;} #about .m_desc1 {width: 100%;} #about .top .left {width: 55%;} #about .top .right {width: 45%;} #about .mgm_top_right_line {width: 300px;} #about .m_image2 {width: 100%;} #about .bot .left {width: 36%;} #about .bot .right {width: 63%;} #about .m_image3 {width: 28%;} #apartments .top .right .m_image1 {width: 70%; float: left; margin-left: 30px;} #apartments .m_title1 {margin-top: 10px; margin-bottom: 10px;} #apartments .mgm_top_left_line {top: 80px;} #apartments .m_desc1 {width: 100%;} #apartments .top .left {width: 55%;} #apartments .top .right {width: 45%;} #apartments .mgm_top_right_line {width: 300px;} #apartments .m_image2 {width: 100%;} #apartments .bot .left {width: 36%;} #apartments .bot .right {width: 63%;} #apartments .m_image3 {width: 28%;} } @media(max-width: 1450px){ #management .m_desc2 {width: 50%;} #management .m_desc2 p {line-height: 1.4; font-style: 15px;} #management .m_desc1 p {line-height: 1.4; font-style: 15px;} #management .bot .right hr {margin-top: 0px; margin-bottom: 5px;} #management .bot .right {padding-left: 20px;} #management .m_title1 {font-size: 30px; margin-top: 0; margin-bottom: 0;} #management .m_title2 {font-size: 18px;} #management .bot {padding-top: 15px;} #management .top .left {width: 60%;} #management .top .right {width: 40%;} #management .top .right .m_image1 {width: 60%;} #management .bot .left {width: 33%;} #management .bot .right {width: 67%;} #management .m_image3 {width: 22%; max-height: 300px;} #management .sl2 .cnt .m_title1 {margin-bottom: 45px;} #management .sl2 .cnt .m_title2 hr {margin-top: 0; margin-bottom: 0;} #management .sl2 .cnt .m_image4 {top: 17%;} #management .m_desc1 p {font-size: 13px;} #management .m_desc2 p {font-size: 13px;} #about .m_desc2 {width: 54%;} #about .m_desc2 p {line-height: 1.4; font-style: 15px;} #about .m_desc1 p {line-height: 1.4; font-style: 15px;} #about .bot .right hr {margin-top: 0px; margin-bottom: 5px;} #about .bot .right {padding-left: 20px;} #about .m_title1 {font-size: 30px; margin-top: 0; margin-bottom: 0;} #about .m_title2 {font-size: 18px;} #about .bot {padding-top: 15px;} #about .top .left {width: 60%;} #about .top .right {width: 40%;} #about .top .right .m_image1 {width: 60%;} #about .bot .left {width: 33%;} #about .bot .right {width: 67%;} #about .m_image3 {width: 22%; max-height: 300px;} #about .sl2 .cnt .m_title1 {margin-bottom: 45px;} #about .sl2 .cnt .m_title2 hr {margin-top: 0; margin-bottom: 0;} #about .sl2 .cnt .m_image4 {top: 17%;} #about .m_desc1 p {font-size: 13px;} #about .m_desc2 p {font-size: 13px;} #about .m_desc2 {width: 60%;} #apartments .m_desc2 {width: 54%;} #apartments .m_desc2 p {line-height: 1.4; font-style: 15px;} #apartments .m_desc1 p {line-height: 1.4; font-style: 15px;} #apartments .bot .right hr {margin-top: 0px; margin-bottom: 5px;} #apartments .bot .right {padding-left: 20px;} #apartments .m_title1 {font-size: 30px; margin-top: 0; margin-bottom: 0;} #apartments .m_title2 {font-size: 18px;} #apartments .bot {padding-top: 15px;} #apartments .top .left {width: 60%;} #apartments .top .right {width: 40%;} #apartments .top .right .m_image1 {width: 60%;} #apartments .bot .left {width: 33%;} #apartments .bot .right {width: 67%;} #apartments .m_image3 {width: 22%; max-height: 300px;} #apartments .sl2 .cnt .m_title1 {margin-bottom: 45px;} #apartments .sl2 .cnt .m_title2 hr {margin-top: 0; margin-bottom: 0;} #apartments .sl2 .cnt .m_image4 {top: 17%;} #apartments .m_desc1 p {font-size: 13px;} #apartments .m_desc2 p {font-size: 13px;} #apartments .m_desc2 {width: 60%;} } /*MACBOOK*/ @media(max-width: 1449px) and (min-height: 680px){ .page_modal .remodal-dialog .modal_page1 .title .first {text-align: left; line-height: 1.1;} #contacts .sl2 img {margin-top: 200px;} .mgm_bot_left_line {height: 273px !important; left: 148px !important;} #management .bot {padding-top: 40px;} #management .bot .left {width: 37%;} #management .bot .right {width: 61%;} #management .m_desc1 p {font-size: 13px;} #management .m_desc2 p {font-size: 13px;} #management .top {padding-top: 110px;} #management .top .right .m_image1 {width: 70%;} #management .m_desc2 {width: 50%; margin-top: -30px;} .owl-page .owl-numbers {font-size: 20px; padding-top: 59px;} .close_wrap_pm .cls_mod {-webkit-background-size: 20%; background-size: 20%;} #management .sl2 .m_title1 {margin-top: 30px;} #management .sl2 .m_desc1 {font-size: 13px; width: 25% !important;} #management .mgm_top_right_line {top: 120px;} #management .sl2 .cnt .m_image4 {top: 26%; width: 50%;} .rs-bottom-line {left: 124px;} #about .bot {padding-top: 40px;} #about .bot .left {width: 37%;} #about .bot .right {width: 61%;} #about .m_desc1 p {font-size: 13px;} #about .m_desc2 p {font-size: 13px;} #about .top {padding-top: 110px;} #about .top .right .m_image1 {width: 70%;} #about .m_desc2 {width: 50%; margin-top: -30px;} #about .sl2 .m_title1 {margin-top: 30px;} #about .sl2 .m_desc1 {font-size: 13px; width: 25% !important;} #about .mgm_top_right_line {top: 120px;} #about .sl2 .cnt .m_image4 {top: 26%;} #apartments .bot {padding-top: 40px;} #apartments .bot .left {width: 37%;} #apartments .bot .right {width: 61%;} #apartments .m_desc1 p {font-size: 13px;} #apartments .m_desc2 p {font-size: 13px;} #apartments .top {padding-top: 110px;} #apartments .top .right .m_image1 {width: 70%;} #apartments .m_desc2 {width: 50%; margin-top: -30px;} #apartments .sl2 .m_title1 {margin-top: 30px;} #apartments .sl2 .m_desc1 {font-size: 13px; width: 25% !important;} #apartments .mgm_top_right_line {top: 120px;} #apartments .sl2 .cnt .m_image4 {top: 26%;} } .slider {z-index: 201;} .page_modal p, .page_modal div, .page_modal h3, .page_modal h2, .page_modal h1, .page_modal h4, .page_modal h5, .page_modal span {user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none;} .page_modal .remodal-dialog .modal_page1 {margin-left: 50px; margin-top: 50px; width: calc(100% - 100px); height: calc(100% - 100px); -webkit-width: calc(100% - 100px); -webkit-height: calc(100% - 100px); -moz-width: calc(100% - 100px); -moz-height: calc(100% - 100px); -o-width: calc(100% - 100px); -o-height: calc(100% - 100px); -ms-width: calc(100% - 100px); -ms-height: calc(100% - 100px);} .page_modal .remodal-dialog .modal_page1 .title {width: 30%; position: absolute; left: 266px; top: 100px; line-height: 45px; z-index: 300; overflow: hidden;} .page_modal .remodal-dialog .modal_page1 .title .first {font-size: 35px; font-weight: 300; text-transform: uppercase; float: left; color: #fff; letter-spacing: 5px; text-align: left;} .page_modal .remodal-dialog .modal_page1 .second {font-size: 28px; font-weight: 300; text-transform: uppercase; float: left; color: #fff; letter-spacing: 12px;} .page_modal .remodal-dialog .modal_page1 .image1 {float: left; width: 26%; height: 250px; background: url('../img/mayak.jpg') center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; margin-top: 280px; margin-left: 220px;} .page_modal .remodal-dialog .modal_page1 .image2 {float: left; width: 38%; height: 450px; background: url('../img/nlo.jpg') center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; margin-top: 80px; margin-left: 50px; position: relative;} .page_modal .remodal-dialog .modal_page1 .image4 {float: left; width: 26%; height: 250px; background: url('../img/tyshchenko6.jpg') center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; margin-top: 280px; margin-left: 220px;} .page_modal .remodal-dialog .modal_page1 .image5 {float: left; width: 38%; height: 450px; background: url('../img/tyshchenko7.jpg') center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; margin-top: 80px; margin-left: 50px; position: relative;} .page_modal .remodal-dialog .modal_page1 .image3 {position: absolute; width: 64%; height: 250px; background: url('../img/modal_image3.jpg') center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; right: -32%; bottom: -192px;} .page_modal .remodal-dialog .modal_page1 .desc {font-family: 'Open Sans', Tahoma; font-size: 16px; color: #fff; overflow: auto; letter-spacing: 2px; float: left; width: 50%; margin-left: 220px; margin-top: 50px; text-align: justify; line-height: 1.7;} @media(max-width: 1685px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page1 .desc {font-size: 15px; margin-top: 18px; max-height: 152px;} .rs-right-line {width: 200px;} } @media(max-width: 1441px) and (min-width: 993px) { .rs-right-line {width: 400px;} .page_modal .remodal-dialog .modal_page1 .title {top: 65px; line-height: 35px; left: 120px;} .page_modal .remodal-dialog .modal_page1 .title .first {font-size: 33px; padding-top: 3px; opacity: 0.8; letter-spacing: 5px;} .page_modal .remodal-dialog .modal_page1 .title .second {font-size: 23px; opacity: 0.8;} .page_modal .remodal-dialog .modal_page1 .image1 {height: 180px; margin-top: 202px; margin-left: 130px;} .page_modal .remodal-dialog .modal_page1 .image2 {height: 300px; width: 42%;} .page_modal .remodal-dialog .modal_page1 .image4 {height: 180px; margin-top: 202px; margin-left: 130px;} .page_modal .remodal-dialog .modal_page1 .image5 {height: 300px; width: 42%;} .page_modal .remodal-dialog .modal_page1 .image3 { height: 210px; bottom: -126px; } .page_modal .remodal-dialog .modal_page1 .desc {font-size: 13px; margin-top: 33px; margin-left: 130px; width: 53%; font-weight: 300;} .page_modal .remodal-dialog .modal_page1 .image3 {bottom: -165px;} .slider .owl-pagination {left: 159px;} .rs-slideIndex {left: 190px !important;} .desc2, .desc, .m_desc1, .m_desc2 {max-height: 255px !important; overflow-y: auto;} } .desc2 p:first-child {margin: 0;} .desc p:first-child {margin: 0;} .m_desc1 p:first-child {margin: 0;} .m_desc2 p:first-child {margin: 0;} @media(max-width: 1441px) and (min-width: 993px) and (max-height: 700px) { .page_modal .remodal-dialog .modal_page1 .title {top: 65px;} .page_modal .remodal-dialog .modal_page1 .image1 {margin-top: 180px;} .page_modal .remodal-dialog .modal_page1 .image2 {margin-top: 65px;} .page_modal .remodal-dialog .modal_page1 .image4 {margin-top: 180px;} .page_modal .remodal-dialog .modal_page1 .image5 {margin-top: 65px;} .page_modal .remodal-dialog .modal_page1 .image3 {bottom: -139px;} .page_modal .remodal-dialog .modal_page1 .desc {margin-top: 25px; line-height: 1.6;} } @media(max-width: 1224px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page1 .image1 {height: 167px; margin-top: 183px; margin-left: 120px;} .page_modal .remodal-dialog .modal_page1 .image2 {height: 270px;} .page_modal .remodal-dialog .modal_page1 .image4 {height: 167px; margin-top: 183px; margin-left: 120px;} .page_modal .remodal-dialog .modal_page1 .image5 {height: 270px;} .page_modal .remodal-dialog .modal_page1 .image3 {height: 167px; bottom: -117px; } .page_modal .remodal-dialog .modal_page1 .desc {margin-left: 120px; font-size: 12px;} .page_modal .remodal-dialog .modal_page1 .title {left: 172px;} .page_modal .remodal-dialog .modal_page1 .title .first {font-size: 33px;} .page_modal .remodal-dialog .modal_page1 .title .second {font-size: 19px;} } /* SCROLL */ @media(max-width: 1941px) and (max-height: 971px) and (min-width: 1899px) and (min-height: 929px){ .page_modal .remodal-dialog .modal_page1 .desc {max-height: 226px;} .page_modal .remodal-dialog .modal_page2 .desc {max-height: 210px !important;} .page_modal .remodal-dialog .modal_page2 .desc2 {max-height: 190px !important;} .page_modal .remodal-dialog .modal_page3 .desc {max-height: 225px;} .page_modal .remodal-dialog .modal_page4 .desc {max-height: 222px !important; margin-right: 212px !important; margin-top: 45px !important;} #management .m_desc1 {max-height: 185px;} #management .bot .right {width: 63% !important;} #management .bot .left {width: 37% !important;} #management .m_desc2 {width: 38% !important; max-height: 220px !important; margin-top: -40px !important;} #management .sl2 .cnt .m_desc1 {max-height: 250px !important; width: 30% !important;} } @media(max-width: 1621px) and (max-height: 791px) and (min-width: 1579px) and (min-height: 749px){ .page_modal .remodal-dialog .modal_page1 .image2 {height: 300px;} .page_modal .remodal-dialog .modal_page1 .image1 {margin-top: 210px;} .page_modal .remodal-dialog .modal_page2 .image2 {height: 266px !important; margin-top: 350px !important;} .page_modal .remodal-dialog .modal_page2 .desc {margin-top: -155px !important;} .page_modal .remodal-dialog .modal_page3 .image2 {height: 310px !important;} .page_modal .remodal-dialog .modal_page3 .desc {margin-top: -160px !important;} .page_modal .remodal-dialog .modal_page3 .title {right: 210px !important;} .page_modal .remodal-dialog .modal_page4 .image2 {top: 265px !important;} .page_modal .remodal-dialog .modal_page4 .desc {margin-top: 30px !important; margin-right: 212px !important; max-height: 210px !important;} #management .bot .left {margin-top: -50px !important; width: 28% !important;} #management .bot .right {margin-top: -33px !important;} #management .m_desc2 {margin-top: -110px !important; max-height: 193px !important; width: 48% !important;} #management .top .right .m_image1 {margin-bottom: 90px !important; width: 50% !important;} #management .m_image3 {width: 26% !important; right: 150px !important;} #management .sl2 .cnt .m_image4 {width: 50% !important; top: 165px !important;} #management .sl2 .cnt .m_desc1 {width: 33% !important; margin-top: -40px !important; max-height: 170px !important;} } @media(max-width: 1461px) and (max-height: 791px) and (min-width: 1419px) and (min-height: 749px){ .page_modal .remodal-dialog .modal_page1 .desc {max-height: 200px !important;} .page_modal .remodal-dialog .modal_page2 .desc {max-height: 174px !important;} body .page_modal .remodal-dialog .modal_page2 .desc2 {max-height: 135px !important;} body .page_modal .remodal-dialog .modal_page3 .desc {max-height: 217px !important;} .page_modal .remodal-dialog .modal_page4 .desc {max-height: 225px !important;} #management .bot {padding-top: 0 !important;} #management .sl2 .cnt .m_desc1 {width: 30% !important; margin-top: 30px !important; max-height: 200px !important;} } @media(max-width: 1387px) and (max-height: 659px) and (min-width: 1345px) and (min-height: 617px){ .page_modal .remodal-dialog .modal_page3 .desc {max-height: 155px !important;} .page_modal .remodal-dialog .modal_page3 .title {top: 70px !important;} .page_modal .remodal-dialog .modal_page4 .desc {max-height: 180px !important;} #management .m_desc2 {margin-top: -40px !important; max-height: 147px !important;} #management .sl2 .cnt .m_desc1 {max-height: 160px !important;} } @media(max-width: 1301px) and (max-height: 691px) and (min-width: 1259px) and (min-height: 649px){ .page_modal .remodal-dialog .modal_page3 .desc {margin-left: 128px !important; max-height: 180px !important;} .page_modal .remodal-dialog .modal_page4 .desc {max-height: 180px !important;} #management .m_desc2 {max-height: 160px !important; margin-top: -35px !important;} #management .m_image3 {width: 24% !important; right: 70px !important; bottom: 85px !important;} #management .sl2 .cnt .m_desc1 {max-height: 180px !important;} } @media(max-width: 1045px) and (max-height: 659px) and (min-width: 1003px) and (min-height: 617px){ .page_modal .remodal-dialog .modal_page3 .image2 {margin-top: 280px !important;} .page_modal .remodal-dialog .modal_page3 .desc {margin-left: 122px !important;} .page_modal .remodal-dialog .modal_page1 .title {width: 40% !important; left: 100px !important;} .modal_page4 .rs-right-line {top: 200px !important;} .page_modal .remodal-dialog .modal_page4 .desc {max-height: 180px !important;} #management .m_desc2 {margin-top: -75px !important;} #management .top .right .m_image1 {width: 75% !important; margin-top: 35px !important;} #management .m_title1 {margin-bottom: 0 !important;} #management .m_desc1 {margin-bottom: 20px !important;} #management .sl2 .cnt .m_desc1 {margin-left: -15px !important;} #management .sl2 .cnt .m_image4 {right: 80px !important;} } @media(max-width: 1620px) and (max-height: 1220px) and (min-width: 1580px) and (min-height: 1050px){ .page_modal .remodal-dialog .modal_page1 .desc {max-height: 300px !important; margin-top: 50px;} .page_modal .remodal-dialog .modal_page1 .image2 {height: 400px;} .page_modal .remodal-dialog .modal_page1 .image1 {margin-top: 210px;} .page_modal .remodal-dialog .modal_page2 .image2 {height: 266px !important; margin-top: 350px !important;} .page_modal .remodal-dialog .modal_page2 .desc {margin-top: -155px !important;} .page_modal .remodal-dialog .modal_page3 .image2 {height: 310px !important;} .page_modal .remodal-dialog .modal_page3 .desc {margin-top: -160px !important;} .page_modal .remodal-dialog .modal_page3 .title {right: 210px !important;} .page_modal .remodal-dialog .modal_page4 .image2 {top: 265px !important;} .page_modal .remodal-dialog .modal_page4 .desc {margin-top: 30px !important; margin-right: 212px !important; max-height: 210px !important;} #management .bot .left {margin-top: -50px !important; width: 28% !important;} #management .bot .right {margin-top: -33px !important;} #management .m_desc2 {margin-top: -110px !important; max-height: 193px !important; width: 48% !important;} #management .top .right .m_image1 {margin-bottom: 90px !important; width: 50% !important;} #management .m_image3 {width: 26% !important; right: 150px !important;} #management .sl2 .cnt .m_image4 {width: 50% !important; top: 165px !important;} #management .sl2 .cnt .m_desc1 {width: 33% !important; margin-top: -40px !important; max-height: 170px !important;} } /*SLIDE 2*/ .page_modal .remodal-dialog .modal_page2 {margin-left: 50px; margin-top: 50px; width: calc(100% - 100px); height: calc(100% - 100px); -webkit-width: calc(100% - 100px); -webkit-height: calc(100% - 100px); -moz-width: calc(100% - 100px); -moz-height: calc(100% - 100px); -o-width: calc(100% - 100px); -o-height: calc(100% - 100px); -ms-width: calc(100% - 100px); -ms-height: calc(100% - 100px);} .page_modal .remodal-dialog .modal_page2 .title {width: 40%; position: absolute; right: 0px; top: 90px; line-height: 45px; z-index: 300; overflow: hidden; padding-right: 100px;} .page_modal .remodal-dialog .modal_page2 .title p {font-size: 33px; font-weight: 300; text-transform: uppercase; float: left; color: #fff; letter-spacing: 5px; } .page_modal .remodal-dialog .modal_page2 .title p span {font-size: 23px;} .page_modal .remodal-dialog .modal_page2 .image1 {float: left; width: 40%; height: 400px; background: url('../img/modal_image5.jpg') center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; margin-top: 80px; margin-left: 220px;} .page_modal .remodal-dialog .modal_page2 .image2 {float: left; width: 32%; height: 330px; background: url('../img/modal_im4.jpg') center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; margin-top: 400px; margin-left: -19px; position: relative;} .page_modal .remodal-dialog .modal_page2 {padding-bottom: 50px; margin-bottom: 50px;} .page_modal .remodal-dialog .modal_page2 .desc {font-family: 'Open Sans', Tahoma; font-size: 16px; color: #fff; overflow: auto; letter-spacing: 2px; float: left; width: 36%; margin-left: 218px; margin-top: -170px; text-align: justify; line-height: 1.7; } .page_modal .remodal-dialog .modal_page2 .desc2 {font-family: 'Open Sans', Tahoma; font-size: 16px; color: #fff; overflow: auto; letter-spacing: 2px; width: 25%; text-align: justify; line-height: 1.7; position: absolute; top: 160px; right: 291px; } @media(max-width: 1755px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page2 .desc2 {right: 250px;} } @media(max-width: 1675px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page2 .image1 {height: 350px;} .page_modal .remodal-dialog .modal_page2 .image2 {height: 300px;} .page_modal .remodal-dialog .modal_page2 .desc {margin-top: -237px;} } @media(max-width: 1600px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page2 .desc2 {right: 200px;} .page_modal .remodal-dialog .modal_page2 .desc {margin-top: -220px; width: 35%;} .page_modal .remodal-dialog .modal_page2 .title {top: 70px;} } @media(max-width: 1441px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page2 .title {right: 0px;} .page_modal .remodal-dialog .modal_page2 .image1 {height: 300px; margin-left: 180px;} .page_modal .remodal-dialog .modal_page2 .image2 {height: 250px; margin-top: 338px;} .page_modal .remodal-dialog .modal_page2 .desc {font-size: 13px; margin-top: -173px; margin-left: 180px; font-weight: 300;} .page_modal .remodal-dialog .modal_page2 .desc2 {font-size: 13px; top: 170px; right: 235px; font-weight: 300; max-height: 85px !important;} .page_modal .remodal-dialog .modal_page2 .title p {opacity: 0.8;} } @media(max-width: 1441px) and (min-width: 993px) and (max-height: 700px) { .page_modal .remodal-dialog .modal_page2 .title {top: 70px;} .page_modal .remodal-dialog .modal_page2 .image1 {height: 270px; margin-left: 180px;} .page_modal .remodal-dialog .modal_page2 .image2 {height: 200px; margin-top: 300px;} .page_modal .remodal-dialog .modal_page2 .desc {font-size: 13px; margin-top: -120px; margin-left: 180px; font-weight: 300;} .page_modal .remodal-dialog .modal_page2 .desc2 {font-size: 13px; top: 170px; right: 235px; font-weight: 300;} .page_modal .remodal-dialog .modal_page2 .title p {opacity: 0.8; font-size: 36px;} .modal_page2 .rs-right-line {bottom: 280px; width: 200px;} } @media(max-width: 1365px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page2 .desc2 {right: 200px;} .page_modal .remodal-dialog .modal_page2 .title p {font-size: 35px;} .page_modal .remodal-dialog .modal_page2 .title {width: 40%; text-align: left;} } @media(max-width: 1187px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page2 .desc2 {right: 150px;} } @media(max-width: 1120px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page2 .image1 {height: 250px;} .page_modal .remodal-dialog .modal_page2 .image2 {height: 200px; margin-top: 285px;} .page_modal .remodal-dialog .modal_page2 .desc2 {top: 170px;} .page_modal .remodal-dialog .modal_page2 .desc {margin-top: -127px;} } @media(max-width: 1140px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page2 .desc2 {right: 120px;} } /*SLIDE 3*/ .page_modal .remodal-dialog .modal_page3 {margin-left: 50px; margin-top: 50px; width: calc(100% - 100px); height: calc(100% - 100px); -webkit-width: calc(100% - 100px); -webkit-height: calc(100% - 100px); -moz-width: calc(100% - 100px); -moz-height: calc(100% - 100px); -o-width: calc(100% - 100px); -o-height: calc(100% - 100px); -ms-width: calc(100% - 100px); -ms-height: calc(100% - 100px);} .page_modal .remodal-dialog .modal_page3 .title {width: 30%; position: absolute; right: 257px; top: 149px; line-height: 45px; z-index: 305; overflow: hidden; text-align: right;} .page_modal .remodal-dialog .modal_page3 .title p {font-size: 35px; font-weight: 300; text-transform: uppercase; float: right; color: #fff; letter-spacing: 12px; opacity: 0.8;} .page_modal .remodal-dialog .modal_page3 .image1 {float: left; width: 40%; height: 350px; background: url('../img/modal_image6.jpg') center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; margin-top: 80px; margin-left: 220px; position: relative; z-index: 300;} .page_modal .remodal-dialog .modal_page3 .image2 {float: left; width: 45%; height: 420px; background: url('../img/modal_image7.jpg') center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; margin-top: 300px; margin-left: -180px; position: relative;} .page_modal .remodal-dialog .modal_page3 {padding-bottom: 50px; margin-bottom: 50px;} .page_modal .remodal-dialog .modal_page3 .desc {font-family: 'Open Sans', Tahoma; font-size: 16px; color: #fff; overflow: auto; letter-spacing: 2px; float: left; width: 27%; margin-left: 160px; margin-top: -228px; text-align: justify; line-height: 1.7; font-weight: 300; } @media(max-width: 1740px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page3 .image2 {width: 40%; margin-left: -115px;} .page_modal .remodal-dialog .modal_page3 .desc {width: 30%;} .page_modal .remodal-dialog .modal_page3 .title {right: 250px;/*325px*/; top: 80px;} .page_modal .remodal-dialog .modal_page3 .title p {font-size: 35px;} .page_modal .remodal-dialog .modal_page3 .rs-right-line {} } @media(max-width: 1660px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page3 .title {right: 250px;} .page_modal .remodal-dialog .modal_page3 .desc {width: 28%;} .page_modal .remodal-dialog .modal_page3 .image1 {height: 300px;} .page_modal .remodal-dialog .modal_page3 .image2 {height: 370px;} } @media(max-width: 1550px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page3 .title {right: 200px; top: 125px;} } @media(max-width: 1441px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page3 .title p {font-size: 33px; letter-spacing: 5px;} .page_modal .remodal-dialog .modal_page3 .title {right: 175px; top: 80px;} .page_modal .remodal-dialog .modal_page3 .desc { margin-left: 185px; font-weight: 300;} .page_modal .remodal-dialog .modal_page3 .image1 {height: 250px; margin-left: 185px; width: 35%;} .page_modal .remodal-dialog .modal_page3 .image2 {height: 320px; margin-left: -50px;} } @media(max-width: 1441px) and (min-width: 993px) and (max-height: 720px) { .page_modal .remodal-dialog .modal_page3 .title p {font-size: 35px; letter-spacing: 11px;} .page_modal .remodal-dialog .modal_page3 .title {top: 90px;} .page_modal .remodal-dialog .modal_page3 .desc { margin-left: 185px; font-weight: 300; font-size: 13px; margin-top: -170px;} .page_modal .remodal-dialog .modal_page3 .image1 {height: 230px; margin-left: 185px; width: 35%;} .page_modal .remodal-dialog .modal_page3 .image2 {height: 280px; margin-left: -50px; margin-top: 230px;} .modal_page3 .rs-right-line {bottom: 238px;} } @media(max-width: 1300px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page3 .desc { font-size: 12px; width: 34%; margin-top: -180px; margin-left: 100px;} .page_modal .remodal-dialog .modal_page3 .image1 {margin-left: 200px;} .page_modal .remodal-dialog .modal_page3 .image2 {margin-left: -60px; height: 280px;} .page_modal .remodal-dialog .modal_page3 .title {right: 230px;} } @media(max-width: 1220px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page3 .title {right: 180px;} .page_modal .remodal-dialog .modal_page3 .desc {margin-top: -213px;} } @media(max-width: 1131px){ .page_modal .remodal-dialog .modal_page3 .title {right: 150px;} .page_modal .remodal-dialog .modal_page3 .desc {margin-top: -213px;} } @media(max-width: 1100px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page3 .image2 {height: 210px;} .page_modal .remodal-dialog .modal_page3 .desc {margin-top: -147px;} .page_modal .remodal-dialog .modal_page3 .title {right: 125px; } .page_modal .remodal-dialog .modal_page3 .title p {letter-spacing: 9px;} } @media(max-width: 1050px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page3 .title {right: 110px; } } /*SLIDE 4*/ .page_modal .remodal-dialog .modal_page4 {margin-left: 50px; margin-top: 50px; width: calc(100% - 100px); height: calc(100% - 100px); -webkit-width: calc(100% - 100px); -webkit-height: calc(100% - 100px); -moz-width: calc(100% - 100px); -moz-height: calc(100% - 100px); -o-width: calc(100% - 100px); -o-height: calc(100% - 100px); -ms-width: calc(100% - 100px); -ms-height: calc(100% - 100px);} .page_modal .remodal-dialog .modal_page4 .title {width: 32%; position: absolute; left: 195px; top: 150px; line-height: 35px; z-index: 300; overflow: hidden;} .page_modal .remodal-dialog .modal_page4 .title p {font-size: 35px; font-weight: 300; text-transform: uppercase; float: left; color: #fff; letter-spacing: 12px; } .page_modal .remodal-dialog .modal_page4 .title p span {font-size: 23px;} .page_modal .remodal-dialog .modal_page4 .image1 {float: right; width: 35%; height: 350px; background: url('../img/modal_image8.jpg') center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; margin-top: 80px; margin-right: 220px; position: relative; z-index: 300;} .page_modal .remodal-dialog .modal_page4 .image2 {background: url('../img/modal_image9.jpg') center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; position: relative; width: 45%; height: 400px; top: 305px; left: 210px;} .page_modal .remodal-dialog .modal_page4 {padding-bottom: 50px; margin-bottom: 50px;} .page_modal .remodal-dialog .modal_page4 .desc {font-family: 'Open Sans', Tahoma; font-size: 16px; color: #fff; overflow: auto; letter-spacing: 2px; float: right; width: 27%; margin-right: 145px; margin-top: 65px; text-align: justify; line-height: 1.7;} @media(max-width: 1750px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page4 .desc {margin-right: 170px;} } @media(max-width: 1600px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page4 .image1 {height: 300px;} .page_modal .remodal-dialog .modal_page4 .image2 {height: 350px; width: 40%;} } @media(max-width: 1520px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page4 .title span {display: block; text-align: left;} } @media(max-width: 1441px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page4 .title p {font-size: 33px; letter-spacing: 5px; text-align: left;} .page_modal .remodal-dialog .modal_page4 .image1 {height: 250px;} .page_modal .remodal-dialog .modal_page4 .image2 {height: 300px; width: 40%; top: 280px;} .page_modal .remodal-dialog .modal_page4 .desc {margin-top: 35px; margin-right: 150px; font-size: 13px; font-weight: 300;} .modal_page4 .rs-right-line {width: 180px;} } @media(max-width: 1441px) and (min-width: 993px) and (max-height: 720px) { .page_modal .remodal-dialog .modal_page4 .title {top: 100px;} .page_modal .remodal-dialog .modal_page4 .image1 {margin-top: 67px; height: 220px;} .page_modal .remodal-dialog .modal_page4 .image2 {height: 250px; width: 40%; top: 235px;} .page_modal .remodal-dialog .modal_page4 .desc {margin-top: 25px; margin-right: 160px; font-size: 13px; font-weight: 300;} .modal_page4 .rs-right-line {top: 160px; width: 180px;} } @media(max-width: 1300px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page4 .image2 {left: 140px;} .page_modal .remodal-dialog .modal_page4 .image1 {margin-right: 170px;} .page_modal .remodal-dialog .modal_page4 .desc {width: 30%; margin-right: 130px;} .page_modal .remodal-dialog .modal_page4 .title {left: 135px;} } @media(max-width: 1159px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page4 .desc {margin-right: 120px;} .page_modal .remodal-dialog .modal_page4 .title {font-size: 40px;} } @media(max-width: 1129px) and (min-width: 993px) { .page_modal .remodal-dialog .modal_page4 .title p {letter-spacing: 10px;} .page_modal .remodal-dialog .modal_page4 .desc {margin-right: 80px;} } .op1 {opacity: 1 !important;} .op0 {opacity: 0 !important;} .mobileVertical{display:none;} .mobile{display:none;} @media(max-width: 992px) and (orientation: landscape) { .close_wrap_pm {position: absolute; z-index: 310; width: 30px; height: 30px; right: 10px !important; top: 10px !important;} .close_wrap_pm .cls_mod {width: 100%; height: 100%; border: 0; background: url('../img/cls_mod.png') center no-repeat;} .owl-pagination {left: 50% !important;} .owl-pagination .owl-numbers {padding-top: 35px;} .owl-pagination .owl-page.active .owl-numbers {height: 64px !important;} /* MOBILE HORISONTAL */ .cls_border, .desktop, .mobileVertical {display: none;} .page_modal, .remodal-dialog{position:relative; z-index:98; width:100%; height:100%; padding:5px 5px 0px 5px; margin:0;} .mobile{display:block; position:relative; z-index:99; width:100%; height:100%; overflow-y: auto; background:#000; color:#FFF;} .verticalSlidersGroup{position:relative; width:100%; height:100%; overflow:hidden; overflow-y:auto;} .verticalSubSlide1, .verticalSubSlide2{position:relative; width:100%; height:100%; z-index:99;} .verticalSubSlide1 .subLeft{position:absolute; width:50%; height:100%; top:0px; left:0px; text-align:center; padding:0; margin:0; overflow:hidden;} .verticalSubSlide1 .subRight{position:absolute; width:50%; height:100%; top:0%; right:0; text-align:center; padding:0; margin:0; overflow:hidden; overflow-y:auto;} .subColumnSliderGroup{position:relative; width:100%; height:200%;} .scsSlide1{position:relative; width:100%; height:50%; padding:0px 32px;} .scsSlide1 .empty{height:45px;} .scsSlide1 h3{ position:relative; line-height:26px; padding:15px 0px 0px 0px; text-align:left; font-size:25.85px; font-weight:100; text-transform:uppercase; letter-spacing:3.8px; margin-top: 0;} .scsSlide1 span{display:block; padding:0px; margin:0px; text-align:right; font-size:16px; text-transform:uppercase; letter-spacing:3.5px;} .scsSlide1 .subText{font-family: 'Open Sans'; font-weight:100; font-size:17px; position:relative; width:100%; height: 75%; overflow:hidden; overflow-y:auto; text-align:justify; line-height:32px;} .scsSlide2{position:relative; width:100%; height:50%;} .slideItem{position:relative; width:100%; height:100%;} .rs-bottom-line {display: none !important;} .owl-buttons .owl-prev {width: 35px; height: 35px; -webkit-background-size: contain; background-size: contain; top: calc(50% - 15px); top: -webkit-calc(50% - 15px); top: -moz-calc(50% - 15px); top: -ms-calc(50% - 15px); top: -o-calc(50% - 15px);} .owl-buttons .owl-next {width: 35px; height: 35px; -webkit-background-size: contain; background-size: contain; top: calc(50% - 15px); top: -webkit-calc(50% - 15px); top: -moz-calc(50% - 15px); top: -ms-calc(50% - 15px); top: -o-calc(50% - 15px);} .owl-wrapper-outer {height: 100%;} .slider, .owl-wrapper, .owl-item {height: 100%;} } @media(max-height: 300px) and (max-width: 992px) and (orientation: landscape){ .subColumnSliderGroup .empty {height: 30px;} .verticalSlidersGroup .subColumnSliderGroup h3 {font-size: 13.85px;} .subColumnSliderGroup h3 span {text-align: left;} } @media(max-width: 680px) and (orientation: landscape) { .scsSlide1 h3{font-size:18.85px;} .scsSlide1 h3 span{font-size:15px;} .scsSlide1 .subText {line-height: 26px;} .slideItem{position:relative; width:100%; height:100%;} .rs-bottom-line {display: none !important;} .owl-dots {display: none !important;} } @media(max-width: 992px) and (orientation: portrait) { .close_wrap_pm {position: absolute; z-index: 310; width: 20px; height: 20px; right: 15px !important; top: 15px !important;} .close_wrap_pm .cls_mod {width: 100%; height: 100%; border: 0; background: url('../img/cls_mod.png') center no-repeat;} .owl-pagination {left: 20px !important;} .owl-pagination .owl-numbers {padding-top: 35px;} .owl-pagination .owl-page.active .owl-numbers {height: 64px !important;} .rs-bottom-line {display: none !important;} .slideItem{position:relative; width:100%; height:100%;} /* MOBILE VERTICAL*/ .cls_border, .desktop, .mobile {display: none;} .mobileVertical{display:block; position:relative; padding:10px; margin:0; background:#000; color:#FFF; height: 100%; overflow-y: auto;} .mobileVertical .empty{height:45px;} .mobileVertical .verticalElementsGroup{font-family: 'Open Sans'; font-weight:100; padding:0; margin:0; width:100%; overflow:hidden;} .verticalElementsGroup h3{ line-height:25px; padding-top:0px; font-size:18.85px; font-weight:100; text-align:center; text-transform:uppercase; letter-spacing:3.8px; margin-bottom:10px; margin-top: 0;} .verticalElementsGroup .item-image{padding:0; margin:0;} .verticalElementsGroup .item-image img{width:100%; height:auto;} .verticalElementsGroup .item-text{text-align:justify; line-height:25px; padding:25px; margin:0;} .verticalElementsGroup .item-text p{margin-bottom:15px; font-size: 16px;} .owl-buttons .owl-next {width: 35px; height: 35px; top: calc(50% - 17px); top: -webkit-calc(50% - 17px); top: -moz-calc(50% - 17px); top: -ms-calc(50% - 17px); top: -o-calc(50% - 17px);} .owl-buttons .owl-prev {width: 35px; height: 35px; top: calc(50% - 17px); top: -webkit-calc(50% - 17px); top: -moz-calc(50% - 17px); top: -ms-calc(50% - 17px); top: -o-calc(50% - 17px);} } /* RECALL */ #recall {background: #00020a url('../img/w_mark.png') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; color: #fff; padding: 70px 50px;} #recall .r_title {font-size: 23px; font-weight: 300; text-align: center;} #recall .phone_num {font-size: 28px; text-align: center; color: #fff; text-decoration: none;} #recall .r_desc {text-align: center; font-size: 17px; margin-bottom: 35px;} #recall form {width: 100%;} #recall form input {padding: 15px 3%; width: 100%; border: 1px solid #fff; background: transparent; color: #fff; margin-bottom: 12px; font-size: 19px;} #recall form button.submit {width: 100%; background: #fff; color: #00020a; text-align: center; text-transform: uppercase; border: 0; margin-top: 38px; font-size: 29px; padding: 21px 2%; transition-duration: 0.3s;} #recall form button.submit:hover {opacity: 0.9;} #recall .close_wrap_rc {position: absolute; z-index: 310; width: 30px; height: 30px; right: 10px !important; top: 10px !important;} #recall .close_wrap_rc .cls_mod {width: 100%; height: 100%; border: 0; background: url('../img/cls_mod.png') center no-repeat;} #recall .phone_container {margin-bottom: 25px;} @media(min-width: 993px){ #recall {max-width: 610px;} } .recall_fade {position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.6; display: none; left: 0; top: 0;} #recall {animation-duration: 0.7s !important; -webkit-animation-duration: 0.7s !important; -moz-animation-duration: 0.7s !important; -ms-animation-duration: 0.7s !important; -o-animation-duration: 0.7s !important;} @media(max-width: 768px){ #recall {padding: 30px;} #recall form {width: 70%; display: block; margin: 0 auto;} #recall form input {border-radius: 0; padding: 10px 3%;} #recall .r_title {font-size: 23px; font-weight: 300; text-align: center; width: 70%; margin: 0 auto; display: block; } #recall .phone_container {font-size: 28px; text-align: center; color: #fff; text-decoration: none; width: 70%; margin: 0 auto; display: block;} #recall .r_desc {text-align: center; font-size: 17px; margin-bottom: 35px; width: 70%; margin: 0 auto; display: block; margin-bottom: 20px;} #recall form button.submit {padding: 15px 2%;} #recall .close_wrap_rc {width: 20px; height: 20px; right: 15px !important; top: 15px !important;} } @media(max-width: 600px){ #recall {padding: 30px;} #recall form {width: 100%; display: block; margin: 0 auto;} #recall form input {border-radius: 0; padding: 10px 3%;} #recall .r_title {font-size: 23px; font-weight: 300; text-align: center; width: 100%; margin: 0 auto; display: block; } #recall .phone_container {font-size: 28px; text-align: center; color: #fff; text-decoration: none; width: 100%; margin: 0 auto; display: block;} #recall .r_desc {text-align: center; font-size: 17px; margin-bottom: 35px; width: 100%; margin: 0 auto; display: block; margin-bottom: 20px;} #recall form button.submit {padding: 15px 2%; margin-top: 20px;} #recall .close_wrap_rc {width: 20px; height: 20px; right: 15px !important; top: 15px !important;} } .page_modal::after { content: ""; width: 100%; height: 10px; bottom: -10px; left: 0; background: #000; opacity: 0.7; position: absolute; } .pag1-0 { margin-top: 40px !important; padding-top: 10px !important; height: 10px !important; opacity: 0.6 !important; background: #fff !important;} .pag1-1 { margin-top: 25px !important; padding-top: 25px !important; height: 20px !important; opacity: 0.6 !important; background: #fff !important;} .pag1-2 { margin-top: 25px !important; padding-top: 25px !important; height: 20px !important; opacity: 0.6 !important; background: #fff !important;} .pag1-3 {padding-top: 20px !important; height: 35px !important; opacity: 0.6 !important; background: #fff !important;} .pag1-4 {padding-top: 15px !important; height: 0px !important; opacity: 0.6 !important; background: #fff !important;} .mob_pag_h {height: 30px;} #customSignatureTraclLine{position:absolute; width:80%; left:50%; margin-left:-40%; bottom:10px; z-index:103;} #trackPadOuter{position:absolute; height:20px; background:transparent; width:100%; padding:0; outline: none !important; user-select:none; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; -khtml-user-select:none; display:block; border:none !important; -webkit-touch-callout:none; z-index:110; cursor:pointer;} #trackLine{width:100%; height:2px; padding:0; margin:0; left:0px; top:57px; position:absolute; background:#666; z-index:101;} #trackPoint{width:0.00%; height:2px; padding:0; margin:0; left:0px; top:57px; position:absolute; background:#FFF; z-index:102; transition-duration:0.2s;} @media(max-width: 992px){ .sections {height: 40px !important;} } @media(max-width: 768px){ .slider .owl-pagination .owl-page span {font-size: 17px;} .interface_layout .inner_controls .volume { /* border: 10px solid transparent; */ margin-top: -10px; margin-right: 15px;} } .play {display: block; width: 100%; text-align: center; color: #fff; text-transform: uppercase; font-size: 15px; background: url('../img/play.svg') center no-repeat; padding-top: 90px; position: absolute; top: 50%; margin-top: -70px; cursor: pointer; letter-spacing: 5px; display: none; z-index: 120;} .endofMovie{position:absolute; display:block; z-index:1; height:7px; width:1px; background:#FFF; left:0%; top:5px;} @media(max-width: 992px) and (orientation: landscape){ .endofMovie {top: 10px;} } .s1-end{left:2.5%;} .s2-end{left:41.5%;} .s3-end{left:72%;} @media(max-width: 500px){ td.part.s2.active{ padding-left:2.5%; } td.part.s3.active{ padding-left:41.5%; } td.part.s4.active{ padding-left:72%; } } .wrong {border-color: red !important;} .skip_video {text-transform: uppercase; color: #fff; font-size: 11px; font-weight: 300; position: absolute; right: 20px; top: 10px; z-index: 102; letter-spacing: 4px; border-bottom: 1px solid rgba(255,255,255, 0.5); cursor: pointer; transition-duration: 0.3s; padding-bottom: 5px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none;} .skip_video:hover {opacity: 0.8;} .pause_sm {font-size: 13px; font-weight: 300; position: absolute; left: 20px; top: 10px; z-index: 102; letter-spacing: 4px; cursor: pointer; transition-duration: 0.3s; color: #fff; text-transform: uppercase; padding-left: 30px; background: url('../img/pause_sm.png') left center no-repeat; -webkit-background-size: auto; -moz-background-size: auto; -ms-background-size: auto; -o-background-size: auto; background-size: auto; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none;} .play_sm {font-size: 13px; font-weight: 300; position: absolute; left: 20px; top: 10px; z-index: 102; letter-spacing: 4px; cursor: pointer; transition-duration: 0.3s; color: #fff; text-transform: uppercase; padding-left: 30px; background: url('../img/play_sm.png') left center no-repeat; -webkit-background-size: auto; -moz-background-size: auto; -ms-background-size: auto; -o-background-size: auto; background-size: auto; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none;} .play_sm:hover {opacity: 0.8;} .pause_sm:hover {opacity: 0.8;} .owl-buttons {z-index: 300 !important;} .owl-buttons .owl-prev {z-index: 1210 !important;} .owl-buttons .owl-next {z-index: 1210 !important;} .mobileVertical h3, .mobileVertical .item-image, .mobileVertical .item-text {opacity: 0;} /* PAGE 404 */ .not_found {width: 100%; height: 100%; background: #00020a url('../img/page_bg.jpg') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain;} .not_found .image_404 {width: 50%; height: 50%; opacity: 1; transition-duration: 1s; animation-duration: 2s; background: url('../img/404.png') center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -25%; margin-top: -15%; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain;} .not_found .text_404 {text-align: center; color: #fff; font-size: 19px; letter-spacing: 2px; position: absolute; bottom: 150px; width: 100%; z-index: 300; opacity: 1; animation-duration: 2s;} .not_found .text_404 a {color: #fff; padding: 5px 15px; border: 1px solid #fff; text-transform: uppercase; cursor: pointer; text-decoration: none;} .not_found .text_404 p {margin-bottom: 40px;} .not_found .page_hor_lines {width: 25%; height: 1px; background: #fff; opacity: 1; position: absolute; z-index: 300;} .not_found .page_hor_lines.left_line {bottom: 150px; left: 0;} .not_found .page_hor_lines.right_line {right: 0; top: 150px;} @media(max-width: 1820px){ .not_found .image_404 {top: 40%;} } @media(max-width: 1441px){ .not_found .white_frame img {display: none;} } @media(max-width: 1250px){ .not_found .image_404 {width: 40%; height: 40%; top: 40%; left: 50%; margin-left: -20%;} } @media(max-width: 992px){ .not_found .page_hor_lines {display: none;} .not_found .image_404 {width: 40%; height: 40%; top: 40%; left: 50%; margin-left: -20%;} .not_found .text_404 {bottom: 100px;} } @media(max-width: 768px) and (orientation: portrait){ .not_found .image_404 {width: 70%; height: 70%; top: 10%; left: 50%; margin-left: -35%;} .not_found .text_404 {bottom: 50px;} .not_found .text_404 p {padding: 0 15px;} } @media(max-width: 768px) and (orientation: landscape){ .not_found .image_404 {position: static; width: 40%; height: 40%; margin: 50px auto;} .not_found .text_404 {bottom: 50px;} .not_found .text_404 p {padding: 0 15px; margin-bottom: 20px;} } .fancybox-inner {} /* THANKYOU */ #thankyou {background: #00020a url('../img/w_mark.png') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; color: #fff; padding: 150px 50px;} #thankyou .r_title {font-size: 23px; font-weight: 300; text-align: center; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 2px;} #thankyou .r_desc {text-align: center; font-size: 17px; margin-bottom: 35px;} #thankyou .close_wrap_th {position: absolute; z-index: 310; width: 30px; height: 30px; right: 10px !important; top: 10px !important;} #thankyou .close_wrap_th .cls_mod {width: 100%; height: 100%; border: 0; background: url('../img/cls_mod.png') center no-repeat;} #recall.th_final {background: #00020a url('../img/w_mark.png') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; color: #fff; padding: 150px 50px;} #recall.th_final .r_title {font-size: 23px; font-weight: 300; text-align: center; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 2px;} #recall.th_final .r_desc {text-align: center; font-size: 17px; margin-bottom: 35px;} #recall.th_final .close_wrap_th {position: absolute; z-index: 310; width: 30px; height: 30px; right: 10px !important; top: 10px !important;} #recall.th_final .close_wrap_th .cls_mod {width: 100%; height: 100%; border: 0; background: url('../img/cls_mod.png') center no-repeat;} @media(min-width: 993px){ #thankyou {max-width: 510px;} .desc2, .desc, .m_desc1, .m_desc2 {max-height: 350px; overflow-y: auto;} } #thankyou {animation-duration: 0.7s !important; -webkit-animation-duration: 0.7s !important; -moz-animation-duration: 0.7s !important; -ms-animation-duration: 0.7s !important; -o-animation-duration: 0.7s !important;} @media(max-width: 768px){ #thankyou {padding: 100px 15px;} #thankyou .r_title {font-size: 23px; font-weight: 300; text-align: center; width: 70%; margin: 0 auto 30px; display: block; } #thankyou .r_desc {text-align: center; font-size: 17px; margin-bottom: 35px; width: 70%; margin: 0 auto; display: block; margin-bottom: 20px;} #thankyou .close_wrap_th {width: 20px; height: 20px; right: 15px !important; top: 15px !important;} } @media(max-width: 600px){ #thankyou {padding: 100px 15px;} #thankyou .r_title {font-size: 23px; font-weight: 300; text-align: center; width: 100%; margin: 0 auto 30px; display: block; } #thankyou .r_desc {text-align: center; font-size: 17px; margin-bottom: 35px; width: 100%; margin: 0 auto; display: block; margin-bottom: 20px;} #thankyou .close_wrap_th {width: 20px; height: 20px; right: 15px !important; top: 15px !important;} } @media(max-width: 400px) and (orientation: portrait) { #thankyou {height: 100vh;} } @media(max-width: 992px){ .prev_v {display: none;} } .prev_v {width: 400px; height: 400px; border-radius: 100%; position: absolute; left: 35%; top: 50%; background: url('../img/menu_prev_v.gif') center no-repeat; margin-left: -200px; margin-top: -200px; z-index: 400; transition-duration: 2s; opacity: 0; -webkit-background-size: cover; background-size: cover;} .prev_v .inner {width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; margin-top: -100px; margin-left: -100px; z-index: 401; background: url('../img/menu_video.jpg') center no-repeat; border-radius: 100%; transition-duration: 1s;} .prev_v .inner .pl_btl {width: 77px; height: 49px; background: url('../img/play.svg') center no-repeat; position: absolute; left: 50%; top: 50%; margin-top: -24.5px; margin-left: -36px; z-index: 402;} .prev_v .inner .pl_btl2 {width: 77px; height: 49px; background: url('../img/play_full.svg') center no-repeat; position: absolute; left: 50%; top: 50%; margin-top: -25.5px; margin-left: -44px; z-index: 403; opacity: 0; transition-duration: 1s;} .blocks[data-page="video"]:hover .prev_v {opacity: 1;} .blocks[data-page="video"]:hover .prev_v .inner {transform: scale(1.1);} .menu_container .blocks[data-page="video"] .text hr {z-index: 405;} .left_box .fill {width: 100%; height: 100%; background: #00020a; transition-duration: 1.5s; float: left; color: #fff; text-align: center; opacity: 0;} .left_box .fill p {width: 100%; padding-top: 40px; letter-spacing: 4px; font-size: 12px;} .right_box .fill {width: 100%; height: 100%; background: #00020a; transition-duration: 1.5s; float: left; color: #fff; text-align: center; opacity: 0;} .right_box .fill p {width: 100%; padding-top: 40px; letter-spacing: 3px; font-size: 10px;} .box_anim { animation-name: zoomIn; animation-duration: 1s; opacity: 1; } .box_animOut { animation-name: zoomOut; animation-duration: 3s; opacity: 1; } /*.modal_fb {width: 100%; height: 100%; display: block;}*/ .fancybox-overlay {background: rgba(0, 2, 10, 0.8); /*left: 50px; top: 50px; width: calc(100% - 100px);*/ } .modal_fb2 {width: 100%; height: 100%; display: block;} .fancybox-wrap {/*width: 100% !important;*/ max-width: calc(100% - 100px) !important; margin-left: 50px; height: auto;} /*.fancybox-inner img {height: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto; display: block;}*/ .fancybox-inner {margin: 0 auto;} .fancybox-inner img {height: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto; display: block;} .fancybox-inner, .fancybox-outer, .fancybox-skin {/*width: 100% !important; */background: transparent !important;} .fancybox-overlay.fancybox-overlay-fixed {overflow: hidden !important; overflow-y: hidden !important; overflow-x: hidden !important;} @media(min-width: 993px){ .fancy_left {position: absolute; top: calc(50% - 25px); left: 1px; height: 50px; width: 50px; border: 1px solid #636568; background-image: url(../img/left.svg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: 80%; background-size: 80%; display: none; z-index: 10000; cursor: pointer;} .fancy_right {position: absolute; top: calc(50% - 25px); right: 1px; height: 50px; width: 50px; border: 1px solid #636568; background-image: url(../img/right.svg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: 80%; -moz-background-size: 80%; -ms-background-size: 80%; -o-background-size: 80%; background-size: 80%; display: none; z-index: 10000; cursor: pointer;} } /*.rs-bottom-line {display: none !important;}*/ .mgm_bot_left_line {display: none !important;} #contacts .cont_op {opacity: 1 !important;} /* OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */ /* TEMPORARY STYLES */ /*@media(max-width: 1034px) and (min-width: 1014px) and (orientation: landscape){ .menu_container .blocks .text p {margin-left: 25px !important;} #management .sl2 .cnt .m_desc1 {margin-top: 40px;} #management .sl2 .cnt .m_image4 {top: 23% !important;} .play.animated {display: none !important;} .interface_layout .white_frame {display: block !important;} } .fancybox-close {-webkit-background-size: contain !important; -moz-background-size: contain !important; -ms-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important;} #management * {opacity: 1 !important;} #management hr {display: none !important;} #contacts * {opacity: 1 !important;} #contacts hr {display: none !important;} @media(max-width: 990px) and (min-width: 970px) and (orientation: portrait){ .left_box {top: 50% !important; margin-top: -33px !important;} .right_box {top: 50% !important; margin-top: -33px !important;} .play.animated {display: none !important;} .play_sm {top: 40px !important; left: 40px !important;} .pause_sm {top: 40px !important; left: 40px !important;} #menu_modal {max-width: 100% !important;} }*/ .copy {position: absolute; width: 100%; bottom: 13px; text-align: center; color: #fff; font-size: 15px; left: 0;} .copy h1, .copy span {display: inline; font-size: 15px;} @media(max-width: 993px){ .copy {display: none;} } /* APARTMENTS START */ .apartments {height: 100%; transition-duration: 2s;} .apartments .left_part {background: url('../img/apart_left_bg.jpg') left top no-repeat; height: 100%; -webkit-background-size: cover; background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; float: left; width: calc(100% - 740px); position: relative;} .apartments .right_part {height: 100%; z-index: 100; background: url('../img/apart_filter.jpg') top right no-repeat; -webkit-background-size: cover; background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; width: 740px; float: right;} .apartments .row {height: 100%;} .apartments .container-fluid {height: 100%;} .apartments .interface_layout {width: 150px; height: 100px; bottom: 0; top: auto;} .apartments .interface_layout a {color: #000 !important;} .menu_btn {width: 100px; height: 100px; position: absolute; left: 0px; top: 50%; margin-top: -50px; background: #00020a; cursor: pointer; z-index: 100;} .menu_btn .menu_icon {width: 35px; height: 35px; background: url('../img/menu2.svg') center no-repeat; -webkit-background-size: contain; background-size: contain; margin: 32px auto 0; display: block; } .menu_btn .fill {width: 100%; height: 100%; background: #00020a; transition-duration: 1.5s; float: left; color: #fff; text-align: center; opacity: 0;} .menu_btn .fill p {width: 100%; padding-top: 40px; letter-spacing: 4px; font-size: 12px;} .search_btn {width: 100px; height: 100px; position: absolute; right: 0px; top: 50%; margin-top: -50px; background: #00020a; cursor: pointer; z-index: 99;} .search_btn .search_icon {cursor:pointer; width: 35px; height: 35px; background: url('../img/filtr1.svg') center no-repeat; -webkit-background-size: contain; background-size: contain; margin: 32px auto 0; display: block; } .search_btn .fill {width: 100%; height: 100%; background: #00020a; transition-duration: 1.5s; float: left; color: #fff; text-align: center; opacity: 0;} .search_btn .fill p {width: 100%; padding-top: 40px; letter-spacing: 4px; font-size: 12px;} .inner_content {padding-left: 125px; padding-top: 57px;} .inner_content .caption h3 {font-size: 34px; text-transform: uppercase; letter-spacing: 2px; margin: 0; display: inline-block;} .inner_content .caption a{padding-left: 20px; font-size: 18.5px; color:rgb(51, 51, 51); text-decoration: underline; letter-spacing: 2px; margin: 0; display: inline-block;} .inner_content .caption a:hover {color:rgb(51, 51, 51);} .inner_content .caption a:before {content: url("../img/share.svg"); position: relative; top: 12px; left: -5px; display: inline-block; transform: scale(0.6);} .mob_top_part .mob_caption { font-size: 21px; text-transform: uppercase; letter-spacing: 2px; margin-top: 8px; margin-bottom: 18px; display: inline-block;} .mob_top_part a.open_share_btn { padding-left: 10px; font-size: 15px; color:rgb(51, 51, 51); text-decoration: underline; letter-spacing: 2px; margin: 0; display: block;} .mob_top_part a.open_share_btn:hover {color:rgb(51, 51, 51);} .mob_top_part a.open_share_btn:before {content: url("../img/share.svg"); position: relative; top: 0px; left: -5px; display: inline-block; transform: scale(0.6);} .mob_top_part .shareText{ position: relative; top: -15px; left: -5px;} a.open_share_btn {padding-left: 20px; font-size: 14px; color:#fff; text-decoration: underline; letter-spacing: 2px; margin: 0; display: inline-block;} a.open_share_btn:hover {color:#fff;} a.open_share_btn:before {content: url("../img/shareW.svg"); position: relative; top: -15px; left: -5px; display: inline-block; transform: scale(0.3);} .shareText{position: relative; top: -30px;} .wrp{text-align: right;} .info_block {width: 100%; text-transform: uppercase; margin-top: 59px;} .info_block .item {float: left; width: 140px; margin-right: 48px; height: 87px; position: relative;} .info_block .item .block {text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 20;} .info_block .item.tower_item .block {font-size: 69px; z-index: 25; background: url('../img/ibbg1.png') left top no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; -ms-background-size: contain;} .info_block .item.tower_item .block span {font-weight: 700; display: block; margin-top: -8px;} .info_block .item.tower_item .block_name {position: absolute; top: -6px; right: 0; right: 0px; z-index: 30; font-size: 10px;} .block span, .block_name, .sub_name, .filter_caption, .tower_name{ cursor: default;} .info_block .item.floor_item .block {font-size: 30px; z-index: 25; background: url('../img/ibbg2.png') left top no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; -ms-background-size: contain;} .info_block .item.floor_item .block span {font-weight: 700; display: block; margin-top: 23px;} .info_block .item.floor_item .block_name {position: absolute; top: -6px; right: 0px; z-index: 30; font-size: 10px;} .info_block .item.floor_item .sub_name {position: absolute; left: 0; bottom: -5px; z-index: 30; font-size: 10px;} .info_block .item.total_area_item .block {font-size: 30px; z-index: 25; background: url('../img/ibbg3.png') left bottom no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; -ms-background-size: contain;} .info_block .item.total_area_item .block span {font-weight: 700; display: block; margin-top: 23px;} .info_block .item.total_area_item .block_name {position: absolute; top: -6px; left: 0px; z-index: 30; font-size: 10px; width: 100%; text-align: center;} .info_block .item.total_area_item .sub_name {position: absolute; right: 0; bottom: -5px; z-index: 30; font-size: 13px;} .info_block .item.ter_area_item .block {font-size: 30px; z-index: 25; background: url('../img/ibbg4.png') left bottom no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; -ms-background-size: contain;} .info_block .item.ter_area_item .block span {font-weight: 700; display: block; margin-top: 23px;} .info_block .item.ter_area_item .block_name {position: absolute; top: -6px; left: 0px; z-index: 30; font-size: 10px;} .info_block .item.ter_area_item .sub_name {position: absolute; right: 0; bottom: -5px; z-index: 30; font-size: 13px;} .aero {background: url('../img/180.svg') left center no-repeat; padding-left: 50px; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; -ms-background-size: contain; height: 41px; font-size: 16px; color: #000000; text-decoration: none; text-transform: none; display: block; position: relative; left: 0; white-space: nowrap; padding-top: 9px;} .features {background: url('../img/features.svg') left center no-repeat; padding-left: 50px; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; -ms-background-size: contain; height: 41px; font-size: 16px; color: #000000; text-decoration: none; text-transform: none; display: block; position: relative; left: 0; white-space: nowrap; padding-top: 9px;} .info_block .item.aero_features {width: auto; position: relative;} .info_block .item.aero_features a:hover {color: #000; text-decoration: none;} .desc_flat_layout_target {width: 100%; overflow: hidden; height: 500px; text-align: center; margin-top: 15px; margin-bottom: 15px; position: relative;} .desc_flat_layout_target img {width: auto; height: 100%; max-width: 100%; } .interiors p {text-decoration: underline; color: #000; font-size: 18px; padding-left: 40px;} .desc_flat_layout_target.loading {background: url('../img/loading2.svg') center no-repeat;} .mob_layout.loading {background: url('../img/loading2.svg') center no-repeat;} .tower_select_table {width: 100%; text-align: center; margin-left: -44px; margin-bottom: 45px;} .tower_select_table td {width: 33%;} .ph_floor_select_table {width: 100%; text-align: center; margin-left: -44px; margin-bottom: 45px;} .ph_floor_select_table td {width: 33%;} .right_part .ph_floor_name {font-size: 16px; color: #fff;} .ph_floor_select {float: left;} .ph_floor_select label {width: 28px; height: 27px; background: url('../img/input_ellips.png') center no-repeat; cursor: pointer; position: relative;} .ph_floor_select label::after {display: block; content: ""; position: absolute; left: 5px; top: 5px; background: url('../img/input_ellips_active.png'); width: 18px; height: 17px; opacity: 0; transition-duration: 0.3s;} .ph_floor_select label:hover::after {opacity: 1;} .ph_floor_select label.active::after {opacity: 1;} .right_part .towerimg {height: calc(100% - 37px); position: absolute; right: 0; bottom: 0; z-index: 50;} #tower_1_svg {height: calc(100% - 37px); position: absolute; right: 0px; bottom: 0px; z-index: 51;} #tower_1_svg path {opacity: 0; transition-duration: 0.2s; cursor: pointer;} #tower_1_svg path:hover {opacity: 0.6 !important;} #tower_2_svg {height: calc(100% - 37px); position: absolute; right: 0px; bottom: 0px; z-index: 51; width: auto;} #tower_2_svg path {opacity: 0; transition-duration: 0.2s; cursor: pointer;} #tower_2_svg path:hover {opacity: 0.6 !important;} .spinner {height: 220px; width: auto; display: block; margin: 24px auto 18px;} .right_part {padding-right: 10%;} .right_part .filter {padding-left: 106px; position: relative; z-index: 52;} .right_part .tower_name {font-size: 16px; color: #fff;} .right_part .filter_caption {font-size: 16px; color: #fff; text-decoration: underline; letter-spacing: 1px; margin-bottom: 20px;} .lift {font-size: 15px; color: #fff; position: absolute; z-index: 102; top: 0; display: none;} .lift.active {display: block;} .lift::after {background: url('../img/arrow_ri.png') center no-repeat; content: ""; position: absolute; top: 2px; right: -15px; width: 10px; height: 18px; display: block;} .lift.active::after {display: block;} .lift.penthouse::after {top: 10px !important;} .tower_select {float: left;} .tower_select label {width: 28px; height: 27px; background: url('../img/input_ellips.png') center no-repeat; cursor: pointer; position: relative;} .tower_select label::after {display: block; content: ""; position: absolute; left: 5px; top: 5px; background: url('../img/input_ellips_active.png'); width: 18px; height: 17px; opacity: 0; transition-duration: 0.3s;} .tower_select label:hover::after {opacity: 1;} .tower_select label.active::after {opacity: 1;} .floor_layout {margin-top: 30px; margin-bottom: 45px;} .floor_layout svg .flat {opacity: 0.2; fill: #fff; cursor: pointer;} .floor_layout svg .flat.sold:hover {fill: #433235; opacity: 0.6;} .floor_layout svg .flat.free:hover {fill: #fff; opacity: 0.6;} .floor_layout svg .flat.reserved:hover {fill: #5e3136; opacity: 0.6;} .floor_layout svg .flat.sold.active {fill: #433235; opacity: 0.6;} .floor_layout svg .flat.free.active {fill: #fff; opacity: 0.6;} .floor_layout svg .flat.reserved.active {fill: #5e3136; opacity: 0.6;} .floor_layout_holder svg .flat.sold:hover {fill: #433235; opacity: 0.6;} .floor_layout_holder svg .flat.free:hover {fill: #fff; opacity: 0.6;} .floor_layout_holder svg .flat.reserved:hover {fill: #5e3136; opacity: 0.6;} .floor_layout_holder svg .flat.sold.active {fill: #433235; opacity: 0.6;} .floor_layout_holder svg .flat.free.active {fill: #fff; opacity: 0.6;} .floor_layout_holder svg .flat.reserved.active {fill: #5e3136; opacity: 0.6;} .interior_select_table {margin-left: 25px; float: left;} .interior_select_table td {width: 110px; overflow: hidden; font-weight: 400;} .interior_select_label {width: 28px; height: 27px; background: url('../img/thin_circ.png') center no-repeat; cursor: pointer; position: relative;} .interior_select_label::after {display: block; content: ""; position: absolute; left: 4px; top: 4px; background: url('../img/input_ellips_black_active.png'); width: 19px; height: 19px; opacity: 0; transition-duration: 0.3s;} .interior_select_label:hover::after {opacity: 1;} .interior_select_label.active::after {opacity: 1;} .interiors {position: absolute; left: 100px; bottom: 50px; z-index: 50; width: 100%;} .interiors .sect_name {margin-bottom: 20px;} .add_to_favorites {background: url('../img/heart_default.svg') left center no-repeat; cursor: pointer; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; padding-left: 52px; color: #000; float: left; margin-left: 70px;} .add_to_favorites a {color: #000; text-decoration: underline; text-align: left;} .add_to_favorites.active {background: url('../img/heart.svg') left center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; } .download_layout {background: url('../img/download.svg') left center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; padding-left: 37px; color: #000; float: left; margin-left: 70px;} .download_layout a {color: #000; text-decoration: underline; text-align: left;} .eye_block {position: absolute; left: 30%; top: 40%; cursor: pointer;} .eye_body {width: 52px; height: 68px; background: url('../img/eye1.svg') center no-repeat;background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; transform-origin: 50% 60%;} .eye {position: absolute; left: 4px; top: 27px; width: 45px; height: 29px; /*background: url('../img/eye.png') center no-repeat;*/} .compass {width: 104px; height: 104px; background: url('../img/compas_ukr.svg') center no-repeat; position: absolute; left: -116px; top: -6px; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain;} @media(max-width: 1940px){ .aero { margin-bottom: -5px; } .features { margin-top: 20px;} } @media(max-width: 1820px){ .info_block .item {margin-right: 25px;} } @media(max-width: 1720px){ .info_block .item {width: 120px; height: 75px;} .info_block .item.tower_item .block {font-size: 50px;} .info_block .item.tower_item .block span {margin-top: 2px;} .info_block .item.floor_item .block {font-size: 23px;} .info_block .item.floor_item .block span {margin-top: 20px;} .info_block .item.total_area_item .block {font-size: 23px;} .info_block .item.total_area_item .block span {margin-top: 20px;} .info_block .item.ter_area_item .block {font-size: 23px;} .info_block .item.ter_area_item .block span {margin-top: 20px;} .aero {font-size: 14px; height: 30px; padding-left: 37px; padding-top: 5px; } .features {font-size: 14px; height: 30px; padding-left: 37px; padding-top: 5px; } } @media(max-width: 1700px){ .download_layout {margin-left: 20px;} .add_to_favorites {margin-left: 20px;} .apartments .right_part {width: 600px;} .apartments .left_part {width: calc(100% - 600px);} .right_part .filter {padding-left: 80px;} } @media(max-width: 1485px){ .inner_content {padding-left: 100px;} .apartments .right_part {width: 580px;} .apartments .left_part {width: calc(100% - 580px);} .right_part .filter {padding-left: 40px;} .filter_part {max-width: 385px;} .tower_select_table {margin-left: -28px;} .ph_floor_select_table {margin-left: -28px;} .desc_flat_layout_target {height: 500px;} .inner_content {padding-top: 20px;} .interior_select_table {float: none; margin-bottom: 50px;} .info_block {margin-top: 20px;} .desc_flat_layout_target {margin-top: 20px;} .compass {width: 80px; height: 80px; left: -91px;} } @media(max-width: 1415px){ .info_block .item {width: 100px;} .info_block .item.floor_item .sub_name {font-size: 9px; bottom: 10px;} .info_block .item.tower_item .block {font-size: 35px;} .info_block .item.tower_item .block span {margin-top: 6px;} .info_block .item.floor_item .block {font-size: 19px;} .info_block .item.floor_item .block span {margin-top: 18px;} .info_block .item.total_area_item .block {font-size: 19px;} .info_block .item.ter_area_item .block {font-size: 19px;} .info_block .item.total_area_item .block {background-position: center 0;} .info_block .item.total_area_item .block_name {font-size: 9px; text-align: left;} .info_block .item.total_area_item .block span {margin-top: 18px;} .info_block .item.ter_area_item .block {background-position: center 0;} .info_block .item.ter_area_item .block_name {font-size: 9px;} .info_block .item.total_area_item .sub_name {right: -9px; bottom: 4px;} .info_block .item.ter_area_item .sub_name {right: -9px; bottom: 4px;} .aero {top: -5px;} .features {bottom: 10px;} } @media(max-width: 1350px){ .right_part .filter {max-width: 320px;} .apartments .right_part {width: 535px;} .apartments .left_part {width: calc(100% - 535px);} } @media(max-width: 1300px){ .desc_flat_layout_target {height: 400px;} .info_block .item.aero_features {clear: both; margin-top: 20px; height: 45px;} .aero {position: static; float: left;} .features {position: static; float: left; margin-left: 50px;} } @media(max-width: 1180px) and (max-height: 800px) { .right_part .towerimg {height: calc(70% - 37px);} #tower_1_svg {height: calc(70% - 37px);} .apartments .right_part {width: 485px;} .apartments .left_part {width: calc(100% - 485px)} } @media(max-width: 1135px){ .info_block .item {margin-right: 10px;} .interior_select_table {margin-left: 0;} .interiors p {padding-left: 20px;} .interior_select_table td {width: 100px;} .info_block .item.total_area_item .sub_name {right: -1px; bottom: 10px; font-size: 9px;} .info_block .item.ter_area_item .sub_name {right: -1px; bottom: 10px; font-size: 9px;} .inner_content {padding-left: 60px;} .menu_btn {width: 60px; height: 60px; margin-top: -30px;} .menu_btn .menu_icon {margin-top: 12px;} .menu_btn .fill p {padding-top: 22px;} .interior_select_table {margin-bottom: 15px;} .interior_select_table td {font-size: 11px;} .interior_select_table td {width: 80px;} .compass {width: 50px; height: 50px; left: -56px; top: 5px; background: url('../img/compas_ukr.svg') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain;} } /* HEIGHT */ @media(max-height: 920px){ .spinner {height: 180px;} .desc_flat_layout_target {height: 460px} } @media(max-height: 880px){ .desc_flat_layout_target {height: 400px} .tower_select_table {margin-bottom: 25px;} .floor_layout {margin-bottom: 25px;} .interior_select_table {margin-bottom: 15px;} } @media(max-height: 845px){ .inner_content {padding-top: 20px;} .info_block {margin-top: 30px;} .spinner {height: 165px; margin-bottom: 10px;} .right_part .filter_caption {margin-bottom: 15px;} } @media(max-height: 800px){ .floor_layout {margin-top: 15px;} .floor_layout {margin-bottom: 15px;} .tower_select_table {margin-bottom: 15px;} .desc_flat_layout_target {height: 400px;} } @media(max-height: 750px){ .desc_flat_layout_target {height: 350px;} .interiors {bottom: 10px;} } @media(max-height: 700px){ .spinner {display: none;} .right_part .filter {margin-top: 50px;} .desc_flat_layout_target {height: 325px;} } /* MOBILE */ .mob_apartments {background: url('../img/apart_left_bg.jpg') center no-repeat; height: 100%; -webkit-background-size: cover; background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; float: left; width: 100%; position: relative;} .mob_top_part {padding: 40px 80px;} .mob_top_part .mob_caption {font-size: 21px; text-transform: uppercase; letter-spacing: 2px; margin-top: 8px; margin-bottom: 18px;} .mob_top_part .mob_caption span {font-size: 15px;} .mob_info_block {width: 100%; margin-bottom: 30px;} .mob_info_block .mob_left_infoblock {font-size: 14px; width: 50%; margin-bottom: 10px; letter-spacing: 2px;} .mob_info_block .mob_right_infoblock {font-size: 14px; width: 50%; font-weight: 700; letter-spacing: 2px;} .mob_layout .eye_block {position: absolute; left: 30%; top: 40%; cursor: pointer;} .mob_layout .eye_body {width: 32px; height: 42px; background: url('../img/eye1.svg') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; transform-origin: 50% 60%;} .mob_layout .eye {position: absolute; left: 2px; top: 16px; width: 30px; height: 21px; /*background: url('../img/mob_eye.png') center no-repeat;*/} @media(orientation: portrait){ .mob_layout {width: 100%; height: 400px;} .mob_layout img {width: 100%; height: 100%; position: absolute;} .vertical_layout {display: block; } .horisontal_layout {display: none;} .horisontal_eyes {display: none;} .vertical_eyes {display: block;} } @media(orientation: landscape){ .mob_layout {width: 100%; height: 400px;} .mob_layout img {width: 100%; height: auto; max-width: 100%; max-height: 100%;} .vertical_layout {display: none;} .horisontal_layout {display: block;} .horisontal_eyes {display: block;} .vertical_eyes {display: none;} } .mob_bottom_part {position: absolute; width: 100%; left: 0; bottom: 50px; padding: 0 80px; z-index: 95;} .mob_interior_select {width: calc(100% - 80px); float: left;} .mob_interior_select td {text-align: center;} .mob_aero {width: 35px; height: 34px; background: url('../img/mob_aero_icon.png') center no-repeat; float: left; margin-top: 4px; margin-left: 7px;} .mob_download {width: 25px; height: 35px; background: url('../img/mob_download.png') center no-repeat; float: left; margin-top: 4px; margin-left: 13px;} .mob_interior_select .interior_select_label {width: 19px; height: 19px; background: url('../img/mob_input_ellips.png') center no-repeat;} .mob_interior_select .interior_select_label::after {display: block; content: ""; position: absolute; left: 3px; top: 3px; background: url('../img/mob_input_ellips_black_active.png'); width: 13px; height: 13px; opacity: 0; transition-duration: 0.3s;} .mob_interior_select .interior_select_label.active::after {opacity: 1;} .mob_apartments .menu_btn {margin-top: -62px;} .add_to_favorites_btn {width: 60px; height: 60px; position: absolute; left: 0px; top: 50%; margin-bottom: -62px; background: #00020a; cursor: pointer; z-index: 100;} .add_to_favorites_btn .favor_icon {width: 22px; height: 19px; background: url('../img/heart_default_mob.svg') center no-repeat; -webkit-background-size: contain; background-size: contain; margin: 22px auto 0; display: block; } .add_to_favorites_btn.active .favor_icon {background: url('../img/heart_mob.svg') center no-repeat; -webkit-background-size: contain; background-size: contain; } .open_mob_filter_btn {width: 60px; height: 60px; position: absolute; right: 0px; top: 50%; margin-top: -92px; background: #00020a; cursor: pointer; z-index: 100;} .open_mob_filter_btn .mob_filter_icon {width: 24px; height: 38px; background: url('../img/mob_filter_ico.png') center no-repeat; -webkit-background-size: contain; background-size: contain; margin: 10px auto 0; display: block; } .open_mob_features_btn {width: 60px; height: 60px; position: absolute; right: 0px; top: 50%; margin-top: -30px; background: #00020a; cursor: pointer; z-index: 100;} .open_mob_features_btn .mob_features_icon {/*width: 20px; */ height: 40px; background: url('../img/features.svg') center no-repeat; -webkit-background-size: contain; background-size: contain; margin: 10px auto 0; display: block; } .open_mob_search_btn {width: 60px; height: 60px; position: absolute; right: 0px; top: 50%; margin-top: 32px; background: #00020a; cursor: pointer; z-index: 100;} .open_mob_search_btn .mob_search_icon {/*width: 20px; */ height: 40px; background: url('../img/filtr1.svg') center no-repeat; -webkit-background-size: contain; background-size: contain; margin: 10px auto 0; display: block; } @media(max-width: 993px) and (min-width: 769px) { .mob_top_part .mob_caption {font-size: 35px;} .mob_top_part .mob_caption span {font-size: 25px;} .mob_info_block .mob_left_infoblock {font-size: 25px;} .mob_info_block .mob_right_infoblock {font-size: 25px;} .mob_layout {height: 650px;} } /* IPAD PRO VERTICAL */ @media(min-width: 1004px) and (max-width: 1044px) and (min-height: 1346px) and (max-height: 1386px) and (orientation: portrait) { .mob_top_part .mob_caption {font-size: 35px;} .mob_top_part .mob_caption span {font-size: 25px;} .mob_info_block .mob_left_infoblock {font-size: 25px;} .mob_info_block .mob_right_infoblock {font-size: 25px;} .mob_layout {height: 900px !important;} .mob_apartments .menu_btn {width: 100px; height: 100px; margin-top: -102px;} .add_to_favorites_btn {width: 100px; height: 100px; margin-bottom: -102px;} .open_mob_filter_btn {width: 100px; height: 100px; margin-top: -102px;} .open_mob_features_btn {width: 100px; height: 100px; margin-bottom: -102px;} .mob_top_part {padding: 40px 100px;} .menu_btn .menu_icon {margin-top: 31px;} .add_to_favorites_btn .favor_icon {margin-top: 41px;} .open_mob_filter_btn .mob_filter_icon {margin-top: 29px;} .open_mob_features_btn .mob_features_icon {margin-top: 29px;} .mob_interior_select .interior_select_label {width: 28px; height: 27px; background: url('../img/thin_circ.png') center no-repeat; cursor: pointer; position: relative;} .mob_interior_select .interior_select_label::after {display: block; content: ""; position: absolute; left: 4px; top: 4px; background: url('../img/input_ellips_black_active.png'); width: 19px; height: 19px; opacity: 0; transition-duration: 0.3s;} .mob_interior_select .interior_select_label:hover::after {opacity: 1;} .mob_interior_select .interior_select_label.active::after {opacity: 1;} .mob_aero {width: 55px; height: 55px; background: url('../img/180.svg') center no-repeat; float: left; -webkit-background-size: contain; background-size: contain; margin-top: 0px; margin-left: 10px;} .mob_download {width: 55px; height: 50px; background: url('../img/download.svg') center no-repeat; float: left; margin-top: 4px; margin-left: 35px; -webkit-background-size: contain; background-size: contain;} .mob_interior_select {width: calc(100% - 230px);} .mob_layout .eye_block {position: absolute; left: 30%; top: 40%; cursor: pointer;} .mob_layout .eye_body {width: 54px; height: 68px; background: url('../img/eye_wrp.png') center no-repeat; transform-origin: 50% 60%;} .mob_layout .eye {position: absolute; left: 4px; top: 27px; width: 45px; height: 29px; background: url('../img/eye.png') center no-repeat;} } /* IPAD PRO HORISONTAL */ @media(min-width: 1346px) and (max-width: 1386px) and (min-height: 1004px) and (max-height: 1044px) and (orientation: landscape) { .mob_top_part .mob_caption {font-size: 35px;} .mob_top_part .mob_caption span {font-size: 25px;} .mob_info_block .mob_left_infoblock {font-size: 25px;} .mob_info_block .mob_right_infoblock {font-size: 25px;} .mob_layout {height: 550px;} .mob_top_part {padding: 40px 100px;} .mob_apartments .menu_btn {width: 100px; height: 100px; margin-top: -102px;} .add_to_favorites_btn {width: 100px; height: 100px; margin-bottom: -102px;} .open_mob_filter_btn {width: 100px; height: 100px; margin-top: -102px;} .open_mob_features_btn {width: 100px; height: 100px; margin-bottom: -102px;} .menu_btn .menu_icon {margin-top: 31px;} .add_to_favorites_btn .favor_icon {margin-top: 41px;} .open_mob_filter_btn .mob_filter_icon {margin-top: 29px;} .open_mob_features_btn .mob_features_icon {margin-top: 29px;} .mob_interior_select .interior_select_label {width: 28px; height: 27px; background: url('../img/thin_circ.png') center no-repeat; cursor: pointer; position: relative;} .mob_interior_select .interior_select_label::after {display: block; content: ""; position: absolute; left: 4px; top: 4px; background: url('../img/input_ellips_black_active.png'); width: 19px; height: 19px; opacity: 0; transition-duration: 0.3s;} .mob_interior_select .interior_select_label:hover::after {opacity: 1;} .mob_interior_select .interior_select_label.active::after {opacity: 1;} .mob_aero {width: 55px; height: 55px; background: url('../img/180.svg') center no-repeat; float: left; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; margin-top: 0px; margin-left: 10px;} .mob_download {width: 55px; height: 50px; background: url('../img/download.svg') center no-repeat; float: left; margin-top: 4px; margin-left: 35px; -webkit-background-size: contain; background-size: contain;} .mob_interior_select {width: calc(100% - 230px);} .mob_layout .eye_block {position: absolute; left: 30%; top: 40%; cursor: pointer;} .mob_layout .eye_body {width: 54px; height: 68px; background: url('../img/eye1.svg') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; transform-origin: 50% 60%;} .mob_layout .eye {position: absolute; left: 4px; top: 27px; width: 45px; height: 29px;/* background: url('../img/eye.png') center no-repeat;*/} } /* IPAD VERTICAL */ @media only screen and (device-width : 768px) and (device-height : 1024px) and (orientation : portrait) { .mob_top_part .mob_caption {font-size: 35px;} .mob_top_part .mob_caption span {font-size: 25px;} .mob_info_block .mob_left_infoblock {font-size: 25px;} .mob_info_block .mob_right_infoblock {font-size: 25px;} .mob_layout {height: 600px;} .mob_apartments .menu_btn {width: 100px; height: 100px; margin-top: -102px;} .add_to_favorites_btn {width: 100px; height: 100px; margin-bottom: -102px;} .open_mob_filter_btn {width: 100px; height: 100px; margin-top: -102px;} .open_mob_features_btn {width: 100px; height: 100px; margin-bottom: -102px;} .mob_top_part {padding: 40px 100px;} .menu_btn .menu_icon {margin-top: 31px;} .add_to_favorites_btn .favor_icon {margin-top: 41px;} .open_mob_filter_btn .mob_filter_icon {margin-top: 29px;} .open_mob_features_btn .mob_features_icon {margin-top: 29px;} .mob_interior_select .interior_select_label {width: 28px; height: 27px; background: url('../img/thin_circ.png') center no-repeat; cursor: pointer; position: relative;} .mob_interior_select .interior_select_label::after {display: block; content: ""; position: absolute; left: 4px; top: 4px; background: url('../img/input_ellips_black_active.png'); width: 19px; height: 19px; opacity: 0; transition-duration: 0.3s;} .mob_interior_select .interior_select_label:hover::after {opacity: 1;} .mob_interior_select .interior_select_label.active::after {opacity: 1;} .mob_aero {width: 55px; height: 55px; background: url('../img/180.svg') center no-repeat; float: left; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; margin-top: 0px; margin-left: 10px;} .mob_download {width: 55px; height: 50px; background: url('../img/download.svg') center no-repeat; float: left; margin-top: 4px; margin-left: 35px; -webkit-background-size: contain; background-size: contain;} .mob_interior_select {width: calc(100% - 230px);} .mob_layout .eye_block {position: absolute; left: 30%; top: 40%; cursor: pointer;} .mob_layout .eye_body {width: 54px; height: 68px; background: url('../img/eye1.svg') center no-repeat;background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; transform-origin: 50% 60%;} .mob_layout .eye {position: absolute; left: 4px; top: 27px; width: 45px; height: 29px; /*background: url('../img/eye.png') center no-repeat;*/} } /* IPAD HORISONTAL */ @media only screen and (device-width : 768px) and (device-height : 1024px) and (orientation : landscape) { .mob_top_part .mob_caption {font-size: 25px;} .mob_top_part .mob_caption span {font-size: 20px;} .mob_info_block .mob_left_infoblock {font-size: 20px;} .mob_info_block .mob_right_infoblock {font-size: 20px;} .mob_info_block {margin-bottom: 25px;} .mob_layout {height: 400px;} .mob_interior_select .interior_select_label {width: 28px; height: 27px; background: url('../img/thin_circ.png') center no-repeat; cursor: pointer; position: relative;} .mob_interior_select .interior_select_label::after {display: block; content: ""; position: absolute; left: 4px; top: 4px; background: url('../img/input_ellips_black_active.png'); width: 19px; height: 19px; opacity: 0; transition-duration: 0.3s;} .mob_interior_select .interior_select_label:hover::after {opacity: 1;} .mob_interior_select .interior_select_label.active::after {opacity: 1;} .mob_aero {width: 55px; height: 55px; background: url('../img/180.svg') center no-repeat; float: left; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; margin-top: 0px; margin-left: 10px;} .mob_download {width: 55px; height: 50px; background: url('../img/download.svg') center no-repeat; float: left; margin-top: 4px; margin-left: 35px; -webkit-background-size: contain; background-size: contain;} .mob_interior_select {width: calc(100% - 230px);} .mob_layout .eye_block {position: absolute; left: 30%; top: 40%; cursor: pointer;} .mob_layout .eye_body {width: 54px; height: 68px; background: url('../img/eye1.svg') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; transform-origin: 50% 60%;} .mob_layout .eye {position: absolute; left: 4px; top: 27px; width: 45px; height: 29px; /*background: url('../img/eye.png') center no-repeat;*/} } /* IPHONE 5 VERTICAL */ @media only screen and (device-width : 320px) and (device-height : 568px) and (orientation : portrait) { .mob_top_part {padding: 0px 60px;} .mob_top_part .mob_caption {margin-bottom: 5px; margin-top: 10px; font-size: 18px;} .mob_info_block .mob_left_infoblock {font-size: 13px; line-height: 13px; width: auto; letter-spacing: 1px;} .mob_info_block .mob_right_infoblock {font-size: 13px; line-height: 13px; width: auto; letter-spacing: 0px;} .mob_info_block {margin-bottom: 10px;} .mob_layout {height: 300px;} .mob_bottom_part {padding: 0 40px; bottom: 10px;} } /* IPHONE 5 HORISONTAL */ @media only screen and (device-width : 320px) and (device-height : 568px) and (orientation : landscape) { .mob_top_part {padding: 0px 70px;} .mob_info_block {margin-bottom: 10px;} .mob_layout {height: 350px;} .mob_top_part .mob_caption {margin-bottom: 5px; margin-top: 10px; font-size: 18px;} .mob_info_block .mob_left_infoblock {font-size: 13px; line-height: 13px; width: auto; letter-spacing: 1px;} .mob_info_block .mob_right_infoblock {font-size: 13px; line-height: 13px; width: auto; letter-spacing: 0px;} .mob_layout {height: 220px;} .mob_bottom_part {bottom: 10px;} } /* IPHONE 6 VERTICAL */ @media only screen and (device-width : 375px) and (device-height : 667px) and (orientation : portrait) { .mob_top_part {padding: 40px 60px;} .mob_info_block {margin-bottom: 10px;} .mob_layout {height: 350px;} .mob_info_block .mob_left_infoblock {font-size: 13px; line-height: 13px; letter-spacing: 1px;} .mob_info_block .mob_right_infoblock {font-size: 13px; line-height: 13px; letter-spacing: 0px;} } /* IPHONE 6 HORISONTAL */ @media only screen and (device-width : 375px) and (device-height : 667px) and (orientation : landscape) { .mob_top_part {padding: 0px 70px;} .mob_info_block {margin-bottom: 10px;} .mob_layout {height: 350px;} .mob_top_part .mob_caption {margin-bottom: 5px; margin-top: 10px; font-size: 18px;} .mob_info_block .mob_left_infoblock {font-size: 13px; line-height: 13px; } .mob_info_block .mob_right_infoblock {font-size: 13px; line-height: 13px; } .mob_layout {height: 220px;} .mob_bottom_part {bottom: 10px;} } /* IPHONE 6 PLUS VERTICAL */ @media only screen and (device-width : 414px) and (device-height : 736px) and (orientation : portrait) { .mob_top_part {padding: 40px 60px;} .mob_info_block {margin-bottom: 10px;} .mob_layout {height: 450px;} .mob_info_block .mob_left_infoblock {font-size: 13px; line-height: 13px; letter-spacing: 1px;} .mob_info_block .mob_right_infoblock {font-size: 13px; line-height: 13px; letter-spacing: 0px;} } /* IPHONE 6 PLUS HORISONTAL */ @media only screen and (device-width : 414px) and (device-height : 736px) and (orientation : landscape) { .mob_top_part {padding: 0px 70px;} .mob_info_block {margin-bottom: 10px;} .mob_layout {height: 350px;} .mob_top_part .mob_caption {margin-bottom: 5px; margin-top: 10px; font-size: 18px;} .mob_info_block .mob_left_infoblock {font-size: 13px; line-height: 13px; } .mob_info_block .mob_right_infoblock {font-size: 13px; line-height: 13px; } .mob_layout {height: 220px;} .mob_bottom_part {bottom: 10px;} } /* Xiaomi redmi 3s VERTICAL */ @media only screen and (device-width : 360px) and (device-height : 640px) and (orientation : portrait) { .mob_top_part {padding: 40px 60px;} .mob_info_block {margin-bottom: 10px;} .mob_layout {height: 430px;} .mob_info_block .mob_left_infoblock {font-size: 13px; line-height: 13px; letter-spacing: 1px;} .mob_info_block .mob_right_infoblock {font-size: 13px; line-height: 13px; letter-spacing: 0px;} } /* Xiaomi redmi 3s HORISONTAL */ @media only screen and (device-width : 360px) and (device-height : 640px) and (orientation : landscape) { .mob_top_part {padding: 0px 70px;} .mob_info_block {margin-bottom: 10px;} .mob_layout {height: 350px;} .mob_top_part .mob_caption {margin-bottom: 5px; margin-top: 10px; font-size: 18px;} .mob_info_block .mob_left_infoblock {font-size: 13px; line-height: 13px; } .mob_info_block .mob_right_infoblock {font-size: 13px; line-height: 13px; } .mob_layout {height: 220px;} .mob_bottom_part {bottom: 10px;} } /* FEATURES */ #features .mod_bg {background: url('../img/features_bg.jpg') center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;} #features .features_logo {position: relative; z-index: 200; height: 107px; width: auto; margin-top: 45px;} #features .page_caption {color: #fff; text-transform: uppercase; text-align: center; font-size: 30px; position: relative; z-index: 200; margin-top: 45px; letter-spacing: 2px;} #features .features_container {position: relative; z-index: 200; padding-top: 50px; margin-top: 88px;} #features .features_container img {float: left; height: 90px; width: auto; margin-right: 25px;} #features .features_container .text {color: #fff; text-align: left; text-transform: uppercase;} #features .features_container .item {padding: 40px 0;} #features .features_container .last_row.item {} #features .features_container .item.rows2 .text {padding-top: 25px;} #features .features_container .item.rows3 .text {padding-top: 14px;} #features .features_container {max-width: 1500px; width: 100%;} #features .desktop {margin-top: -50px;} #features .md_p {padding-top: 50px;} #features .modal_page1 .close_wrap_pm {top: 50px;} #features .clb1 {top: 0;} #features_mob_bg {background: url(../img/features_bg.jpg) center no-repeat; background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -o-background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; display: none;} @media(max-width: 1400px){ #features .features_container img {margin-right: 15px;} } @media(max-width: 1200px){ #features .features_container .item.rows2 .text {font-size: 12px;} } @media(max-height: 773px) and (min-width: 994px) { #features .features_container {padding-top: 0;} #features .features_container .item {padding: 15px 0;} } @media(max-width: 993px){ #features::after {display: none;} #features.page_modal {background: transparent !important;} #features .desktop {display: block;} #features .item img {display: block; margin: 0 auto; float: none;} #features .mod_bg {display: none;} #features .item .text {width: 100%; text-align: center;} .m_pln {padding-left: 0;} .m_prn {padding-right: 0;} } @media(max-height: 850px){ #features .features_container {margin-top: 68px;} } @media(max-height: 800px){ #features .features_container {margin-top: 48px;} } @media(max-height: 690px){ #features .features_container {margin-top: 18px;} } /* AERO */ #aero .desktop {margin-top: -50px;} #aero .md_p {padding-top: 50px;} #aero .modal_page1 .close_wrap_pm {top: 50px;} #aero .clb1 {top: 0;} #aero .page_caption {color: #fff; text-transform: uppercase; text-align: left; font-size: 30px; position: relative; z-index: 200; letter-spacing: 2px; padding-top: 75px; margin-left: 110px; margin-bottom: 40px;} #aero .aero_line {width: 400px; height: 1px; background: #fff; position: absolute; left: 0; top: 100px; z-index: 200;} #aero .aero_target {width: calc(100% - 200px); height: 600px; position: relative; z-index: 200; margin-left: 100px; overflow: hidden;} #aero .aero_target.panorama {background-repeat: no-repeat !important;} .aero_left {position: absolute; top: calc(50% - 25px); left: 1px; height: 50px; width: 50px; border: 1px solid #636568; background-image: url(../img/left.svg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: 80%; background-size: 80%; display: none; z-index: 10000; cursor: pointer;} .aero_right {position: absolute; top: calc(50% - 25px); right: 1px; height: 50px; width: 50px; border: 1px solid #636568; background-image: url(../img/right.svg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: 80%; background-size: 80%; display: none; z-index: 10000; cursor: pointer;} @media(max-height: 920px){ #aero .aero_target {height: 550px;} } @media(max-height: 870px){ #aero .aero_target {height: 500px;} } @media(max-height: 820px){ #aero .aero_target {height: 450px;} } @media(max-height: 770px){ #aero .aero_target {height: 400px;} #aero .page_caption {padding-top: 40px; margin-bottom: 20px;} #aero .aero_line {top: 80px;} } @media(max-width: 993px){ #aero::after {display: none;} #aero .desktop {display: block; background: #000;} } @media(max-width: 768px) and (orientation: portrait){ #aero::after {display: none;} #aero .desktop {display: block; background: #000;} #aero .aero_target {width: 100%; margin-left: 0px;} #aero.page_modal .modal_page1.md_p {width: 100%; margin-left: 0; padding-top: 25px;} #aero .aero_line {display: none;} #aero .page_caption {margin-left: 25px; font-size: 20px; padding-top: 0;} #aero .modal_page1 .close_wrap_pm {width: 50px; height: 50px; right: 25px; top: 5px;} #aero .aero_target {height: calc(100% - 100px); margin-top: 50px;} } @media(max-width: 768px) and (orientation: landscape){ #aero::after {display: none;} #aero .desktop {display: block; background: #000;} #aero .aero_target {width: 100%; margin-left: 0px;} #aero.page_modal .modal_page1.md_p {width: 100%; margin-left: 0; padding-top: 25px;} #aero .aero_line {display: none;} #aero .page_caption {margin-left: 25px; font-size: 20px; padding-top: 0;} #aero .modal_page1 .close_wrap_pm {width: 50px; height: 50px; right: 25px !important; top: 5px;} #aero .aero_target {height: calc(100% - 50px); margin-top: 50px;} } /* FAVORITES */ #favorite .favor_line {width: 400px; height: 1px; background: #fff; position: absolute; left: 0; top: 64px; z-index: 200;} #favorite .favorites_caption {font-size: 28px; color: #fff; text-transform: uppercase; letter-spacing: 2px; text-align: left; padding-top: 83px; margin-left: 135px;} #favorite .mod_bg {background: url('../img/favor_bg.jpg') center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;} #favorite .count_favorites {font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 2px; text-align: left; margin-left: 135px; margin-top: 14px; margin-bottom: 28px;} #favorite .count_favorites span {font-weight: 700; font-size: 27px;} #favorite .item {width: 40%;} #favorite .wrp {width: 70%;} #favorite .r_item .wrp {float: left;} #favorite .l_item .wrp {float: right;} #favorite .apart_name {color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 17px; text-align: right; margin-bottom: 36px; position: relative;} #favorite .apart_name .apart_num {font-size: 39px;} #favorite .image_holder {height: 305px; width: 100%; position: relative; cursor: pointer; margin-bottom: 30px;} #favorite .image_holder .hover {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../img/favor_hover_bg.png') left center no-repeat; background-size: 90%; -webkit-background-size: 90%; -moz-background-size: 90%; -ms-background-size: 90%; -o-background-size: 90%; transition-duration: 0.3s; opacity: 0; color: #fff; text-align: left; font-size: 21px; text-transform: uppercase; letter-spacing: 2px; padding-top: 170px;} #favorite .image_holder:hover .hover {opacity: 1;} #favorite .image_holder .hover .text{padding-left: 50px;} #favorite .favor_desc_table {color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 17px; width: 100%;} #favorite .favor_desc_table .favor_left_desc {text-align: right; width: 60%; line-height: 45px;} #favorite .favor_desc_table .favor_right_desc {text-align: right; font-weight: 700; width: 40%; line-height: 42px;} #favorite .delete_favor {position: absolute; right: -30px; top: 20px; width: 20px; height: 20px; background: url('../img/cls_mod.png') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; cursor: pointer;} .favor_message {position: absolute; text-align: center; width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -o-calc(100% - 100px); width: -ms-calc(100% - 100px); top: 30%; color: #fff;} .favor_message p {text-transform: uppercase; letter-spacing: 2px; font-size: 30px; margin-bottom: 50px;} .favor_message .favor_go_to_apart {text-transform: uppercase; letter-spacing: 2px; font-size: 19px; padding: 10px 20px; color: #fff; border: 2px solid #fff; text-decoration: none; margin-top: 20px;} @media(max-width: 1600px){ #favorite .item {width: 45%;} #favorite .wrp {width: 85%;} } @media(max-height: 930px){ #favorite .favor_desc_table .favor_left_desc {line-height: 40px;} #favorite .favor_desc_table .favor_right_desc {line-height: 40px;} #favorite .apart_name {margin-bottom: 15px;} #favorite .count_favorites {margin-bottom: 10px;} } @media(max-height: 875px){ #favorite .favor_line {display: none;} #favorite .favorites_caption {padding-top: 48px;} } @media(max-height: 840px){ #favorite .image_holder {height: 260px;} #favorite .image_holder .hover {padding-top: 132px;} } @media(max-height: 795px){ #favorite .image_holder {margin-bottom: 10px;} #favorite .favor_desc_table {font-size: 14px;} #favorite .favor_desc_table .favor_right_desc {line-height: 25px;} #favorite .favor_desc_table .favor_left_desc {line-height: 25px;} } @media(max-height: 710px){ #favorite .image_holder {height: 200px;} #favorite .favorites_caption {font-size: 22px;} #favorite .count_favorites {font-size: 12px;} #favorite .count_favorites span {font-size: 17px;} #favorite .apart_name .apart_num {font-size: 27px;} #favorite .delete_favor {top: 10px;} } .NO_SCROLL_FOREVER {overflow: hidden !important;} @media(max-width: 993px){ #favorite .desktop {display: block;} #favorite .owl-pagination {left: 20px !important;} #favorite .mod_bg {height: 100%; display: block; position: absolute; left: 0; top: 0; width: 100%;} #favorite .slider .owl-pagination .owl-page.active span #favorite .favor_line {width: 55%; height: 1px; background: #fff; position: absolute; left: 0; top: 64px; z-index: 200; display: block;} #favorite .favorites_caption {font-size: 22px; color: #fff; text-transform: uppercase; letter-spacing: 2px; text-align: left; padding-top: 69px; margin-left: 45px;} #favorite_mob_bg {background: url(../img/features_bg.jpg) center no-repeat; background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -o-background-size: cover; width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; z-index: 100; } #favorite .rd_mob {height: 100%; padding: 10px;} #favorite .close_wrap_pm {right: 27px !important; top: 27px !important;} #favorite .count_favorites {font-size: 15px; color: #fff; text-transform: uppercase; letter-spacing: 2px; text-align: left; margin-left: 67px; margin-top: 28px; margin-bottom: 25px;} #favorite .count_favorites span {font-weight: 700; font-size: 22px;} #favorite .favor_item_line{margin-left: 67px; height: 1px; width: 45%; background: #fff;} #favorite .apart_name {color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 17px; text-align: right; margin-bottom: 13px; position: relative; padding-right: 76px;} #favorite .apart_name .apart_num {font-size: 26px;} #favorite .delete_favor {position: absolute; right: 30px; top: 9px; width: 20px; height: 20px; background: url('../img/cls_mod.png') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; cursor: pointer;} #favorite .image_holder {height: 230px; width: calc(100% - 136px); position: relative; cursor: pointer; margin: 0 auto 51px;} #favorite .image_holder .hover {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../img/favor_hover_bg.png') left center no-repeat; background-size: 90%; -webkit-background-size: 90%; -moz-background-size: 90%; -ms-background-size: 90%; -o-background-size: 90%; transition-duration: 0.3s; opacity: 1; color: #fff; text-align: left; font-size: 17px; text-transform: uppercase; letter-spacing: 2px; padding-left: 28px; padding-top: 130px;} #favorite .favor_desc_table {color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; width: calc(100% - 136px); margin: 0 auto;} #favorite .favor_desc_table .favor_left_desc {text-align: left; width: 60%; line-height: 30px;} #favorite .favor_desc_table .favor_right_desc {text-align: left; font-weight: 700; width: 40%; line-height: 30px; font-size: 16px;} #favorite .delete_favor {position: absolute; right: -30px; top: 20px; width: 20px; height: 20px; background: url('../img/cls_mod.png') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; cursor: pointer;} #favorite .count_favorites br {display: none;} } @media (max-width: 768px){ #favorite .count_favorites br {display: block;} #favorite .favor_line {width: 55%; height: 1px; background: #fff; position: absolute; left: 0; top: 64px; z-index: 200; display: block;} #favorite .favorites_caption {font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 2px; text-align: left; padding-top: 69px; margin-left: 45px;} #favorite_mob_bg {background: url(../img/features_bg.jpg) center no-repeat; background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -o-background-size: cover; width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; z-index: 100; } #favorite .rd_mob {height: 100%; padding: 10px;} #favorite .close_wrap_pm {right: 27px !important; top: 27px !important;} #favorite .count_favorites {font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 2px; text-align: left; margin-left: 67px; margin-top: 28px; margin-bottom: 48px;} #favorite .count_favorites span {font-weight: 700; font-size: 22px;} #favorite .count_favorites span.disclaimermob {font-size: 8px; font-weight: 400;} #favorite .favor_item_line{margin-left: 67px; height: 1px; width: 45%; background: #fff;} #favorite .apart_name {color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; text-align: right; margin-bottom: 13px; position: relative; padding-right: 76px;} #favorite .apart_name .apart_num {font-size: 26px;} #favorite .delete_favor {position: absolute; right: 30px; top: 9px; width: 20px; height: 20px; background: url('../img/cls_mod.png') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; cursor: pointer;} #favorite .image_holder {height: 163px; width: calc(100% - 136px); position: relative; cursor: pointer; margin: 0 auto 51px;} #favorite .image_holder .hover {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../img/favor_hover_bg.png') left center no-repeat; background-size: 90%; -webkit-background-size: 90%; -moz-background-size: 90%; -ms-background-size: 90%; -o-background-size: 90%; transition-duration: 0.3s; opacity: 1; color: #fff; text-align: left; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; padding-left: 28px; padding-top: 87px;} #favorite .favor_desc_table {color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; width: calc(100% - 136px); margin: 0 auto;} #favorite .favor_desc_table .favor_left_desc {text-align: left; width: 60%; line-height: 30px;} #favorite .favor_desc_table .favor_right_desc {text-align: left; font-weight: 700; width: 40%; line-height: 30px; font-size: 16px;} #favorite .delete_favor {position: absolute; right: -30px; top: 20px; width: 20px; height: 20px; background: url('../img/cls_mod.png') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; cursor: pointer;} } /* IPHONE 6 VERT */ @media only screen and (width : 375px) { #favorite .count_favorites {margin-bottom: 15px;} #favorite .favor_desc_table {width: calc(100% - 60px);} #favorite .image_holder {width: calc(100% - 60px); margin-bottom: 30px !important;} #favorite .count_favorites {margin-left: 30px;} #favorite .apart_name {padding-right: 60px;} #favorite .delete_favor {right: 30px; top: 9px;} #favorite .favor_desc_table .favor_left_desc {line-height: 25px !important;} #favorite .favor_desc_table .favor_right_desc {line-height: 25px !important; } } /* IPHONE 6 HOR */ @media only screen and (width : 667px) { #favorite .favor_line {top: 41px; width: 25%;} #favorite .favorites_caption {padding-top: 46px;} #favorite .count_favorites {margin-left: 87px; margin-top: 10px; margin-bottom: 10px;} #favorite .count_favorites br {display: none !important;} #favorite .favor_item_line {margin-left: 88px; width: 22%;} #favorite .apart_name {text-align: right; font-size: 11px; padding-right: 0; margin-bottom: 10px;} #favorite .apart_name .apart_num {font-size: 26px; padding-right: 0;} #favorite .delete_favor {right: -32px; top: 9px;} #favorite .top_p {width: 50%; float: left;} #favorite .favor_desc_table {width: calc(50% - 50px); float: right; } #favorite .image_holder {margin: 0; margin-left: 85px; width: calc(100% - 85px);} #favorite .favor_desc_table {margin-top: 73px;} } /* IPHONE 6+ VERT */ @media only screen and (width : 414px) { #favorite .count_favorites br {display: block;} #favorite .favor_line {width: 55%; height: 1px; background: #fff; position: absolute; left: 0; top: 64px; z-index: 200; display: block;} #favorite .favorites_caption {font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 2px; text-align: left; padding-top: 69px; margin-left: 45px;} #favorite_mob_bg {background: url(../img/features_bg.jpg) center no-repeat; background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -o-background-size: cover; width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; z-index: 100; } #favorite .rd_mob {height: 100%; padding: 10px;} #favorite .close_wrap_pm {right: 27px !important; top: 27px !important;} #favorite .count_favorites {font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 2px; text-align: left; margin-left: 67px; margin-top: 28px; margin-bottom: 48px;} #favorite .count_favorites span {font-weight: 700; font-size: 22px;} #favorite .favor_item_line{margin-left: 67px; height: 1px; width: 45%; background: #fff;} #favorite .apart_name {color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; text-align: right; margin-bottom: 13px; position: relative; padding-right: 76px;} #favorite .apart_name .apart_num {font-size: 26px;} #favorite .delete_favor {position: absolute; right: 30px; top: 9px; width: 20px; height: 20px; background: url('../img/cls_mod.png') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; cursor: pointer;} #favorite .image_holder {height: 163px; width: calc(100% - 136px); position: relative; cursor: pointer; margin: 0 auto 51px;} #favorite .image_holder .hover {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../img/favor_hover_bg.png') left center no-repeat; background-size: 90%; -webkit-background-size: 90%; -moz-background-size: 90%; -ms-background-size: 90%; -o-background-size: 90%; transition-duration: 0.3s; opacity: 1; color: #fff; text-align: left; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; padding-left: 28px; padding-top: 87px;} #favorite .favor_desc_table {color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; width: calc(100% - 136px); margin: 0 auto;} #favorite .favor_desc_table .favor_left_desc {text-align: left; width: 60%; line-height: 30px;} #favorite .favor_desc_table .favor_right_desc {text-align: left; font-weight: 700; width: 40%; line-height: 30px; font-size: 16px;} #favorite .delete_favor {position: absolute; right: -30px; top: 20px; width: 20px; height: 20px; background: url('../img/cls_mod.png') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; cursor: pointer;} } /* IPHONE 5 VERT */ @media only screen and (width : 320px) { #favorite .favor_line {top: 50px;} #favorite .favorites_caption {padding-top: 45px;} #favorite .count_favorites {margin-bottom: 5px; margin-top: 15px;} #favorite .favor_desc_table {width: calc(100% - 60px);} #favorite .image_holder {width: calc(100% - 60px); height: 140px;} #favorite .count_favorites {margin-left: 30px;} #favorite .apart_name {padding-right: 60px;} #favorite .delete_favor {right: 30px; top: 9px;} #favorite .image_holder {margin-bottom: 15px;} #favorite .favor_desc_table .favor_left_desc {line-height: 22px; font-size: 12px;} #favorite .favor_desc_table .favor_right_desc {line-height: 22px; font-size: 12px;} } /* IPHONE 5 HOR */ @media only screen and (width : 568px) { #favorite .favor_line {top: 41px; width: 25%;} #favorite .favorites_caption {padding-top: 36px;} #favorite .count_favorites {margin-left: 50px; margin-top: 0px; margin-bottom: 0px;} #favorite .count_favorites br {display: none !important;} #favorite .favor_item_line {margin-left: 50px; width: 22%;} #favorite .apart_name {text-align: right; font-size: 11px; padding-right: 0; margin-bottom: 10px;} #favorite .apart_name .apart_num {font-size: 26px; padding-right: 0;} #favorite .delete_favor {right: -32px; top: 9px;} #favorite .top_p {width: 50%; float: left;} #favorite .favor_desc_table {width: calc(50% - 50px); float: right; } #favorite .image_holder {margin: 0; margin-left: 85px; width: calc(100% - 85px);} #favorite .favor_desc_table {margin-top: 69px;} #favorite .image_holder {width: calc(100% - 50px); margin-left: 50px; height: 140px;} #favorite .favor_desc_table .favor_left_desc {line-height: 20px; font-size: 12px;} #favorite .favor_desc_table .favor_right_desc {line-height: 20px; font-size: 12px;} } /*IHONE 6+ 7+ VERT */ @media only screen and (width : 414px) and (-webkit-min-device-pixel-ratio: 2) { #favorite .count_favorites br {display: block;} #favorite .favor_line {width: 55%; height: 1px; background: #fff; position: absolute; left: 0; top: 64px; z-index: 200; display: block;} #favorite .favorites_caption {font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 2px; text-align: left; padding-top: 69px; margin-left: 45px;} #favorite_mob_bg {background: url(../img/features_bg.jpg) center no-repeat; background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -o-background-size: cover; width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; z-index: 100; } #favorite .rd_mob {height: 100%; padding: 10px;} #favorite .close_wrap_pm {right: 27px !important; top: 27px !important;} #favorite .count_favorites {font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 2px; text-align: left; margin-left: 67px; margin-top: 28px; margin-bottom: 35px;} #favorite .count_favorites span {font-weight: 700; font-size: 22px;} #favorite .favor_item_line{margin-left: 67px; height: 1px; width: 45%; background: #fff;} #favorite .apart_name {color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; text-align: right; margin-bottom: 13px; position: relative; padding-right: 76px;} #favorite .apart_name .apart_num {font-size: 26px;} #favorite .delete_favor {position: absolute; right: 28px !important; top: 10px !important; width: 20px; height: 20px; background: url('../img/cls_mod.png') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; cursor: pointer;} #favorite .image_holder {height: 163px; width: calc(100% - 136px); position: relative; cursor: pointer; margin: 0 auto 35px;} #favorite .image_holder .hover {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../img/favor_hover_bg.png') left center no-repeat; background-size: 90%; -webkit-background-size: 90%; -moz-background-size: 90%; -ms-background-size: 90%; -o-background-size: 90%; transition-duration: 0.3s; opacity: 1; color: #fff; text-align: left; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; padding-left: 28px; padding-top: 87px;} #favorite .favor_desc_table {color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; width: calc(100% - 136px); margin: 0 auto;} #favorite .favor_desc_table .favor_left_desc {text-align: left; width: 60%; line-height: 30px;} #favorite .favor_desc_table .favor_right_desc {text-align: left; font-weight: 700; width: 40%; line-height: 30px; font-size: 16px;} #favorite .delete_favor {position: absolute; right: -30px; top: 20px; width: 20px; height: 20px; background: url('../img/cls_mod.png') center no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; cursor: pointer;} } /*IHONE 6+ 7+ HOR */ @media only screen and (width : 736px) { #favorite .favor_line {top: 41px; width: 25%;} #favorite .favorites_caption {padding-top: 46px;} #favorite .count_favorites {margin-left: 87px; margin-top: 10px; margin-bottom: 34px;} #favorite .count_favorites br {display: none !important;} #favorite .favor_item_line {margin-left: 88px; width: 22%;} #favorite .apart_name {text-align: right; font-size: 11px; padding-right: 0;} #favorite .apart_name .apart_num {font-size: 26px; padding-right: 0;} #favorite .delete_favor {right: -32px; top: 9px;} #favorite .top_p {width: 50%; float: left;} #favorite .favor_desc_table {width: calc(50% - 50px); float: right; } #favorite .image_holder {margin: 0; margin-left: 85px; width: calc(100% - 85px);} #favorite .favor_desc_table {margin-top: 73px;} } .rd_mob .favor_message {width: calc(100% - 20px); top: 38%;} .rd_mob .favor_message p {font-size: 17px; margin-bottom: 30px; letter-spacing: 1px;} .rd_mob .favor_message .favor_go_to_apart {font-size: 11px;} /* IPAD MINI */ @media only screen and (width: 768px) { #favorite .favorites_caption {font-size: 30px;} #favorite .count_favorites {font-size: 17px;} #favorite .apart_name {font-size: 18px;} #favorite .image_holder {height: 290px; margin-bottom: 85px;} #favorite .image_holder .hover {padding-top: 179px;} #favorite .favor_desc_table .favor_left_desc {font-size: 18px; line-height: 40px !important;} #favorite .favor_desc_table .favor_right_desc {font-size: 21px; line-height: 40px !important;} } /* IPAD MINI */ @media only screen and (width: 1024px) { #favorite_mob_bg {background: url(../img/features_bg.jpg) center no-repeat; background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -o-background-size: cover; width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; z-index: 100; } #favorite .favorites_caption {padding-top: 70px; margin-left: 85px;} #favorite .count_favorites {margin-left: 85px; font-size: 16px; margin-bottom: 0;} #favorite .count_favorites br {display: none;} #favorite .image_holder {width: calc(100% - 300px); margin: 0 auto; height: 280px;} #favorite .apart_name {padding-right: 150px; font-size: 26px;} #favorite .delete_favor {right: 110px;} #favorite .favor_desc_table {width: calc(100% - 170px); margin-left: 80px; margin-top: 20px;} #favorite .favor_desc_table .favor_left_desc {font-size: 18px; line-height: 40px !important; padding-right: 150px;} #favorite .favor_desc_table .favor_right_desc {font-size: 21px; line-height: 40px !important; text-align: left;} #favorite .image_holder .hover {padding-top: 170px; background-size: auto 90%; -webkit-background-size: auto 90%; -moz-background-size: auto 90% -ms-background-size: auto 90% -o-background-size: auto 90%; opacity: 1;} } .no_opacity {opacity: 0 !important;} /* MOBILE FILTER */ #flats_filter_mob_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; } .ff_content {position: relative; z-index: 110; padding: 85px; background: url(../img/flats_filter_bg.jpg) center no-repeat; background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -o-background-size: cover;} .ff_caption {color: #fff; text-decoration: underline; margin-bottom: 25px; font-size: 25px; letter-spacing: 2px;} .ff_content .tower_select_table {color: #fff; margin-left: 0; font-size: 20px;} .ff_content section {margin-bottom: 40px;} .ff_content .ph_floor_select_table {margin-left: 0; color: #fff; font-size: 20px;} .ff_content .ph_floor_select_table td {width: 50%;} .ff_content .floor_selector {width: 100%; color: #fff; text-align: center;} .ff_content .floor_selector td {width: 33%;} .floor_prev {font-size: 21px; position: relative; display: inline-block; font-size: 25px; padding-left: 30px;} .curr_floor {font-size: 60px; text-align: center; display: inline-block;} .floor_next {font-size: 21px; position: relative; display: inline-block; font-size: 25px; padding-right: 30px;} .floor_prev::before {content: ""; width: 32px; height: 62px; background: url('../img/prev_floor.png') center no-repeat; position: absolute; top: -15px; left: -52px;} .floor_next::before {content: ""; width: 32px; height: 62px; background: url('../img/next_floor.png') center no-repeat; position: absolute; top: -15px; right: -52px;} .ff_content .penthouse_section {margin-bottom: 0;} #flats_filter .close_wrap_pm {position: absolute; z-index: 310; width: 40px; height: 40px; right: 25px !important; top: 20px !important;} @media(max-width: 650px){ .ff_content {padding: 100px 10px 40px;} .ff_caption {color: #fff; font-size: 21px; text-decoration: underline; margin-bottom: 25px; letter-spacing: 2px;} .ff_content .tower_select_table {font-size: 15px;} .ff_content .ph_floor_select_table {font-size: 15px;} .ff_content section {margin-bottom: 57px;} .floor_prev {padding-left: 20px; font-size: 16px;} .floor_next {padding-right: 20px; font-size: 16px;} .ff_content .floor_selector {width: 63%; margin: 0 auto;} .curr_floor {font-size: 56px;} .floor_prev::before {top: -20px; } .floor_next::before {top: -20px;} .ff_mb39 {margin-bottom: 39px !important;} .ff_content .ph_floor_select_table {width: 70%; margin: 0 auto;} } @media(max-width: 320px){ .ff_caption {font-size: 18px;} } .tower_floor.active {opacity: 0.6 !important;} .floor_ajax_target {height: 100%;} .floor_change_ajax_target {height: 100%;} .floor_change_ajax_target.loading {background: url('../img/loading2.svg') center no-repeat; background-size: 30%; -webkit-background-size: 30%; -moz-background-size: 30%; -ms-background-size: 30%; -o-background-size: 30%; } .deleted_favor {opacity: 0.2; transition-duration: 0.3s;} .body_tower_1 .tower_floor[data-floor="1"] {display: none;} .body_tower_1 .tower_floor[data-floor="2"] {display: none;} .body_tower_1 .tower_floor[data-floor="3"] {display: none;} .body_tower_2 .tower_floor[data-floor="1"] {display: none;} .body_tower_3 .tower_floor[data-floor="1"] {display: none;} /* Mac book */ @media(max-width: 1440px) and (max-height: 900px) and (min-width: 1280px) and (min-height: 739px){ #services .owl-buttons .owl-prev, #emotional-oasis .owl-buttons .owl-prev, #healthy-life .owl-buttons .owl-prev, #extras .owl-buttons .owl-prev, #about .owl-buttons .owl-prev, #management .owl-buttons .owl-prev, #contacts .owl-buttons .owl-prev, #favorite .owl-buttons .owl-prev {left: 50px; } #services .owl-buttons .owl-next, #emotional-oasis .owl-buttons .owl-next, #healthy-life .owl-buttons .owl-next, #extras .owl-buttons .owl-next, #about .owl-buttons .owl-next, #management .owl-buttons .owl-next, #contacts .owl-buttons .owl-next, #favorite .owl-buttons .owl-next {right: 50px; } } /* 1920 */ @media(max-width: 1941px) and (max-height: 1050px) and (min-width: 1899px) and (min-height: 929px){ .apartments .inner_content {padding-left: 160px; padding-top: 60px;} .compass {left: -140px; top: -10px;} .info_block .item.tower_item .block span {font-weight: 700; display: block; margin-top: -29px; margin-left: 10px; font-size: 78.5px;} .info_block .item.floor_item .block span {font-weight: 700; display: block; margin-top: 23px; font-size: 31px;} .info_block .item.total_area_item .block span {font-weight: 700; display: block; margin-top: 23px; font-size: 31px;} .info_block .item.ter_area_item .block span {font-weight: 700; display: block; margin-top: 23px; font-size: 31px;} .info_block .item.aero_features {width: auto; position: relative; margin-left: 20px;} .desc_flat_layout_target {width: 100%; overflow: hidden; height: 525px; text-align: center; margin-top: 15px; margin-bottom: 15px; position: relative;} .interiors {position: absolute; left: 155px; bottom: 50px; z-index: 50; width: 100%;} .apartments .interface_layout {width: 150px; height: 100px; bottom: 50px; top: auto; left: 40px;} .interior_select_table td {width: 130px; overflow: hidden; font-weight: 400;} .interiors p {text-decoration: underline; color: #000; font-size: 19px; padding-left: 40px; letter-spacing: 1.1pt;} .spinner {height: 220px; width: auto; display: block; margin: 35px 125px 10px;} .tower_select_table, .ph_floor_select_table {width: 100%; text-align: center; margin-left: -30px; margin-bottom: 45px;} .tower_select_table td {width: 120px;} .interiors .sect_name {margin-bottom: 25px;} .interface_layout .inner_controls {position: absolute; z-index: 102; left: 27px; bottom: 10px;} .ph_floor_select_table td {width: 125px;} #services .owl-buttons .owl-prev, #emotional-oasis .owl-buttons .owl-prev, #healthy-life .owl-buttons .owl-prev, #extras .owl-buttons .owl-prev, #about .owl-buttons .owl-prev, #management .owl-buttons .owl-prev, #contacts .owl-buttons .owl-prev, #favorite .owl-buttons .owl-prev {left: 50px; } #services .owl-buttons .owl-next, #emotional-oasis .owl-buttons .owl-next, #healthy-life .owl-buttons .owl-next, #extras .owl-buttons .owl-next, #about .owl-buttons .owl-next, #management .owl-buttons .owl-next, #contacts .owl-buttons .owl-next, #favorite .owl-buttons .owl-next {right: 50px; } #side_menu.menu_btn { left: -5px; width: 55px;} .desc_flat_layout_target { width: 88%; overflow: hidden; height: 500px; text-align: center; margin-top: 15px;} .remodal-share h2{margin-bottom: 40px!important;} #share.remodal-share {width: calc(520px)!important; max-width: none; height: calc(50% - 200px)!important;} #result .result-item-img .hover{padding-top: 120px!important;} a.open_share_btn:before { transform: scale(0.5); top: 0px; } a.open_share_btn{ display: block; height: 20px;} .shareText {top: -15px;} } /* 1680 */ @media(max-width: 1690px) and (max-height: 1016px) and (min-width: 1650px) and (min-height: 901px){ .apartments .inner_content {padding-left: 160px; padding-top: 60px;} .compass {left: -140px; top: -10px;} .info_block .item.tower_item .block span {font-weight: 700; display: block; margin-top: -29px; margin-left: 10px; font-size: 73.5px;} .info_block .item.floor_item .block span {font-weight: 700; display: block; margin-top: 18px; font-size: 31px;} .info_block .item.total_area_item .block span {font-weight: 700; display: block; margin-top: 18px; font-size: 31px;} .info_block .item.ter_area_item .block span {font-weight: 700; display: block; margin-top: 18px; font-size: 31px;} .info_block .item.aero_features {width: auto; position: relative; margin-left: 20px;} .desc_flat_layout_target {width: 100%; overflow: hidden; height: 486px; text-align: center; margin-top: 15px; margin-bottom: 15px; position: relative;} .interiors {position: absolute; left: 155px; bottom: 50px; z-index: 50; width: 100%;} .apartments .interface_layout {width: 150px; height: 100px; bottom: 50px; top: auto; left: 40px;} .interior_select_table td {width: 130px; overflow: hidden; font-weight: 400;} .interiors p {text-decoration: underline; color: #000; font-size: 19px; padding-left: 40px; letter-spacing: 1.1pt;} .spinner {height: 220px; width: auto; display: block; margin: 35px 125px 10px;} .disclaimer { bottom: -30px; left: 29%;} .tower_select_table, .ph_floor_select_table {width: 100%; text-align: center; margin-left: -30px; margin-bottom: 25px;} .tower_select_table td {width: 110px;} .interiors .sect_name {margin-bottom: 25px;} .interface_layout .inner_controls {position: absolute; z-index: 102; left: 27px; bottom: 10px;} .ph_floor_select_table td {width: 115px;} .floor_layout {margin-top: 30px; margin-bottom: 25px;} #result .result-item-img .hover{padding-top: 120px!important;} .desc_flat_layout_target { width: 88%; overflow: hidden; text-align: center; margin-top: 15px;} .remodal-share h2{margin-bottom: 50px!important;} #share.remodal-share {width: calc(470px)!important; max-width: none; height: calc(50% - 155px)!important; } #services .owl-buttons .owl-prev, #emotional-oasis .owl-buttons .owl-prev, #healthy-life .owl-buttons .owl-prev, #extras .owl-buttons .owl-prev, #about .owl-buttons .owl-prev, #management .owl-buttons .owl-prev, #contacts .owl-buttons .owl-prev, #favorite .owl-buttons .owl-prev {left: 50px; } #services .owl-buttons .owl-next, #emotional-oasis .owl-buttons .owl-next, #healthy-life .owl-buttons .owl-next, #extras .owl-buttons .owl-next, #about .owl-buttons .owl-next, #management .owl-buttons .owl-next, #contacts .owl-buttons .owl-next, #favorite .owl-buttons .owl-next {right: 50px; } #side_menu.menu_btn { left: -5px; width: 55px;} a.open_share_btn:before { transform: scale(0.5); top: 0px; } a.open_share_btn{ display: block; height: 20px;} .shareText {top: -15px;} } /* 1600 */ @media(max-width: 1610px) and (max-height: 1200px) and (min-width: 1599px) and (min-height: 751px){ .apartments .inner_content {padding-left: 160px; padding-top: 60px;} .compass {left: -140px; top: -10px;} .info_block .item.tower_item .block span {font-weight: 700; display: block; margin-top: -29px; margin-left: 10px; font-size: 73.5px;} .info_block .item.floor_item .block span {font-weight: 700; display: block; margin-top: 18px; font-size: 31px;} .info_block .item.total_area_item .block span {font-weight: 700; display: block; margin-top: 18px; font-size: 31px;} .info_block .item.ter_area_item .block span {font-weight: 700; display: block; margin-top: 18px; font-size: 31px;} .info_block .item.aero_features {width: auto; position: relative; margin-left: 20px;} .desc_flat_layout_target {width: 100%; overflow: hidden; height: 389px; text-align: center; margin-top: 15px; margin-bottom: 15px; position: relative;} .interiors {position: absolute; left: 155px; bottom: 45px; z-index: 50; width: 100%;} .apartments .interface_layout {width: 150px; height: 100px; bottom: 50px; top: auto; left: 40px;} .interior_select_table td {width: 130px; overflow: hidden; font-weight: 400;} .interiors p {text-decoration: underline; color: #000; font-size: 19px; padding-left: 40px; letter-spacing: 1.1pt;} .spinner {height: 220px; width: auto; display: none; margin: 35px 125px 10px;} .tower_select_table, .ph_floor_select_table {width: 100%; text-align: center; margin-left: -30px; margin-bottom: 25px;} .tower_select_table td {width: 110px;} .interiors .sect_name {margin-bottom: 15px;} .interface_layout .inner_controls {position: absolute; z-index: 102; left: 27px; bottom: 10px;} .ph_floor_select_table td {width: 115px;} .floor_layout {margin-top: 30px; margin-bottom: 25px;} .interior_select_table {margin-bottom: 0;} .filter_part {margin-top: 50px;} .disclaimer { bottom: -30px; left: 29%;} #result .result-item-img .hover{padding-top: 120px!important;} .desc_flat_layout_target { width: 88%; overflow: hidden; text-align: center; margin-top: 15px;} #services .owl-buttons .owl-prev, #emotional-oasis .owl-buttons .owl-prev, #healthy-life .owl-buttons .owl-prev, #extras .owl-buttons .owl-prev, #about .owl-buttons .owl-prev, #management .owl-buttons .owl-prev, #contacts .owl-buttons .owl-prev, #favorite .owl-buttons .owl-prev {left: 50px; } #services .owl-buttons .owl-next, #emotional-oasis .owl-buttons .owl-next, #healthy-life .owl-buttons .owl-next, #extras .owl-buttons .owl-next, #about .owl-buttons .owl-next, #management .owl-buttons .owl-next, #contacts .owl-buttons .owl-next, #favorite .owl-buttons .owl-next {right: 50px; } #side_menu.menu_btn { left: -5px; width: 55px;} a.open_share_btn:before { transform: scale(0.5); top: 0px; } a.open_share_btn{ display: block; height: 20px;} .shareText {top: -15px;} #aero .aero_target { height: 460px;} .remodal-share h2{margin-bottom: 50px!important;} #share.remodal-share {width: calc(440px)!important; max-width: none; height: calc(50% - 90px)!important;} } /* 1440 */ @media(max-width: 1450px) and (max-height: 876px) and (min-width: 1439px) and (min-height: 751px){ .apartments .inner_content {padding-left: 110px; padding-top: 60px;} .compass {left: -100px; top: -10px;} .info_block .item.tower_item .block span {font-weight: 700; display: block; margin-top: -29px; margin-left: 10px; font-size: 73.5px;} .info_block .item.floor_item .block span {font-weight: 700; display: block; margin-top: 18px; font-size: 31px;} .info_block .item.total_area_item .block span {font-weight: 700; display: block; margin-top: 18px; font-size: 31px;} .info_block .item.ter_area_item .block span {font-weight: 700; display: block; margin-top: 18px; font-size: 31px;} .info_block .item.aero_features {width: auto; position: relative; margin-left: 10px;} .desc_flat_layout_target {width: 100%; overflow: hidden; height: 389px; text-align: center; margin-top: 15px; margin-bottom: 15px; position: relative;} .interiors {position: absolute; left: 125px; bottom: 45px; z-index: 50; width: 100%;} .apartments .interface_layout {width: 150px; height: 100px; bottom: 50px; top: auto; left: 40px;} .interior_select_table td {width: 130px; overflow: hidden; font-weight: 400;} .interiors p {text-decoration: underline; color: #000; font-size: 19px; padding-left: 40px; letter-spacing: 1.1pt;} .spinner {height: 165px; width: auto; display:none; margin: 30px 105px 10px;} .tower_select_table, .ph_floor_select_table {width: 100%; text-align: center; margin-left: -30px; margin-bottom: 25px;} .tower_select_table td {width: 110px;} .interiors .sect_name {margin-bottom: 15px;} .interface_layout .inner_controls {position: absolute; z-index: 102; left: 27px; bottom: 10px;} .ph_floor_select_table td {width: 115px;} .floor_layout {margin-top: 30px; margin-bottom: 25px;} .interior_select_table {margin-bottom: 0; margin-left: 25px; float: left;} .right_part .filter {padding-left: 55px;} .filter_part {margin-top: 50px;} #result .result-item-img .hover{padding-top: 120px!important;} .disclaimer { bottom: -30px; left: 29%;} .desc_flat_layout_target { width: 86%; overflow: hidden; text-align: center; margin-top: 15px;} .remodal-share h2{margin-bottom: 50px!important;} #share.remodal-share {width: calc(470px)!important; max-width: none; height: calc(50% - 90px)!important; } #services .owl-buttons .owl-prev, #emotional-oasis .owl-buttons .owl-prev, #healthy-life .owl-buttons .owl-prev, #extras .owl-buttons .owl-prev, #about .owl-buttons .owl-prev, #management .owl-buttons .owl-prev, #contacts .owl-buttons .owl-prev, #favorite .owl-buttons .owl-prev {left: 50px; } #services .owl-buttons .owl-next, #emotional-oasis .owl-buttons .owl-next, #healthy-life .owl-buttons .owl-next, #extras .owl-buttons .owl-next, #about .owl-buttons .owl-next, #management .owl-buttons .owl-next, #contacts .owl-buttons .owl-next, #favorite .owl-buttons .owl-next {right: 50px; } #side_menu.menu_btn { left: -5px; width: 55px;} a.open_share_btn:before { transform: scale(0.5); top: 0px; } a.open_share_btn{ display: block; height: 20px;} .shareText {top: -15px;} } /* 1366*/ @media(max-width: 1376px) and (max-height: 768px) and (min-width: 1365px) and (min-height: 609px){ .apartments .inner_content {padding-left: 120px; padding-top: 50px;} .compass {left: -100px; top: -10px;} .info_block .item.tower_item .block span {font-weight: 700; display: block; margin-top: -21px; margin-left: 10px; font-size: 57.5px;} .info_block .item.floor_item .block span {font-weight: 700; display: block; margin-top: 9px; font-size: 31px;} .info_block .item.total_area_item .block span {font-weight: 700; display: block; margin-top: 9px; font-size: 31px;} .info_block .item.ter_area_item .block span {font-weight: 700; display: block; margin-top: 9px; font-size: 31px;} .info_block .item.aero_features {width: auto; position: relative; margin-left: 5px;} .desc_flat_layout_target {width: 100%; overflow: hidden; height: 280px; text-align: center; margin-top: 15px; margin-bottom: 15px; position: relative;} .interiors {position: absolute; left: 115px; bottom: 30px;z-index: 50; width: 100%;} .apartments .interface_layout {width: 150px; height: 100px; bottom: 30px; top: auto; left: 40px;} .interior_select_table td {width: 108px; overflow: hidden; font-weight: 400;} .interiors p {text-decoration: underline; color: #000; font-size: 19px; padding-left: 40px; letter-spacing: 1.1pt;} .spinner {display:none;} #favorite .image_holder .hover { padding-top: 100px; } #contacts .c_address { margin-left: 100px; margin-top: -5px; padding-right: 20px; } .disclaimer { bottom: -30px; left: 25%;} .tower_select_table, .ph_floor_select_table {width: 100%; text-align: center; margin-left: -30px; margin-bottom: 15px;} .tower_select_table td {width: 110px;} .interiors .sect_name {margin-bottom: 15px;} .interface_layout .inner_controls {position: absolute; z-index: 102; left: 27px; bottom: 10px;} .ph_floor_select_table td {width: 115px;} .floor_layout {margin-top: 15px; margin-bottom: 5px;} .interior_select_table {margin-bottom: 0; margin-left: 25px; float: left;} .right_part .filter_caption {margin-bottom: 10px;} .right_part .filter {padding-left: 55px;} .add_to_favorites {margin-left: 30px; } .right_part .filter {margin-top: 50px;} a.open_share_btn:before { transform: scale(0.5); top: 0px; } a.open_share_btn{ display: block; height: 20px;} .shareText {top: -15px;} #result .result-item-img .hover{padding-top: 110px!important;} .desc_flat_layout_target { width: 83%; overflow: hidden; text-align: center; height: 255px; margin-top: 15px;} #services .owl-buttons .owl-prev, #emotional-oasis .owl-buttons .owl-prev, #healthy-life .owl-buttons .owl-prev, #extras .owl-buttons .owl-prev, #about .owl-buttons .owl-prev, #management .owl-buttons .owl-prev, #contacts .owl-buttons .owl-prev, #favorite .owl-buttons .owl-prev {left: 50px; } #services .owl-buttons .owl-next, #emotional-oasis .owl-buttons .owl-next, #healthy-life .owl-buttons .owl-next, #extras .owl-buttons .owl-next, #about .owl-buttons .owl-next, #management .owl-buttons .owl-next, #contacts .owl-buttons .owl-next, #favorite .owl-buttons .owl-next {right: 50px; } #side_menu.menu_btn { left: -5px; width: 55px;} #aero .aero_target { height: 330px;} .remodal-share h2{margin-bottom: 45px!important;} #share.remodal-share {width: calc(460px)!important; max-width: none; height: calc(50% - 30px)!important; } } @media(min-width: 993px){ #management .owl-buttons .owl-prev {left: 50px;} #favorites .owl-buttons .owl-prev {left: 50px;} } /* 1280*1024 */ @media(max-width: 1290px) and (max-height: 990px) and (min-width: 1270px) and (min-height: 875px){ .apartments .inner_content {padding-left: 120px; padding-top: 50px;} .compass {left: -100px; top: -10px;} .info_block .item.tower_item .block span {font-weight: 700; display: block; margin-top: -21px; margin-left: 10px; font-size: 57.5px;} .info_block .item.floor_item .block span {font-weight: 700; display: block; margin-top: 9px; font-size: 31px;} .info_block .item.total_area_item .block span {font-weight: 700; display: block; margin-top: 9px; font-size: 31px;} .info_block .item.ter_area_item .block span {font-weight: 700; display: block; margin-top: 9px; font-size: 31px;} .info_block .item.aero_features {width: auto; position: relative; margin-left: 10px;} .info_block .item {margin-right: 55px;} .desc_flat_layout_target {width: 100%; overflow: hidden; height: 420px; text-align: center; margin-top: 15px; margin-bottom: 15px; position: relative;} .interiors {position: absolute; left: 98px; bottom: 50px; z-index: 50; width: 100%;} .apartments .interface_layout {width: 150px; height: 100px; bottom: 50px; top: auto; left: 20px;} .interior_select_table td { width: 102px; overflow: hidden; font-weight: 400;} .interiors p {text-decoration: underline; color: #000; font-size: 19px; padding-left: 40px; letter-spacing: 1.1pt;} .spinner {display:none;} .tower_select_table, .ph_floor_select_table {width: 100%; text-align: center; margin-left: -15px; margin-bottom: 15px;} .tower_select_table td {width:88px;} .interiors .sect_name {margin-bottom: 15px;} .interface_layout .inner_controls {position: absolute; z-index: 102; left: 27px; bottom: 10px;} .ph_floor_select_table td {width: 115px;} .floor_layout {margin-top: 35px; margin-bottom: 25px;} .interior_select_table {margin-bottom: 0; margin-left: 25px; float: left;} .right_part .filter_caption {margin-bottom: 20px;} .right_part .filter {padding-left: 55px;} .add_to_favorites {margin-left: 35px; } .right_part .filter {margin-top: 50px;} #result .result-item-img .hover{padding-top: 100px!important;} .disclaimer { left: 25%; } .desc_flat_layout_target { width: 83%; overflow: hidden; text-align: center; height: 255px; margin-top: 15px;} a.open_share_btn:before { transform: scale(0.5); top: 0px; } a.open_share_btn{ display: block; height: 20px;} .shareText {top: -15px;} #aero .aero_target { height: 500px;} .remodal-share h2{margin-bottom: 45px!important;} #share.remodal-share {width: calc(470px)!important; max-width: none; height: calc(50% - 150px)!important;} #services .owl-buttons .owl-prev, #emotional-oasis .owl-buttons .owl-prev, #healthy-life .owl-buttons .owl-prev, #extras .owl-buttons .owl-prev, #about .owl-buttons .owl-prev, #management .owl-buttons .owl-prev, #contacts .owl-buttons .owl-prev, #favorite .owl-buttons .owl-prev {left: 50px; } #services .owl-buttons .owl-next, #emotional-oasis .owl-buttons .owl-next, #healthy-life .owl-buttons .owl-next, #extras .owl-buttons .owl-next, #about .owl-buttons .owl-next, #management .owl-buttons .owl-next, #contacts .owl-buttons .owl-next, #favorite .owl-buttons .owl-next {right: 50px; } #side_menu.menu_btn { left: -5px; width: 55px;} } /* 1280*800 */ @media(max-width: 1290px) and (max-height: 810px) and (min-width: 1270px) and (min-height: 600px){ .remodal-dialog .mod_bg span{ display: block; font-size: 14px; font-weight: 100; position: absolute; bottom: -30px !important; color: white; left: 0 !important; width: 100% !important; } #favorite .favorites_caption { padding-top: 40px;} #favorite .count_favorites { margin-bottom: 0px;} .apartments .inner_content {padding-left: 120px; padding-top: 50px;} .compass {left: -100px; top: -10px;} .info_block .item.tower_item .block span {font-weight: 700; display: block; margin-top: -21px; margin-left: 10px; font-size: 57.5px;} .info_block .item.floor_item .block span {font-weight: 700; display: block; margin-top: 9px; font-size: 31px;} .info_block .item.total_area_item .block span {font-weight: 700; display: block; margin-top: 9px; font-size: 31px;} .info_block .item.ter_area_item .block span {font-weight: 700; display: block; margin-top: 9px; font-size: 31px;} .info_block .item.aero_features {width: auto; position: relative; margin-left: 10px;} .info_block .item {margin-right: 55px;} .desc_flat_layout_target {width: 100%; overflow: hidden; height: 270px; text-align: center; margin-top: 15px; margin-bottom: 15px; position: relative;} .interiors {position: absolute; left: 98px; bottom: 22px; z-index: 50; width: 100%;} .apartments .interface_layout {width: 150px; height: 100px; bottom: 29px; top: auto; left: 20px;} .interior_select_table td { width: 102px; overflow: hidden; font-weight: 400;} .interiors p {text-decoration: underline; color: #000; font-size: 19px; padding-left: 40px; letter-spacing: 1.1pt;} .spinner {display:none;} .tower_select_table, .ph_floor_select_table {width: 100%; text-align: center; margin-left: -15px; margin-bottom: 15px;} .tower_select_table td {width:88px;} .interiors .sect_name {margin-bottom: 10px;} .interface_layout .inner_controls {position: absolute; z-index: 102; left: 27px; bottom: 10px;} .ph_floor_select_table td {width: 115px;} .floor_layout {margin-top: 35px; margin-bottom: 25px;} .interior_select_table {margin-bottom: 0; margin-left: 25px; float: left;} .right_part .filter_caption {margin-bottom: 15px;} .right_part .filter {padding-left: 55px;} .add_to_favorites {margin-left: 35px; } .right_part .filter {margin-top: 50px;} a.open_share_btn:before { transform: scale(0.5); top: 0px; } a.open_share_btn{ display: block; height: 20px;} .shareText {top: -15px;} .desc_flat_layout_target { width: 83%; overflow: hidden; text-align: center; height: 255px; margin-top: 5px;} #result .result-item-img .hover{padding-top: 100px!important;} #aero .aero_target { height: 370px;} .remodal-share h2{margin-bottom: 40px!important;} #share.remodal-share {width: calc(420px)!important; max-width: none; height: calc(50% - 70px)!important;} #services .owl-buttons .owl-prev, #emotional-oasis .owl-buttons .owl-prev, #healthy-life .owl-buttons .owl-prev, #extras .owl-buttons .owl-prev, #about .owl-buttons .owl-prev, #management .owl-buttons .owl-prev, #contacts .owl-buttons .owl-prev, #favorite .owl-buttons .owl-prev {left: 50px; } #services .owl-buttons .owl-next, #emotional-oasis .owl-buttons .owl-next, #healthy-life .owl-buttons .owl-next, #extras .owl-buttons .owl-next, #about .owl-buttons .owl-next, #management .owl-buttons .owl-next, #contacts .owl-buttons .owl-next, #favorite .owl-buttons .owl-next {right: 50px; } #side_menu.menu_btn{ left: -5px; width: 55px;} } /* 1280*800 portrait */ @media only screen and (device-width: 800px) and (device-height: 1280px) and (orientation: portrait){ .mob_bottom_part {position: absolute; left: 58px; bottom: 0px; padding: 0 80px; z-index: 95; text-align: center; margin: 0 auto;} .mob_interior_select {width:360px ; margin-right: 20px; font-size: 18px;} .mob_interior_select td {text-align: center; width: 120px;} .interface_layout .inner_controls { position: absolute; z-index: 102; left: 40px; bottom: 50px;} .sect_name{font-size: 24px;} .interface_layout .inner_controls ul li a.lang { font-size: 14px;} .interface_layout .inner_controls ul li {margin-right: 30px;} .sect_name{display: none!important; text-align:left;} .mob_layout { height: 499px; width: 425px; margin: 0 auto;} .interface_layout .timeline { bottom: 200px!important;} #side_menu.menu_btn{display: none!important;} /*modal*/ #features .features_logo { position: relative; z-index: 200; height: 107px; width: auto; margin-top: 0px; } #features .features_container { position: relative; z-index: 200; padding-top: 20px; margin-top: 0;} #features .item img { float: left; } #features .features_container .item { padding: 15px 0;} #features .item .text { font-size: 18px!important; text-align: left; margin-left: 100px;} #features .features_container .item.rows2:last-child .text { padding-right: 215px; padding-top: 14px;} .pause_sm, .play_sm { left: 10%!important; width: 30%!important; text-align: center; top: 10%; font-size: 14px; } .offset-sm-3 {margin-left: 25%;} #share.remodal-share {width: calc(450px)!important; max-width: none; height: calc(50% - 150px)!important;} #favorite .image_holder .hover{display:none;} a.open_share_btn { font-size: 20px;} a.open_share_btn:before { transform: scale(0.6);} #main_share.open_share_btn:before { transform: scale(0.5); top: 15px; } #main_share .shareText { top: 0; } #main_share { position: absolute!important; float: right; padding: 0; left: 0; top: -50px; height: 43px; } .mob_top_part { padding: 40px 150px;} .compass { width: 120px; height: 120px; left: 20px; top: 80px;} .open_mob_filter_btn { width: 100px; height: 100px; margin-top: -131px;} .open_mob_search_btn { width: 100px; height: 100px; margin-top: 71px;} .open_mob_search_btn .mob_search_icon { margin: 30px auto 0;} .aero_left, .aero_right{display: none!important;} } /* 1024*768 landscape */ @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape){ .mob_bottom_part {position: absolute; left: 392px; top: 53px; padding: 0 90px; z-index: 95; text-align: center; margin: 0 auto;} .mob_interior_select {width:250px ; margin-right: 15px;} .mob_interior_select td {text-align: center; width: 120px;} .interface_layout .inner_controls { position: absolute; z-index: 102; left: 50px; bottom: 10px!important;} .mob_info_block .mob_left_infoblock { width: 23%;} .sect_name{display: none!important; text-align:left;} .mob_layout { height: 360px; margin: 0 auto; width: 460px;} /*modal*/ #features .features_container .item.rows3 .text { padding-top: 14px; padding-right: 14px;} #features .features_container .item.rows2:last-child .text { padding-right: 215px; padding-top: 14px;} #features .item .text { font-size: 14px!important; letter-spacing: 0.7pt;} #favorite .image_holder .hover{display:none;} .click_listener { position: absolute; width: 95%; height: 76%; left: 21px; top: 50px; z-index: 100; } .play { display: block; width: 80%!important; left: 103px!important;} .page_modal .remodal-dialog .modal_page1 .title { left: 110px; width: 36%;} .page_modal .remodal-dialog .modal_page3 .desc { margin-top: -120px;} .modal_page4 .rs-right-line { top: 230px;} .fancybox-inner img { margin: 12% 0;} .desc { max-height: 180px !important;} .menu_container .blocks .text p { margin-left: 20px;} .skip_video { top: 30px;} .owl-buttons .owl-next {right: 55px!important;} .owl-buttons .owl-prev { left: 55px!important;} .mob_top_part { padding: 40px 150px;} .compass { width: 100px; height: 100px; left: 20px; top: 70px;} #aero .aero_target { width: calc(100% - 100px); height: 600px; margin-left: 50px;} .pause_sm, .play_sm { left: 7%!important; width: 15%!important; text-align: center; top: 10%; font-size: 14px; height: 55px;} .play_sm {background: url(../img/play_sm.png) left top no-repeat;} .pause_sm {background: url(../img/pause_sm.png) left top no-repeat;} .close_wrap_pm .cls_mod { width: 32px; height: 32px; border: 0; background: url(../img/cls_mod.png) center no-repeat; top: 25px; right: 25px; position: absolute;} #side_menu.menu_btn{display: none!important;} #favorite .favor_desc_table { margin-top: 0px;} #favorite .favorites_caption { height: 135px; padding-top: 85px;} #favorite a.open_share_btn { height: 10px;} #favorite .apart_name { margin-bottom: 5px;} #favorite .apart_name p { margin-bottom: 5px;} #favorite .favor_desc_table .favor_left_desc { width: 67%; line-height: 13px;} #favorite .favor_desc_table .favor_right_desc { width: 32%; line-height: 27px;} #favorite .favor_desc_table .favor_left_desc { line-height: 35px !important;} #favorite .favor_desc_table .favor_right_desc { font-size: 21px; line-height: 35px !important;} #share.remodal-share {width: calc(420px)!important; max-width: none; height: calc(50% - 70px)!important;} .aero_left, .aero_right{display: none!important;} .disclaimermob{ font-weight: 100!important; font-size: 14px!important; } } /* 1024*768 portrait */ @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait){ .mob_bottom_part {position: absolute; left: 58px; bottom: 0px; padding: 0 80px; z-index: 95; text-align: center; margin: 0 auto;} .mob_interior_select {width:360px ; margin-right: 20px; font-size: 18px;} .mob_interior_select td {text-align: center; width: 120px;} .interface_layout .inner_controls { position: absolute; z-index: 102; left: 40px; bottom: 50px;} .sect_name{font-size: 24px;} .interface_layout .inner_controls ul li a.lang { font-size: 14px;} .interface_layout .inner_controls ul li {margin-right: 15px;} .sect_name{display: none!important; text-align:left;} .mob_layout { height: 499px; width: 425px; margin: 0 auto;} .interface_layout .timeline { bottom: 200px!important;} #side_menu.menu_btn{display: none!important;} /*modal*/ #features .features_logo { position: relative; z-index: 200; height: 107px; width: auto; margin-top: 0px; } #features .features_container { position: relative; z-index: 200; padding-top: 20px; margin-top: 0;} #features .item img { float: left; } #features .features_container .item { padding: 15px 0;} #features .item .text { font-size: 18px!important; text-align: left; margin-left: 100px;} #features .features_container .item.rows2:last-child .text { padding-right: 215px; padding-top: 14px;} .pause_sm, .play_sm { left: 10%!important; width: 14%!important; text-align: center; top: 10%; font-size: 14px; height: 55px; } #favorite .image_holder { margin-bottom: 60px!important; } .disclaimermob{ font-weight: 100!important; font-size: 14px!important; } #contacts .sl2 .contacts_left_line2 {top: 0px!important;} .mgm_m_text {color:white;} .play_sm { background: url(../img/play_sm.png) left top no-repeat;} .pause_sm { background: url(../img/pause_sm.png) left top no-repeat; } .interface_layout .inner_controls .volume button { width: 30px; height: 36px;} .offset-sm-3 {margin-left: 25%;} .click_listener { position: absolute; width: 100%; height: 60%; left: 0; top: 235px; z-index: 100; } #share.remodal-share {width: calc(450px)!important; max-width: none; height: calc(50% - 150px)!important;} #favorite .image_holder .hover{display:none;} a.open_share_btn { font-size: 20px;} a.open_share_btn:before { transform: scale(0.6);} #main_share.open_share_btn:before { transform: scale(0.5); top: 15px; } #main_share .shareText { top: 0; } #main_share { position: absolute!important; float: right; padding: 0; left: 0; top: -50px; height: 43px; } .mob_top_part { padding: 40px 150px;} .compass { width: 120px; height: 120px; left: 20px; top: 80px;} .open_mob_filter_btn { width: 100px; height: 100px; margin-top: -131px;} .open_mob_search_btn { width: 100px; height: 100px; margin-top: 71px;} .open_mob_search_btn .mob_search_icon { margin: 30px auto 0;} .aero_left, .aero_right{display: none!important;} } /* 960*540 landscape */ @media only screen and (device-width: 540px) and (device-height: 960px) and (orientation: landscape){ .mob_bottom_part {position: absolute; left: 392px; top: 53px; padding: 0 90px; z-index: 95; text-align: center; margin: 0 auto;} .mob_interior_select {width:250px ; margin-right: 15px;} .mob_interior_select td {text-align: center; width: 120px;} .interface_layout .inner_controls { position: absolute; z-index: 102; left: 30px; bottom: 30px;} .mob_info_block .mob_left_infoblock { width: 23%;} .sect_name{display: none!important; text-align:left;} .mob_top_part .mob_caption { font-size: 24px;} .mob_info_block .mob_left_infoblock { font-size: 18px;} .mob_info_block .mob_right_infoblock { font-size: 18px;} .mob_top_part { padding: 20px 135px;} .mob_layout { height: 193px; width: 370px; margin: 0 auto;} .compass { width: 100px; height: 100px; left: 20px; top: 35px;} .interface_layout .timeline { bottom: 135px!important; } #side_menu.menu_btn{display: none!important;} .aero_left, .aero_right{display: none!important;} /*modal*/ #favorite .image_holder .hover{display:none;} #features .features_container .item.rows3 .text { padding-right: 44px;} #features .features_container .item.rows2 .text { font-size: 12px; padding-right: 82px;} #features .features_container .item.rows2:last-child .text { padding-right: 215px; padding-top: 14px} #features .md_p {padding-top: 0px;} #features .features_logo { height: 80px; margin-top: 25px;} #features .page_caption { margin-top: 30px;} #features .features_container { margin-top: 0; padding-top: 0px;} #features .features_container .item:not(.last_row){width: 33.3%} #features .item img { float: left; } #features .item .text { font-size: 16px!important; text-align: left; margin-left: 70px; letter-spacing: 0.7pt;} #features .features_container .item { padding: 15px 0; } .pause_sm, .play_sm { left: 10%!important; width: 15%!important; text-align: center; top: 20%; font-size: 14px; } .offset-3 {margin-left:40%;} .offset-2 {margin-left:25%;} #favorite .favorites_caption { height: 95px; padding-top: 55px;} #favorite .favor_desc_table { margin-top: 51px; } #favorite a.open_share_btn { height: 10px;} #favorite .apart_name { margin-bottom: 5px;} #favorite .apart_name p { margin-bottom: 5px;} #favorite .favor_desc_table .favor_left_desc { width: 67%; line-height: 13px;} #favorite .favor_desc_table .favor_right_desc { width: 32%; line-height: 27px;} #favorite .favor_desc_table .favor_left_desc { line-height: 35px !important;} #favorite .favor_desc_table .favor_right_desc { font-size: 21px; line-height: 35px !important;} #favorite .count_favorites { margin-top: 15px; margin-bottom: 5px;} #favorite .image_holder { height: 220px; width: calc(100% - 96px);} #favorite .top_p{ width: 60%; float: left;} #favorite .favor_desc_table { width: 40%; float: left;} #side_menu.menu_btn{display: none!important;} #aero .aero_line { top: 15px;} #aero .md_p { padding-top: 0; } #aero .page_caption { padding-top: 20px; margin-bottom: 10px;} #aero .aero_target { height: 310px;} #aero .aero_target { width: calc(100% - 100px); height: 600px; position: relative; z-index: 200; margin-left: 50px; overflow: hidden;} #share.remodal-share {width: calc(420px)!important; max-width: none; height: calc(100% - 180px)!important;} } /* 960*540 portrait */ @media only screen and (device-width: 540px) and (device-height: 960px) and (orientation: portrait){ .mob_bottom_part { position: absolute; left: 65px; bottom: 40px; padding: 0; z-index: 95; text-align: center; margin: 0 auto;} .mob_interior_select {width:255px ; margin-right: 20px; font-size: 18px;} .mob_interior_select td {text-align: center; width: 120px;} .interface_layout .inner_controls { position: absolute; z-index: 102; left: 40px; bottom:15px;} .sect_name{font-size: 24px;} .interface_layout .inner_controls ul li a.lang { font-size: 14px;} .interface_layout .inner_controls ul li {margin-right: 15px;} .sect_name{display: none!important; text-align:left;} .mob_layout { height: 513px; width: 408px; margin: 0 auto;} .aero_left, .aero_right{display: none!important;} /*modal*/ #features .features_logo { position: relative; z-index: 200; height: 107px; width: auto; margin-top: 0px; } #features .features_container { position: relative; z-index: 200; padding-top: 20px; margin-top: 0;} #features .item img { float: left; } #features .features_container .item { padding: 7px 0;} #features .item .text { font-size: 18px!important; text-align: left; margin-left: 100px;} #features .features_container .item.rows2:last-child .text { padding-right: 215px; padding-top: 14px;} .pause_sm, .play_sm { left: 10%!important; width: 30%!important; text-align: center; top: 20%; font-size: 14px; } .offset-sm-3 {margin-left: 25%;} .interface_layout .timeline { bottom: 180px!important; } .mob-nondisplay{display:none;} #share.remodal-share {width: calc(450px)!important; max-width: none; height: calc(50% - 150px)!important;} #favorite .image_holder .hover{display:none;} .mob_info_block { margin-bottom: 10px; margin-left: 80px; width: 85%;} #main_share.open_share_btn:before { transform: scale(0.5); top: 15px;} #main_share .shareText { top: 0;} #main_share { position: absolute!important; float: right; padding: 0; left: 0; top: -50px; height: 43px;} .mob_top_part .mob_caption, .mob_top_part a.open_share_btn { margin-left: 80px;} .compass { width: 100px; height: 100px; left: 20px; top: 35px;} #side_menu.menu_btn{display: none!important;} } /* 736*414 landscape */ @media only screen and (min-device-width: 400px) and (max-device-height: 736px) and (orientation: landscape){ .mob_bottom_part {position: absolute; left: 295px; top: 10px; padding: 0 20px; z-index: 95; text-align: center; margin: 0 auto;} .mob_interior_select {width:237px ; margin-right: 15px;} .mob_interior_select td {text-align: center; width: 120px;} .interface_layout .inner_controls { position: absolute; z-index: 102; left: 30px; bottom: 10px;} .mob_layout { height: 171px; width: 312px; margin: 0 auto;} .mob_download { margin-left: 30px;} .sect_name{display: none!important; text-align: left; } .mob_info_block .mob_left_infoblock { width: 23%;} .mob-nondisplay{display:none;} /*modal*/ .aero_left, .aero_right{display: none!important;} #features .features_container .item.rows3 .text { padding-right: 44px;} #features .features_container .item.rows2 .text { font-size: 12px; padding-right: 48px;} #features .features_container .item.rows2:last-child .text { padding-right: 215px; padding-top: 14px} #features .md_p {padding-top: 0px;} #features .features_logo { height: 50px; margin-top: 15px;} #features .page_caption { margin-top: 15px; font-size: 24px; margin-bottom: 5px;} #features .features_container { margin-top: 0; padding-top: 0px;} #features .features_container .item:not(.last_row){width: 33.3%} #features .item img { float: left; } #features .item .text { font-size: 12px!important; text-align: left; margin-left: 55px; letter-spacing: 0.7pt; padding-top: 5px!important;} #features .features_container .item { padding: 15px 0; } #features .features_container img {height: 63px; } .pause_sm, .play_sm { left: 10%!important; width: 15%!important; text-align: center; top: 20%; font-size: 10px; } #favorite .favorites_caption { height: 46px; padding-top: 35px;} #favorite .favor_desc_table { margin-top: 0px;} #favorite .image_holder .hover{display:none;} #favorite a.open_share_btn { height: 10px;} #favorite .apart_name { margin-bottom: 5px;} #favorite .apart_name p { margin-bottom: 5px;} #favorite .favor_desc_table .favor_left_desc { width: 50%; line-height: 13px;} #favorite .favor_desc_table .favor_right_desc { width: 32%; line-height: 27px;} #favorite .favor_desc_table .favor_left_desc { line-height: 35px !important;} #favorite .favor_desc_table .favor_right_desc { font-size: 21px; line-height: 35px !important;} #favorite .count_favorites { margin-top: 26px; margin-bottom: 5px;} #favorite .image_holder { height: 145px; width: calc(100% - 95px);} #main_share.open_share_btn:before { transform: scale(0.5); top: 15px;} #main_share .shareText { top: 0;} #main_share { position: absolute!important; float: right; padding: 0; left: 0; top: -25px; height: 25px;} .compass { width: 70px; height: 70px; left: 15px; top: 20px;} .mob_top_part { padding: 0px 90px;} .offset-3 {margin-left:40%;} .offset-2 {margin-left:25%;} #aero .aero_target { height: calc(100% - 12px); margin-top: 20px;} #share.remodal-share {width: calc(420px)!important; max-width: none; height: calc(100% - 50px)!important;} #side_menu.menu_btn{display: none!important;} } /* 736*414 portrait */ @media only screen and (min-device-width: 400px) and (max-device-height: 736px) and (orientation: portrait){ .mob_bottom_part { position: absolute; left: 12px; bottom: 38px; padding: 0; z-index: 95; text-align: center; margin: 0 auto;} .mob_interior_select {width: 270px; margin-right: 15px;} .mob_interior_select td {text-align: center; width: 120px;} .interface_layout .inner_controls { position: absolute; z-index: 102; left: 20px; bottom: 15px;} .mob_download { margin-left: 30px;} .mob_layout {height: 360px;} .mob_top_part { padding: 0px 60px;} .sect_name{display: none!important; text-align:left;} .aero_left, .aero_right{display: none!important;} .click_listener {width: 70%; height: 89%; z-index: 100; margin: 0 62px;} /*modal*/ #features .features_logo { height: 70px; margin-top: 0px;} #features .md_p { padding-top: 15px;} #features .page_caption { font-size: 24px; margin-top: 15px;} #features .features_container { position: relative; z-index: 200; padding-top: 0; margin-top: 0;} #features .item img { float: left; height: 65px;} #features .features_container .item { padding: 8px 0;} #features .item .text { font-size: 12px!important; text-align: left; margin-left: 69px;} #features .features_container .item.rows2:last-child .text { padding-right: 215px; padding-top: 14px;} #features .features_container .item.rows2 .text { padding-top: 13px;} #features .features_container .item.rows3 .text { padding-top: 8px;} .mob-nondisplay{display:none;} #favorite .favor_line { top: 45px;} #favorite .favorites_caption { height: 85px; padding-top:45px;} #favorite a.open_share_btn { height: 10px;} #favorite .apart_name { margin-bottom: 5px;} #favorite .apart_name p { margin-bottom: 5px;} #favorite .favor_desc_table .favor_left_desc { width: 67%; line-height: 13px;} #favorite .favor_desc_table .favor_right_desc { width: 32%; line-height: 27px;} #favorite .image_holder .hover{display:none;} #favorite .image_holder { height: 163px; width: calc(100% - 136px); position: relative; cursor: pointer; margin: 0 auto 20px;} #favorite .delete_favor { position: absolute; right: 35px; top: 8px;} .offset-sm-3 {margin-left: 20%;} #share.remodal-share {width: calc(390px)!important; max-width: none; height: calc(50% - 40px)!important;} .mob_info_block { margin-bottom: 10px; margin-left: 80px; width: 85%;} .pause_sm, .play_sm { left: 10%!important; width: 30%!important; text-align: center; top: 20%; height: 18px; font-size: 12px; } .mob_top_part .mob_caption, .mob_top_part a.open_share_btn { margin-left: 80px;} #main_share.open_share_btn:before { transform: scale(0.5); top: 15px;} #main_share .shareText { top: 0;} #main_share { position: absolute!important; float: right; padding: 0; left: 0; top: -40px; height: 25px;} .interface_layout .timeline { bottom: 145px!important;} .compass { width: 100px; height: 100px; left: 20px; top: 25px;} #side_menu.menu_btn{display: none!important;} } /* 667*375 landscape */ @media only screen and (device-width: 375px) and (device-height: 667px) and (orientation: landscape){ .mob_bottom_part {position: absolute; left: 295px; top: 10px; padding: 0; z-index: 95; text-align: center; margin: 0 auto;} .mob_interior_select {width:237px ; margin-right: 15px;} .mob_interior_select td {text-align: center; width: 120px;} .interface_layout .inner_controls { position: absolute; z-index: 102; left: 30px; bottom: 10px;} .mob_layout { height: 155px; width: 290px; margin: 0 auto;} .mob_download { margin-left: 30px;} .sect_name{display: none!important; text-align:left;} .mob_info_block .mob_left_infoblock { width: 23%;} .aero_left, .aero_right{display: none!important;} /*modal*/ .pause_sm, .play_sm { left: 10%!important; width: 15%!important; text-align: center; top: 20%; font-size: 10px;} #features .features_container .item.rows3 .text { padding-right: 44px;} #features .features_container .item.rows2 .text { font-size: 12px; padding-right: 48px;} #features .features_container .item.rows2:last-child .text { padding-right: 215px; padding-top: 14px} #features .md_p {padding-top: 0px;} #features .features_logo { height: 50px; margin-top: 15px;} #features .page_caption { margin-top: 15px; font-size: 24px; margin-bottom: 5px;} #features .features_container { margin-top: 0; padding-top: 0px;} #features .features_container .item:not(.last_row){width: 33.3%} #features .item img { float: left; } #features .item .text { font-size: 11px!important; text-align: left; margin-left: 50px; letter-spacing: 0.7pt; padding-top: 5px!important;} #features .features_container .item { padding: 10px 0; } #features .features_container img {height: 63px; } .result-item-img-text { padding: 50px 15px 10px 10px;} #favorite .favorites_caption { height: 46px; padding-top: 35px;} #favorite .favor_desc_table { margin-top: 0px;} .mob-nondisplay{display:none;} #favorite a.open_share_btn { height: 10px;} #favorite .apart_name { margin-bottom: 5px;} #favorite .apart_name p { margin-bottom: 5px;} #favorite .favor_desc_table .favor_left_desc { width: 35%; line-height: 13px;} #favorite .favor_desc_table .favor_right_desc { width: 32%; line-height: 27px;} #favorite .favor_desc_table .favor_left_desc { line-height: 35px !important;} #favorite .favor_desc_table .favor_right_desc { font-size: 21px; line-height: 35px !important;} #favorite .count_favorites { margin-top: 26px; margin-bottom: 5px;} #favorite .image_holder { height: 115px; width: calc(100% - 95px);} #favorite .image_holder .hover{display:none;} .offset-3 {margin-left:40%;} .offset-2 {margin-left:25%;} .compass { width: 70px; height: 70px; left: 15px; top: 10px;} .mob_top_part { padding: 0px 90px;} #main_share.open_share_btn:before {transform: scale(0.5); top: 15px;} #main_share .shareText { top: 0;} #main_share { position: absolute!important; float: right; padding: 0; left: 0; top: -25px; height: 25px;} #customSignatureTrackLine { bottom: 90px;} #aero .aero_target { height: calc(100% - 5px); margin-top: 0;} #share.remodal-share {width: calc(420px)!important; max-width: none; height: calc(100% - 50px)!important;} #side_menu.menu_btn{display: none!important;} } /* 667*375 portrait */ @media only screen and (device-width: 375px) and (device-height: 667px) and (orientation: portrait){ .mob_bottom_part { position: absolute; left: 12px; bottom: 38px; padding: 0; z-index: 95; text-align: center; margin: 0 auto;} .mob_interior_select {width: 228px; margin-right: 15px;} .mob_interior_select td {text-align: center; width: 120px;} .interface_layout .inner_controls { position: absolute; z-index: 102; left: 20px; bottom: 10px;} .mob_download { margin-left: 30px;} .mob_top_part { padding: 0px 60px;} .sect_name{display: none!important; text-align:left;} .mob_layout { height: 278px;} .aero_left, .aero_right{display: none!important;} .click_listener {width: 68%; height: 89%; z-index: 100; margin: 0 62px;} /*modal*/ #features .features_logo { height: 70px; margin-top: 0px;} #features .md_p { padding-top: 15px;} #features .page_caption { font-size: 22px; margin-top: 10px;} #features .features_container { position: relative; z-index: 200; padding-top: 0; margin-top: 0;} #features .item img { float: left; height: 65px;} #features .features_container .item { padding: 6px 0;} #features .item .text { font-size: 12px!important; text-align: left; margin-left: 69px;} #features .features_container .item.rows2:last-child .text { padding-right: 215px; padding-top: 14px;} #features .features_container .item.rows2 .text { padding-top: 13px;} #features .features_container .item.rows3 .text { padding-top: 8px;} .result-item-img-text { padding: 50px 15px 10px 10px;} .mob-nondisplay{display:none;} #favorite .favor_line { top: 45px;} #favorite .favorites_caption { height: 85px; padding-top:45px;} #favorite a.open_share_btn { height: 10px;} #favorite .apart_name { margin-bottom: 5px;} #favorite .apart_name p { margin-bottom: 5px;} #favorite .favor_desc_table .favor_left_desc { width: 67%; line-height: 13px;} #favorite .favor_desc_table .favor_right_desc { width: 32%; line-height: 27px;} #favorite .image_holder .hover{display:none;} .offset-sm-3 {margin-left: 17%;} .pause_sm, .play_sm { left: 10%!important; width: 30%!important; text-align: center; top: 20%; height: 18px; font-size: 12px; } #share.remodal-share {width: calc(350px)!important; max-width: none; height: calc(50% - 10px)!important;} .remodal .uct-remodal-close { top: 25px!important; right: 25px!important;} .mob_info_block { margin-bottom: 10px; margin-left: 70px; width: 85%; } .mob_top_part .mob_caption, .mob_top_part a.open_share_btn { margin-left: 70px; } #main_share.open_share_btn:before { transform: scale(0.5); top: 15px;} #main_share .shareText { top: 0;} #main_share { position: absolute!important; float: right; padding: 0; left: 0; top: -35px; height: 25px;} .skip_video { top: auto; bottom: 49px!important;} .interface_layout .timeline { bottom: 110px!important;} .compass { width: 85px; height: 85px; left: 20px; top: 25px;} #side_menu.menu_btn{display: none!important;} } /* 640*360 landscape */ @media only screen and (device-width: 360px) and (device-height: 640px) and (orientation: landscape){ .mob_bottom_part {position: absolute; left: 295px; top: 10px; padding: 0; z-index: 95; text-align: center; margin: 0 auto;} .mob_interior_select {width:210px ; margin-right: 15px;} .mob_interior_select td {text-align: center; width: 120px;} .interface_layout .inner_controls { position: absolute; z-index: 102; left: 30px; bottom: 10px;} .mob_layout { height: 100px; width: 186px; margin: 0 auto;} .mob_download { margin-left: 30px;} .sect_name{display: none!important; text-align:left;} .mob_info_block .mob_left_infoblock { width: 23%;} .aero_left, .aero_right{display: none!important;} /*modal*/ .pause_sm, .play_sm { left: 10%!important; width: 10%!important; text-align: center; top: 20%; font-size: 10px; height: 45px; vertical-align: middle; padding: 15px 0px; } .result-item-img-text { display:none;} #features .features_container .item.rows3 .text { padding-right: 44px;} #features .features_container .item.rows2 .text { font-size: 12px; padding-right: 48px;} #features .features_container .item.rows2:last-child .text { padding-right: 215px; padding-top: 14px} #features .md_p {padding-top: 0px;} #features .features_logo { height: 40px; margin-top: 15px;} #features .page_caption { margin-top: 15px; font-size: 24px; margin-bottom: 5px;} #features .features_container { margin-top: 0; padding-top: 0px;} #features .features_container .item:not(.last_row){width: 33.3%} #features .item img { float: left; } #features .item .text { font-size: 11px!important; text-align: left; margin-left: 39px; letter-spacing: 0.7pt; padding-top: 5px!important;} #features .features_container .item { padding: 0; } #features .features_container img {height: 57px; } .mob-nondisplay{display:none;} #favorite .favorites_caption { height: 35px; padding-top: 20px;} #favorite .favor_desc_table { margin-top: 0px;} #favorite .image_holder .hover{display:none;} #favorite a.open_share_btn { height: 10px;} #favorite .apart_name { margin-bottom:0px;} #favorite .apart_name p { margin-bottom: -3px;} #favorite .favor_desc_table .favor_left_desc { width: 37%; line-height: 13px;} #favorite .favor_desc_table .favor_right_desc { width: 28%; line-height: 27px;} #favorite .favor_desc_table .favor_left_desc { line-height: 25px !important;} #favorite .favor_desc_table .favor_right_desc { font-size: 16px; line-height: 25px !important;} #favorite .count_favorites { margin-top: 35px; margin-bottom: 0px;} #favorite .image_holder { height: 70px; width: calc(100% - 160px);} #favorite .top_p { width: 50%; float: left;} #favorite .favor_line { top: 30px;} #favorite .favor_desc_table { width: calc(50% - 50px); float: right;} .slider .owl-pagination { position: absolute; top: -8px; left: 255px;} .menu_btn, .add_to_favorites_btn, .open_mob_filter_btn, .open_mob_features_btn, .open_mob_search_btn { width: 50px; height: 50px;} .menu_btn .menu_icon { margin-top: 7px;} .add_to_favorites_btn .favor_icon { margin: 16px auto 0;} .mob_apartments .menu_btn { margin-top: -47px; } .open_mob_features_btn .mob_features_icon { margin: 6px auto 0;} .open_mob_search_btn { margin-top: 25px;} .open_mob_features_btn { margin-top: -26px;} .open_mob_filter_btn { margin-top: -77px;} .add_to_favorites_btn { margin-top: 4px;} .open_mob_search_btn .mob_search_icon { margin: 5px auto 0;} #side_menu.menu_btn{display: none!important;} .compass { width: 70px; height: 70px; left: 13px; top: 2px;} .mob_top_part { padding: 0px 90px; } #main_share.open_share_btn:before { transform: scale(0.5); top: 15px; } #main_share .shareText { top: 0; } #main_share { position: absolute!important; float: right; padding: 0; left: 0; top: -25px; height: 25px; } .offset-3 {margin-left:40%;} .offset-2 {margin-left:25%;} #aero .aero_target { height: calc(100% - -27px); margin-top: -10px;} #aero .page_caption { margin-bottom: 15px;} .modal_page1.md_p {padding-top: 8px!important;} #share.remodal-share { padding: 0 35px!important; width: calc(420px)!important; max-width: none; height: calc(100% - 40px)!important;} .remodal .uct-remodal-close { top: 25px!important; right: 25px!important;} } /* 640*360 portrait */ @media only screen and (device-width: 360px) and (device-height: 640px) and (orientation: portrait){ .mob_bottom_part { position: absolute; left: 0px; bottom: 38px; padding: 0 20px; z-index: 95; text-align: center; margin: 0 auto;} .mob_interior_select {width: 220px; margin-right: 5px;} .mob_interior_select td {text-align: center; width: 120px;} .interface_layout .inner_controls { position: absolute; z-index: 102; left: 20px; bottom: 10px;} .mob_download { margin-left: 10px;} .mob_aero { margin-left: 8px;} .mob_top_part { padding: 0px 70px;} .sect_name{display: none!important; text-align:left;} .mob_layout { height: 204px; margin: 0 auto; width: 86%;} #side_menu.menu_btn{display: none!important;} .aero_left, .aero_right{display: none!important;} /*modal*/ #features .features_logo { height: 55px; margin-top: 0px;} #features .md_p { padding-top: 15px;} #features .page_caption { font-size: 22px; margin-top: 6px; margin-bottom: 1px;} #features .features_container { position: relative; z-index: 200; padding-top: 0; margin-top: 0;} #features .item img { float: left; height: 60px;} #features .features_container .item { padding: 3px 0;} #features .item .text { font-size: 12px!important; text-align: left; margin-left: 69px;} #features .features_container .item.rows2:last-child .text { padding-right: 215px; padding-top: 4px;} #features .features_container .item.rows2 .text { padding-top: 8px;} #features .features_container .item.rows3 .text { padding-top: 0px;} .mob-nondisplay{display:none;} .offset-sm-3 {margin-left: 17%;} .click_listener {width: 68%; height: 89%; z-index: 100; margin: 0 62px;} #favorite .image_holder .hover{display:none;} #favorite .count_favorites { margin-top: 10px; margin-bottom: 10px;} #favorite .image_holder { height: 163px; width: calc(100% - 85px); position: relative; cursor: pointer; margin: 0 auto 4px;} #favorite .favor_desc_table { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; width: calc(100% - 85px);} #favorite .favor_line { top: 45px;} #favorite .favorites_caption { height: 85px; padding-top:45px;} #favorite a.open_share_btn { height: 10px;} #favorite .apart_name { margin-bottom: 5px;} #favorite .apart_name p { margin-bottom: 5px;} #favorite .favor_desc_table .favor_left_desc { width: 54%; line-height: 13px;} #favorite .favor_desc_table .favor_right_desc { width: 32%; line-height: 25px;} #share.remodal-share { padding: 0 35px!important; width: calc(330px)!important; max-width: none; height: calc(50% - 20px)!important;} .mob_layout img { width: 100%; height: -webkit-fill-available; max-width: 100%; max-height: 100%; } .pause_sm, .play_sm { left: 10%!important; width: 30%!important; text-align: center; top: 20%; font-size: 10px; height: 45px; vertical-align: middle; padding: 15px 0px; } .remodal .uct-remodal-close { top: 25px!important; right: 20px!important;} .mob_info_block { margin-bottom: 10px; margin-left: 50px; width: 90%; } .mob_top_part .mob_caption, .mob_top_part a.open_share_btn { margin-left: 50px; } .compass { width: 80px; height: 80px; left: 15px; top: 25px;} #main_share.open_share_btn:before { transform: scale(0.5); top: 15px; } #main_share .shareText { top: 0; } #main_share { position: absolute!important; float: right; padding: 0; left: 0; top: -25px; height: 25px; } } /* 568*320 landscape iphone5*/ @media screen and (device-width: 320px) and (device-height: 568px) and (orientation: landscape){ .mob_bottom_part { position: absolute; left: 275px; top: 10px; padding: 0; z-index: 95; text-align: center; margin: 0 auto;} .mob_interior_select {width: 100px; margin-right: 0px;} .mob_interior_select td {text-align: center; width: 120px;} .interface_layout .inner_controls { position: absolute; z-index: 102; left: 30px; bottom: 10px;} .mob_layout { height: 93px; width: 173px; margin: 0 auto;} .mob_download { margin-left: 15px;} .pause_sm, .play_sm { left: 10%!important; width: 30%!important; text-align: center; top: 10%; font-size: 10px; height: 45px; padding: 15px 0px; } #side_menu.menu_btn{display: none!important;} .sect_name{display: none!important; text-align:left;} .mob_info_block .mob_right_infoblock { width: 64%;} .mob_info_block { margin-bottom: 5px;} .aero_left, .aero_right{display: none!important;} /*modal*/ #features .features_container .item.rows3 .text { padding-right: 44px;} #features .features_container .item.rows2 .text { font-size: 12px; padding-right: 48px;} #features .features_container .item.rows2:last-child .text { padding-right: 215px; padding-top: 14px} #features .md_p {padding-top: 0px;} #features .features_logo { height: 40px; margin-top: 10px;} #features .page_caption { margin-top: 15px; font-size: 24px; margin-bottom: 5px;} #features .features_container { margin-top: 0; padding-top: 0px;} #features .features_container .item:not(.last_row){width: 33.3%; margin-bottom: 9px;} #features .item img { float: left; } #features .item .text { font-size: 11px!important; text-align: left; margin-left: 36px; letter-spacing: 0.7pt; padding-top: 5px!important;} #features .features_container .item { padding: 0; } #features .features_container img {height: 57px; } .mob-nondisplay{display:none;} .result-item-img-text { padding: 50px 10px 10px 10px;} #favorite .favor_desc_table .favor_right_desc { font-size: 16px; line-height: 23px !important;} #favorite .image_holder { height: 87px; width: calc(100% - 60px); margin-left: 75px; } #favorite .image_holder .hover{display:none;} .page_modal .remodal-dialog .modal_page1 { margin-left: 15px; margin-top: 50px; width: calc(100% - 30px); height: calc(100% - 100px); -webkit-width: calc(100% - 30px); -webkit-height: calc(100% - 100px); -moz-width: calc(100% - 30px); -moz-height: calc(100% - 100px); -o-width: calc(100% - 30px); -o-height: calc(100% - 100px); -ms-width: calc(100% - 30px); -ms-height: calc(100% - 100px); } #main_share.open_share_btn:before { transform: scale(0.5); top: 15px; } #main_share .shareText { top: 0; } #main_share { position: absolute!important; float: right; padding: 0; left: 0; top: -25px; height: 25px; } .menu_btn, .add_to_favorites_btn, .open_mob_filter_btn, .open_mob_features_btn, .open_mob_search_btn { width: 50px; height: 50px;} .menu_btn .menu_icon { margin-top: 7px;} .add_to_favorites_btn .favor_icon { margin: 16px auto 0;} .mob_apartments .menu_btn { margin-top: -47px; } .open_mob_features_btn .mob_features_icon { margin: 6px auto 0;} .open_mob_search_btn { margin-top: 25px;} .open_mob_features_btn { margin-top: -26px;} .open_mob_filter_btn { margin-top: -77px;} .add_to_favorites_btn { margin-top: 4px;} .open_mob_search_btn .mob_search_icon { margin: 5px auto 0;} #contacts .c_address { margin-top: 5px!important;} #contacts .c_social { position: absolute; bottom: 3px!important; } #contacts .left .c_title { margin-left: 63px !important; margin-top: 37px!important; } #contacts .left .c_title p { text-transform: uppercase; color: #fff; font-size: 22px; margin-bottom: 3px;} #contacts .c_address .adr { font-size: 18px; } #contacts .phone a { font-size: 18px; } #contacts .time { color: #fff; font-size: 18px; text-decoration: none; letter-spacing: 3px; } .contacts_left_line { margin-top: 30px!important;} #contacts .c_title3_mob { margin-left: 0px !important; margin-top: 9px;} #contacts .sl2 .c_title2 { margin-top: 0;} #contacts .sl2 .left img { margin-top: 0;} #favorite .count_favorites { margin-top: 0!important; margin-bottom: 5px; } .mgm_mobile { padding-top: 33px!important; } .mgm_m_header{font-size: 22px!important;} #contacts .c_title3_mob hr { margin-top: 20px; margin-bottom: 3px;} #contacts .c_title3_mob p { text-transform: uppercase; color: #fff; font-size: 22px;} .compass { width: 70px; height: 70px; left: 13px; top: 2px;} .mob_top_part { padding: 0px 90px; } .offset-3 {margin-left:40%;} .offset-2 {margin-left:25%;} #aero .aero_target { height: calc(100% - -9px); margin-top: -5px;} #share.remodal-share {width: calc(420px)!important; max-width: none; height: calc(100% - 10px)!important; } #menu_modal .blocks .text p { margin-left: 10px!important; margin-top: 5px!important;} .click_listener { position: absolute; width: 76%!important; height: 80%!important; left: 67px; top: 3px;} .play { display: block; width: 76%!important; left: 68px!important;} } /* 568*320 portrait */ @media screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait){ .mob_bottom_part { position: absolute; left: 0px; bottom: 30px; padding: 0; z-index: 95; text-align: center; margin: 0 auto;} .mob_interior_select {width: 228px; margin-right: 5px;} .mob_interior_select td {text-align: center; width: 120px;} .interface_layout .inner_controls { position: absolute; z-index: 102; left: 20px; bottom: 10px;} .mob_download { margin-left: 10px;} .mob_aero { margin-left: 8px;} .mob_top_part { padding: 0px 60px;} .mob_layout img { width: 100%; height: -webkit-fill-available; max-width: 100%; max-height: 100%; } #side_menu.menu_btn{display: none!important;} .mob_layout { height: 194px; margin: 0 auto; width: 85%; } .mgm_mobile { padding-top: 33px!important; } .click_listener { position: absolute; width: 62%; height: 85%; z-index: 100; margin: 0 62px;} .interface_layout .timeline { bottom: 110px!important; } .pause_sm, .play_sm { left: 10%!important; width: 30%!important; text-align: center; top: 100px; font-size: 10px; height: 45px; padding: 15px 0px; } #contacts .c_address { width: 100%; margin: 20px auto 25px !important;} .contacts_left_line { margin-top: 60px;} #contacts .c_social { position: absolute!important; bottom: 10px!important; margin: 0 auto !important; width: 100%!important; } #contacts .left .c_title { margin-left: 0px !important; margin-top: 70px!important; margin-bottom: 25px!important; } #contacts .c_title3_mob { margin-left: 0px !important; margin-top: 40px!important;} #contacts .c_title3_mob hr { margin-top: 20px!important; margin-bottom: 10px!important;} #contacts .sl2 .left img { margin-top: 20px!important;} #contacts .sl2 .contacts_left_line2 { top: 210px!important;} #contacts .sl2 .c_title2 { margin-top: 20px!important; } .sect_name{display: none!important; text-align:left;} .aero_left, .aero_right{display: none!important;} #favorite .image_holder .hover{display:none;} .skip_video { top: auto; bottom: 10px!important;} /*modal*/ #features .features_logo { height: 50px; margin-top: 0px;} #features .md_p { padding-top: 15px;} #features .page_caption { font-size: 18px; margin-top: 6px; margin-bottom: 1px;} #features .features_container { position: relative; z-index: 200; padding-top: 0; margin-top: 0;} #features .item img { float: left; height: 60px;} #features .features_container .item { padding: 3px 0;} #features .item .text { font-size: 11px!important; text-align: left; margin-left: 50px;} #features .features_container .item.rows2:last-child .text { padding-right: 215px; padding-top: 4px;} #features .features_container .item.rows2 .text { padding-top: 8px;} #features .features_container .item.rows3 .text { padding-top: 0px;} .mob-nondisplay{display:none;} #main_share.open_share_btn:before { transform: scale(0.5); top: 15px; } #main_share .shareText { top: 0; } #main_share { position: absolute!important; float: right; padding: 0; left: 0; top: -35px; height: 25px; } .offset-sm-3 {margin-left: 17%;} #favorite .favorites_caption { padding-top: 44px; height: 80px; } #favorite .image_holder { width: calc(100% - 60px); height: 140px; } .favorites_caption .open_share_btn {height: 10px;} #share.remodal-share {padding: 0 15px!important; width: calc(310px)!important; max-width: none; height: calc(50% - 10px)!important;} .remodal .uct-remodal-close { top: 25px!important; right: 15px!important;} .remodal .uct-remodal-close { top: 25px!important; right: 20px!important;} .mob_info_block { margin-bottom: 10px; margin-left: 20px; width: 90%; } .mob_top_part .mob_caption, .mob_top_part a.open_share_btn { margin-left: 20px; } .compass { width: 70px; height: 70px; left: 10px; top: 25px;} } .submit_btn{ font-size: 17px; color: #fff; text-transform: uppercase; padding-top: 15px; padding-bottom: 15px; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 18px; padding-right: 18px; width: 50%; margin: 0 auto; } .submit_btn a{ color: #fff;} /* DO NOT REMOVE!! IMPORTANT */ .int2 {display: none;} .remodal-overlay { z-index: 300; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); } .remodal-wrapper { background-color: rgba(0, 0, 0, 0.88); } .uct-rem { background-color: #000!important; color: #fff!important; font-family: "Open Sans", arial, sans-serif; -webkit-transform: none; -ms-transform: none; transform: none; width: calc(100% - 160px); max-width: none; height: calc(100% - 160px); background-size: cover; margin-bottom: 0; } .remodal .uct-remodal-close { width: 31px; height: 31px; position: absolute; top: 50px; right: 50px; background: url(../img/modal-close.png) center center no-repeat; cursor: pointer; /* z-index: 999; */ } .col-xs-3 i.fa{font-size: 40px; margin-bottom: 35px;} .remodal-share h2{margin-bottom: 20px;} .remodal-share a{color:#fff} .fa-telegramN:before{ content: url(../img/telegram.svg); transform: scale(2.3); display: block; } .fa-smsN:before{ content: url(../img/sms.svg); transform: scale(2.3); display: block; } .fa-viberN:before{ content: url(../img/viber.svg); transform: scale(2.3); display: block; } .fa-phoneN::before{ content: url(../img/watsup.svg); transform: scale(2.5); display: block; } .fa-youtubeN:before{ background-image: url('../img/youtube.svg'); background-repeat: no-repeat; background-size: 45px auto; position: absolute; right: -35px; top: 8%; content: ''; width: 50px; height: 20px; } #main_share{ position: relative; float: right; padding: 0;} #main_share .shareText { top: -25px; } #main_share.open_share_btn:before { transform: scale(0.5); top: -12px; } .interface_layout .inner_controls ul { display: inline-block; float: left;} .interface_layout .inner_controls { width: 299px;} .fill p{cursor: pointer;} #contacts .c_social { position: absolute; bottom: 30px; } #contacts .c_social .fa{ font-size: 20px; } #contacts .left { position: relative; } #contacts .c_social .col-xs-1:not(:last-child) { margin-right: 15px; } #contacts .c_social .col-xs-1:first-child{ margin-right: 35px; } .skip_video{ z-index: 999;} .menu_page_name{cursor: pointer;} #side_menu.menu_btn .fill p { letter-spacing: 3px; font-size: 12px; margin-left: 4px; } /* .blocks.zoomIn{ filter: alpha(opacity=70); -moz-opacity:.7; opacity:.7; -khtml-opacity: .7; } */ .funnyLoad{ text-align: center; position: relative; z-index: 999; left: 0px; width: 100%; height: 100%; top: 30%; color: #FFF; font-size: 40px; } .sk-cube-grid { width: 40px; height: 40px; margin: 100px auto; } .sk-cube-grid .sk-cube { width: 33%; height: 33%; background-color: #eee; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0s; animation-delay: 0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } .vdudkubefore::before{ content: "" !important; } /*-----------------------------*/ /* I LOVE SIGNATURE VERY MUCH */ /*-----------------------------*/ /* TASK: #4, CASE: O, Y, BB; */ @media(width: 1600px) and (height: 900px){ .interface_layout .inner_controls ul li {margin-right: 20px !important;} .interface_layout .inner_controls .volume button {padding: 14px 20px !important;} } @media(width: 1600px) and (max-height: 866px) and (min-height: 751px){ .interface_layout .inner_controls ul li {margin-right: 20px !important;} .interface_layout .inner_controls .volume button {padding: 14px 20px !important;} } @media(width: 375px) and (height: 667px){ .interface_layout .inner_controls .volume button {padding: 3px 25px !important; margin-left: -20px !important;} } /* TASK: #5, CASE: I, J, K, M, L, N*/ @media(width: 1920px) and (height: 1080px){ .pause_sm {padding-bottom: 30px; padding-top: 30px; padding-right: 30px; margin-top: -30px;} } @media(width: 1920px) and (min-height: 931px) and (max-height: 1046px){ .pause_sm {padding-bottom: 30px; padding-top: 30px; padding-right: 30px; margin-top: -30px;} } @media(width: 1680px) and (height: 1050px){ .pause_sm {padding-bottom: 30px; padding-top: 30px; padding-right: 30px; margin-top: -30px;} } @media(width: 1680px) and (min-height: 901px) and (max-height: 1016px){ .pause_sm {padding-bottom: 30px; padding-top: 30px; padding-right: 30px; margin-top: -30px;} } @media(min-width: 758px) and (max-width: 778px) and (max-height: 1200px) and (min-height: 950px){ .delete_favor {top: 9px !important; right: 25px !important;} }