.outer.content .work_block.new_village_xxl { margin: -2px auto 50px auto; } .new_village_xxl #village_nav_line { height: 1px; } .new_village_xxl #village_nav_line .wrapper { display: none; } .new_village_xxl #village_nav_line.fixed .wrapper { display: block; } .outer.content .work_block.new_village_xxl.new_lot { margin-bottom: 0px; margin-top: -1px; } .outer.content .work_block.new_village_xxl .vd-fluid.gray { padding-top: 20px; padding-bottom: 0px; } .outer.content .work_block.new_village_xxl .vd-fluid.gray.n_m { padding-top: 0px; padding-bottom: 0px; } .outer.content .work_block.new_village_xxl .vd-fluid.gray.gp { padding-top: 0px; padding-bottom: 20px; } .outer.content .work_block.new_village_xxl .vd-fluid.gray.gp.action { padding-top: 30px; padding-bottom: 30px; } .vd-fluid.red { background: #ba0000 url('/i/nvillage/red_fon.jpg') no-repeat bottom center; padding-bottom: 40px; } .vd-fluid.red .h1 { color: #fff; } .vd-fluid.red .vil_h2 { color: #fff; } .wt_bl { background: #fff; padding: 15px 15px 15px 15px; margin: 15px 0px; max-height: 266px; overflow: hidden; opacity: 0.98; } .wt_bl img { max-height: 120px; margin: 0px auto 0px auto; } .wt_bl div { font-size: 14px; color: #131313; font-family: Arial; min-height: 110px; margin-top: 20px; text-align: center; } .wt_bl img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out; } .wt_bl:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .wt_bl:hover { opacity: 1; -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,1); box-shadow: 0px 0px 17px 0px rgba(0,0,0,1); } .wt_bl2 { background: #f6f6f6; max-width: 347px; padding: 0px 0px 20px 0px; margin: 15px auto 60px auto; overflow: hidden; -webkit-box-shadow: 0px 0px 17px 0px rgba(112,119,133,0.5); -moz-box-shadow: 0px 0px 17px 0px rgba(112,119,133,0.5); box-shadow: 0px 0px 17px 0px rgba(112,119,133,0.5); } .wt_bl2:hover { -webkit-box-shadow: 0px 0px 17px 0px rgba(112,119,133,1); -moz-box-shadow: 0px 0px 17px 0px rgba(112,119,133,1); box-shadow: 0px 0px 17px 0px rgba(112,119,133,1); } .wt_bl2 div.fig { position: relative; max-height: 270px; overflow: hidden; } .wt_bl2 div.fig::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .wt_bl2:hover div.fig::before { -webkit-animation: circle .75s; animation: circle .75s; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } .wt_bl2 img { margin: 0px auto 10px auto; } .wt_bl2 b { display: block; padding: 5px 15px 5px 15px; font-size: 25px; color: #148cbe; font-family: Arial; line-height: 25px; font-weight: normal; } .wt_bl2 div.pr { font-size: 14px; color: #131313; font-family: Arial; padding: 5px 15px 5px 15px; } .wt_bl2 div.gr { background: #eeeeee; } .wt_bl2 div i { display: block; float: left; width: 5px; height: 4px; background: url('/i/nvillage/house/dot.png') no-repeat 0px 0px; margin: 8px 8px 0px 0px; } .wt_bl2 div.price { color: #e30000; font-family: "Roboto Condensed"; font-size: 25px; line-height: 25px; font-weight: bold; padding-top: 20px; padding-bottom: 20px; padding-left: 15px; } .wt_bl2 .red_order_b { display: block; margin: 0 auto; background: url('/i/nvillage/go_order.png') no-repeat 0px 0px; font-style: normal; color: #fff; text-decoration: none; text-align: center; color: #ffffff; font-family: "Roboto Condensed"; font-size: 20px; font-weight: bold; height: 73px; width: 272px; padding: 19px 35px; } .wt_bl2 .red_order_b:hover { background-position: 0px -73px; } .wt_bl2 .red_order_b:active { background-position: 0px -146px; } .bigsize_vd_block { background: url('/i/nvillage/bgr.jpg') no-repeat top center; margin-bottom: 0px; } .bigsize_vd_block .inner_bg { background-image: -webkit-linear-gradient(90deg, transparent 50%, rgba(255,255,255,0.85) 50%); background-image: -moz-linear-gradient(90deg, transparent 50%, rgba(255,255,255,0.85) 50%); background-image: -o-linear-gradient(90deg, transparent 50%, rgba(255,255,255,0.85) 50%); background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,0.85) 50%); } .bigsize_vd_block h1 { color: rgb(20, 140, 190); margin-bottom: 0px; padding: 0px; } .bigsize_vd_block h2.new_h2 { color: rgb(60, 130, 171); margin-top: 0px; margin-bottom: 20px; } .bigsize_vd_block .left_info { padding: 40px 0px 40px 0px; height: 620px; text-align: center; } @media(max-width: 768px) { .bigsize_vd_block .left_info { padding: 80px 0px 80px 0px; } } .bigsize_vd_block .left_info .logo { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .bigsize_vd_block .left_info .logo img { margin: auto; } .bigsize_vd_block .left_info .status { position: absolute; left: 0px; bottom: 20px; width: 100%; text-align: center; } .bigsize_vd_block .left_info .status img { margin-left: auto; margin-right: auto; } .bigsize_vd_block .left_info .status_village { position: absolute; left: 0px; bottom: 40px; width: 100%; text-align: center; } .bigsize_vd_block .left_info .status_village img { margin-left: auto; margin-right: auto; } .new_village_xxl .status_village_big { position: absolute; left: 0px; width: 100%; text-align: center; z-index: 20; margin-top: 200px; } .new_village_xxl .status_village_big img { display: block; margin-left: auto; margin-right: auto; } .new_lot .bigsize_vd_block .left_info { padding: 30px 0px 30px 0px; height: 618px; text-align: center; } .new_lot .bigsize_vd_block .left_info .slogo { margin: 50px 0px 0px 0px; } .new_lot .bigsize_vd_block .left_info .slogo img { margin: auto; max-width: 190px; } .new_lot .bigsize_vd_block .left_info .slogo .number { margin: 10px auto 0px auto; font-size: 66px; line-height: 66px; font-family: "Roboto Condensed"; color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; } .new_lot .bigsize_vd_block .left_info .slogo .number .sep { width: 190px; border-top: 1px solid #fff; margin: 0px auto 10px auto; } .new_lot .bigsize_vd_block .left_info .slogo .number h1 { font-size: 66px; line-height: 66px; font-family: "Roboto Condensed"; color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; margin: 0px; padding: 0px; text-shadow: 4px 4px 22px rgba(0, 0, 0,1); } .new_lot .bigsize_vd_block .left_info .slogo .number h1 span { display: block; font-size: 280px; line-height: 204px; font-family: "Roboto Condensed"; color: rgb(255, 234, 0); font-weight: bold; text-shadow: 4px 4px 22px rgba(0, 0, 0,1); } .new_lot .bigsize_vd_block .left_info .status { position: absolute; left: 0px; bottom: 20px; width: 100%; text-align: center; } .new_lot .bigsize_vd_block .left_info .status img { margin-left: auto; margin-right: auto; } .bigsize_vd_block .crumbs { position: absolute; top: 30px; z-index: 5; background: rgba(81,78,75,0.2); color: #fff; padding: 5px 10px 5px 10px; } .bigsize_vd_block .crumbs A { color: #fff; } .bigsize_vd_block .crumbs.site-breadcrumbs { background: rgba(255, 255, 255, .92); color: #7a858b; } .bigsize_vd_block .crumbs.site-breadcrumbs A { color: #16863a; } .bigsize_vd_block .lot_cadastr { display: block; position: absolute; font-family: "Roboto Condensed"; margin-top: 15px; left: 35px; background: url('/i/nvillage/lot/cadastr.png') no-repeat left top; padding-left: 44px; z-index: 2; } .bigsize_vd_block .lot_cadastr b { display: block; font-size: 14px; font-family: "Roboto Condensed"; color: rgb(33, 33, 33)!important; font-weight: bold; text-transform: uppercase; } .bigsize_vd_block .lot_cadastr span { display: block; font-size: 14px; font-family: "Roboto Condensed"; color: rgb(61, 61, 61)!important; } .bigsize_vd_block .lot_actions { position: absolute; max-width: 103px; right: 0px; top: 0px; background: url('/i/nvillage/lot/shad_icons.png') no-repeat right top; text-align: right; height: 156px; padding-top: 30px; z-index: 2; } .bigsize_vd_block .lot_actions img { text-align: right; margin: 0px 0px 5px 0px; } .bigsize_vd_block .plan { position: relative; width: 350px; height: 280px; margin: 40px auto 0px auto; } .bigsize_vd_block .plan .ftext { position: absolute; width: 100%; z-index: 4; } .bigsize_vd_block .plan .ftext.num { font-size: 36px; font-family: "Roboto Condensed"; color: rgb(255, 255, 255); font-weight: bold; margin-top: -20px; } .bigsize_vd_block .detail_info { padding: 20px 20px 0px 20px; } .bigsize_vd_block .detail_info IMG { display: block; } .bigsize_vd_block .detail_info TD { margin: 0;padding: 0; } .bigsize_vd_block .detail_info>TBODY>TR>TD { vertical-align: top; } .bigsize_vd_block .detail_info .second_div { margin: 0;padding: 0; background: url('/img/new_detail_block/shaddow.png') repeat-y left top; height: 310px } .bigsize_vd_block .detail_info .hide { display: none; } .bigsize_vd_block .detail_info .haract.left_block IMG { float: left; } .bigsize_vd_block .detail_info .haract.left_block B { float: left; margin: 5px; font-family: Arial; font-weight: normal; font-size: 12px; color: #292828; } .bigsize_vd_block .detail_info .haract.right_block { margin: 20px 0px 20px 0px; height: 256px; overflow: auto; font-family: Arial; font-weight: normal; color: #292828; } .bigsize_vd_block .detail_info .haract.right_block.isset_installments { height: 210px; } .bigsize_vd_block .detail_info .haract.right_block .overflow { max-height: 81px; margin-bottom: 10px; overflow: hidden; } .bigsize_vd_block .detail_info .haract.right_block TABLE { width: 100%; } .bigsize_vd_block .detail_info UL { padding-left: 14px; margin-top: 0; list-style-image: url('/img/new_detail_block/bull.png'); } .bigsize_vd_block .detail_info LI { font-family: Arial; font-weight: normal; font-size: 12px; color: #292828; } .bigsize_vd_block .detail_info .haract.left_block TABLE { vertical-align: middle; border-collapse: separate; border-spacing: 0; } .bigsize_vd_block .detail_info .haract.left_block TABLE TD { padding: 5px 0; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #fff; font-family: Arial; font-weight: normal; font-size: 18px; } .bigsize_vd_block .detail_info .haract.left_block TABLE TR:first-child TD { border-top: none; } .bigsize_vd_block .detail_info .haract.left_block TABLE TR:last-child TD { border-bottom: none; } .bigsize_vd_block .detail_info .haract.left_block TABLE .distance { color: #d40e1b; } .bigsize_vd_block .detail_info .haract.left_block { font-family: Arial; font-weight: normal; font-size: 18px; } .bigsize_vd_block .detail_info .haract.left_block .distance { color: #d40e1b; } .bigsize_vd_block .detail_info .haract.left_block .lots { color: #087200; } .bigsize_vd_block .detail_info .haract.left_block .price { color: #006ae2; } .bigsize_vd_block .detail_info .haract.left_block .document { color: #e232ae; } .bigsize_vd_block .detail_info .haract.left_block TABLE .distance SPAN { font-family: Arial; font-weight: normal; font-size: 12px; color: #8e8d8d; } .bigsize_vd_block .detail_info .haract.left_block TABLE .lots { color: #087200; } .bigsize_vd_block .detail_info .haract.left_block TABLE .price { color: #006ae2; } .bigsize_vd_block .detail_info .haract.left_block TABLE .document { color: #e232ae; } .bigsize_vd_block .detail_info .bottom_block { display: block; height: 92px; width: 100%; background: url('/img/new_detail_block/tabs.gif') no-repeat left top; border: 0px solid #000; padding-top: 30px; } .bigsize_vd_block .detail_info .bottom_block div.scroll { height: 92px; overflow: auto; margin-right: 30px; border: 0px solid red; } .bigsize_vd_block .detail_info .bottom_block TABLE.wrap { width: 720px; min-height: 87px; border-collapse: collapse; margin: 5px 0 0 110px; font-family: Arial; font-size: 12px; color: #474545; } .bigsize_vd_block .detail_info .bottom_block TABLE.wrap TD { vertical-align: middle; padding: 0px; } .bigsize_vd_block .detail_info .bottom_block TABLE.wrap TD P { padding: 0px; margin: 0px 0px 5px 0px; } .bigsize_vd_block .detail_info .bottom_block.hide { display: none; } .bigsize_vd_block .detail_info #infrastructure { background-position: 0 0px; } .bigsize_vd_block .detail_info #local_infrastructure { background-position: 0 -122px; } .bigsize_vd_block .detail_info #public_transport { background-position: 0 -244px; } .bigsize_vd_block .detail_info #natural_attractions { background-position: 0 -366px; } .bigsize_vd_block .detail_info #attractions { background-position: 0 -488px; } .bigsize_vd_block .detail_info #access { background-position: 0 -610px; } .bigsize_vd_block .detail_info #additional_services { background-position: 0 -732px; } .bigsize_vd_block .detail_info .new_h3 { font-size: 14px; } .outer.content .work_block.new_village_xxl .advantages { margin-top: 40px!important; overflow: hidden; } .work_block.new_village_xxl .action_bl { padding-top: 40px; padding-bottom: 40px; padding-left: 0px; padding-right: 0px; } .work_block.new_village_xxl .action_bl .actiolots_slider .owl-nav DIV { width: 67px; height: 67px; cursor: pointer; position: absolute; z-index: 1; top: 50%; margin-top: -33px; } .work_block.new_village_xxl .action_bl .actiolots_slider .owl-nav DIV.owl-prev { background: url('/lib/orbit/l.png') no-repeat 0px 0px; left: -65px; } .work_block.new_village_xxl .action_bl .actiolots_slider .owl-nav DIV.owl-next { background: url('/lib/orbit/r.png') no-repeat 0px 0px; right: -65px; } .work_block.new_village_xxl .owl-carousel.actiolots_slider { width: 100%; margin: 0 auto; } .work_block.new_village_xxl .actiolot { padding: 9px; } .no_js .work_block.new_village_xxl .actiolot { float: left; } .work_block.new_village_xxl .actiolot_bl { max-width: 274px; margin: auto; background: #FFF; height: 450px; border: 1px solid #e7e7e7; } .work_block.new_village_xxl .actiolot_bl:hover { -webkit-box-shadow: 0px 0px 17px 0px rgba(112,119,133,1); -moz-box-shadow: 0px 0px 17px 0px rgba(112,119,133,1); box-shadow: 0px 0px 17px 0px rgba(112,119,133,1); } .work_block.new_village_xxl .actiolot_bl div { font: normal 11px Arial; color: #414141; } .work_block.new_village_xxl .actiolot_bl div.gtip_text { height: auto; margin: 0px; padding: 0px 0px 60px 0px; min-height: 322px; position: relative; } .work_block.new_village_xxl .actiolot_bl div.img_td { position: relative; max-height: 128px; overflow: hidden; } .work_block.new_village_xxl .actiolot_bl div.inf_td { position: relative; min-height: 322px; } .work_block.new_village_xxl .actiolot_bl div.number { text-align: center; position: absolute; top: 0px; right: 0px; font: normal 18px Arial; color: #ffffff; padding: 0px 5px 0px 0px; height: 32px; background: #18a7e2; } .work_block.new_village_xxl .actiolot_bl div.number span { display: block; float: left; text-align: center; background: #18a7e2; padding: 5px 0px 5px 5px; } .work_block.new_village_xxl .actiolot_bl div.status { position: absolute; bottom: 0px; position: absolute; bottom: 0px; left: 0px; margin: 0px; width: 180px; height: 50px; background: url('/i2/village/n/gtip/s1.png') no-repeat 0px 0px; } .work_block.new_village_xxl .actiolot_bl div.status.s1 { background: url('/i2/village/n/gtip/s1.png') no-repeat 0px 0px; } .work_block.new_village_xxl .actiolot_bl div.status.s2 { background: url('/i2/village/n/gtip/s2.png') no-repeat 0px 0px; } .work_block.new_village_xxl .actiolot_bl div.status.s3 { background: url('/i2/village/n/gtip/s3.png') no-repeat 0px 0px; } .work_block.new_village_xxl .actiolot_bl div.status.s4 { background: url('/i2/village/n/gtip/s4.png') no-repeat 0px 0px; } .work_block.new_village_xxl .actiolot_bl div.flags { position: absolute; margin: 10px 0px 0px 0px; } .work_block.new_village_xxl .actiolot_bl div.flags img { display: block; margin: 0px 0px 0px 0px; } .work_block.new_village_xxl .actiolot_bl div.orderred { display: none; position: absolute; bottom: 0px; right: 0px; margin: 0px 0px 0px 0px; } .work_block.new_village_xxl .actiolot_bl div.orderred img { width: auto; margin: 0px 0px 0px 0px; } .work_block.new_village_xxl .actiolot_bl:hover div.orderred { display: block; } .work_block.new_village_xxl .actiolot_bl div.pic { display: none; margin: 0px 0px 0px 0px; } .work_block.new_village_xxl .actiolot_bl div.pic img { width: 100%; max-width: 100%; height: auto; } .work_block.new_village_xxl .actiolot_bl div.prms { margin: 0px 15px 0px 15px; border: 0px solid #000; padding-top: 10px; } .work_block.new_village_xxl .actiolot_bl div.prms .head { font-weight: bold; font-size: 13px; font-family: "Arial"; color: #000; margin-top: 10px; } .work_block.new_village_xxl .actiolot_bl div.prms table { border-collapse: collapse; width: 100%; } .work_block.new_village_xxl .actiolot_bl div.prms table TD { white-space: nowrap; font-size: 13px; vertical-align: bottom; font-family: "Arial"; color: #000; } .work_block.new_village_xxl .actiolot_bl div.prms table TD span { white-space: nowrap; font-size: 13px; font-family: "Arial"; color: #000; text-align: right; display: block; } .work_block.new_village_xxl .actiolot_bl div.prms table TD b { font-weight: bold; } .work_block.new_village_xxl .actiolot_bl div.prms table TD s { color: rgb(133, 133, 133); } .work_block.new_village_xxl .actiolot_bl div.prms table TH { width: 100%; border-bottom: 1px solid #e5e5e5; } .work_block.new_village_xxl .actiolot_bl div.prms .sep2 { display: block; height: 4px; margin: 15px 0px 2px 0px; background: url('/i2/village/n/gtip/dots.gif') repeat-x center center; } .work_block.new_village_xxl .actiolot_bl div.prms TD { padding: 7px 0px 0px 0px; } .work_block.new_village_xxl .actiolot_bl div.prms_man { margin: 10px 10px 0px 10px; height: 86px; border: 0px solid #000; } .work_block.new_village_xxl .actiolot_bl div.prms_man .head { font-weight: bold; font-size: 13px; font-family: "Arial"; color: #000; margin-bottom: 10px; } .work_block.new_village_xxl .actiolot_bl div.prms_man img { float: left; width: 50px; height: 50px; border-radius: 50px; margin: 0px 10px 10px 0px; } .work_block.new_village_xxl .actiolot_bl div.prms_man b { display: block; font-size: 12px; font-family: "Arial"; font-weight: normal; color: #000; margin-bottom: 7px; } .work_block.new_village_xxl .actiolot_bl div.prms_man span { display: block; font-size: 12px; font-family: "Arial"; color: rgb(123, 123, 123); margin-bottom: 3px; } .work_block.new_village_xxl .actiolot_bl div.sep { float: left; margin: 0px 0px 0px 0px; width: 2px; overflow: hidden; } .work_block.new_village_xxl .actiolot_bl div.action_text { position: absolute; bottom: 60px; left: 15px; margin: 0px; width: 100%; height: 20px; overflow: hidden; font-size: 12px; font-family: "Arial"; color: red; } .work_block.new_village_xxl .actiolot_bl div.blue { position: absolute; bottom: 0px; left: 0px; background: #148cbe; margin: 0px; width: 100%; height: 50px; } .work_block.new_village_xxl .actiolot_bl div.blue B { display: block; color: #FFF!important; font-size: 13px; font-weight: bold; padding: 16px 0px 0px 10px; } .work_block.new_village_xxl .actiolot_bl div.blue span.gp_iprice { display: block; text-align: right; font-size: 13px; color: #FFF!important; font-weight: bold; margin: -6px 10px 0px 0px; top: 50%; transform: translateY(-50%); position: relative; } .work_block.new_village_xxl .actiolot_bl div.blue span.gp_iprice s { display: block; font-size: 12px; color: #b6cbe6!important; } .work_block.new_village_xxl .actiolot_bl div.blue span.gp_iprice span { display: block; font-size: 13px; color: #FFF!important; font-weight: bold; } .work_block.new_village_xxl .turist_map .left_map { margin-bottom: 40px; } .owl-carousel.new_house .owl-nav { position: absolute; top: 50%; margin-top: -15px; width: 100%; } .owl-carousel.new_house .owl-dots { height: 20px; text-align: center; display: block; position: absolute; width: 100%; bottom: 15px } .owl-carousel.new_house .owl-dots > DIV { width: 10px; height: 10px; background: url('/i/nvillage/dots.png') no-repeat left top; margin: 0 4px } .owl-carousel.new_house .owl-dots > DIV:hover { background-position: left -10px; } .owl-carousel.new_house .owl-dots > DIV.active { background-position: left -20px; } .owl-carousel.new_house .owl-nav > DIV { position: absolute; width: 30px; height: 30px; background: url('/i/nvillage/left.png') no-repeat left top; left: 15px; } .owl-carousel.new_house .owl-nav > DIV.owl-next { background: url('/i/nvillage/right.png') no-repeat left top; right: 15px; left: auto; } .owl-carousel.new_house .owl-nav > DIV:hover { background-position: left -30px; } @media (max-width: 992px) { .bigsize_vd_block .inner_bg { background: none; } } @media (max-width: 768px) { .bigsize_vd_block { height: auto; background: none; margin-bottom: 40px; } .bigsize_vd_block .left_info { height: auto; min-height: 320px; background: url(/i/nvillage/bgr.jpg) no-repeat top center; } .bigsize_vd_block .left_info .logo { position: static; top: 0; transform: translateY(0); } .bigsize_vd_block .inner_bg { background: none; } .bigsize_vd_block .detail_info { height: auto; } .bigsize_vd_block .detail_info .haract.right_block { height: auto; overflow: auto; } .work_block.new_village_xxl .action_bl { padding-top: 0px; padding-bottom: 30px; } #gen_plan_load_place div.gen_menu div.controls { float: left; } #gen_plan_load_place div.gen_menu div.controls A.lmenu_but { margin: 0px 15px 0px 0px; } #gen_plan_load_place div.gen_menu div.controls A.printmenu_but { margin: 0px 15px 0px 0px; } #gen_plan_load_place div.gen_menu div.controls A.nmenu_but { margin: 0px 15px 0px 0px; } .outer.content .work_block.work_photos { margin-bottom: 10px; } .bigsize_vd_block .lot_cadastr { position: static; } } @media (max-width: 992px) { .bigsize_vd_block .inner_bg.lots { background: none; } } /* Lot detail */ .image_with_description{ background: #fff; } .image_with_description { color: #fff; position:relative; } .image_with_description.border { border-bottom: 1px solid #9e9e9e; } .description_img_left{ left: 0; background-position: right top; position:absolute; bottom: 0; position: absolute; top: 0; width: 50%; background-repeat: no-repeat; background-size: cover; } .description_img_right{ right: 0; background-position: right top; position:absolute; bottom: 0; position: absolute; top: 0; width: 50%; background-repeat: no-repeat; background-size: cover; } .description_text{ padding-top: 40px; padding-bottom: 35px; min-height: 300px; } .about_village .h2 { color: #0c0c0c; font-family: "Roboto Condensed"; font-size: 35px; margin: 0px 0px 20px 0px; font-weight: normal; } .about_village { color: #262626; font-family: "Arial"; font-size: 14px; } .about_village .haract { color: #3d3d3d; font-family: "Roboto Condensed"; font-size: 16px; } .about_village .haract div { color: #d40000; font-family: "Roboto Condensed"; font-size: 20px; font-weight: bold; line-height: 16px; } .about_village .haract div span { color: #d40000; font-family: "Roboto Condensed"; font-size: 14px; font-weight: normal; } .about_village .haract div.distance B { font-size: 20px; white-space: nowrap; display: inline-block; margin-bottom: 5px} .village-detail-text IMG { max-width: 800px; height: auto; } @media (max-width: 768px) { .about_village .haract TD { display: block; margin-bottom: 10px; width: 100%; } .about_village .haract div { color: #d40000; font-family: "Roboto Condensed"; font-size: 18px; font-weight: bold; line-height: 16px; margin-top: 4px; } .about_village .haract div span { color: #d40000; font-family: "Roboto Condensed"; font-size: 14px; font-weight: normal; } } .new_lot .datalot .vd-row { margin: 0px 0px 0px 0px; } .new_lot .datalot .vd-row table { border-collapse: collapse; margin-bottom: 30px; } .new_lot .datalot .vd-row table TD { vertical-align: middle; } .new_lot .datalot .vd-row img { margin: 0px 15px 0px 0px; } .new_lot .datalot .vd-row span { font-family: "Roboto Condensed"; color: #3d3d3d; font-size: 16px; font-weight: normal; } .new_lot .datalot .vd-row span b { display: block; font-family: "Roboto Condensed"; font-size: 25px; line-height: 25px; font-weight: bold; text-transform: uppercase; } .new_lot .datalot .vd-row .area b { color: #ff5b5b; } .new_lot .datalot .vd-row .price b { color: #4d9dd6; } .new_lot .datalot .vd-row .price100 b { color: #9b56f1; } .new_lot .datalot .vd-row .comm b { color: #d8924d; } .new_lot .datalot .vd-row b s { color: #737373; font-size: 14px; line-height: 14px; text-transform: uppercase; display: block; } .new_lot .datalot .orderlot { margin-top: 10px; margin-bottom: 20px; } .new_lot .datalot .orderlot A { display: block; width: 272px; height: 73px; background: url('/i/nvillage/lot/btn_order.png') no-repeat 0px 0px; } .new_lot .datalot .orderlot A:hover { background-position: 0px -73px; } .new_lot .datalot .orderlot A:active { background-position: 0px -146px; } .new_lot .lot_map { height: 580px; } .new_lot .lot_map .h2 { position: absolute; color: #0c0c0c; font-family: "Roboto Condensed"; font-size: 35px; margin: 60px 0px 0px 0px; z-index: 4; font-weight: normal; } .new_lot #big_map { height: 580px; } .new_lot .review_block { padding: 40px 0px 40px 0px; } .new_lot .review_block .h2 { color: #0c0c0c; font-family: "Roboto Condensed"; font-size: 35px; margin: 0px 0px 20px 0px; font-weight: normal; } .new_lot .owl-carousel .owl-nav > DIV { position: absolute; top: 50%; width: 20px; height: 34px; margin-top: -17px; text-indent: -10000px; } .new_lot .owl-carousel .owl-nav .owl-prev { background: url(/img/hit/left.png) no-repeat 0px 0px; left: 10px; } .new_lot .owl-carousel .owl-nav .owl-next { background: url(/img/hit/right.png) no-repeat 0px 0px; right: 10px; } .new_lot #green_plan { background: #527615; } #village_response .h2 { color: #0c0c0c; font-family: "Roboto Condensed"; font-size: 35px; margin: 0px 0px 20px 0px; font-weight: normal; } .new_lot .lot_red_order { padding-bottom: 100px; background: #184f63; } .new_lot .lot_red_order .bg { height: 895px; background: #fff url('/i/nvillage/lot/bot_bg.jpg') no-repeat bottom center; } .new_lot .lot_red_order .bg .vd_container { overflow-x: hidden; } .new_lot .lot_red_order img.woman { position: absolute; left: 50%; margin-left: 285px; margin-top: 360px; z-index: 5; } .new_lot #order_red_form { margin-top: 0px; padding-top: 40px; left: 50%; margin: 0px auto; width: 630px; height: 895px; padding-bottom: 50px; background: #bd0000; } #order_red_form .spec_head { display: block; text-align: center; margin: 0px 0px 20px 0px; font-family: "Roboto Condensed"; font-size: 35px; color: #fff; line-height: 35px; font-weight: bold; text-transform: uppercase; } #order_red_form .spec_head span { color: #ffd200 } #order_red_form .spec_head2 { display: block; text-align: center; margin: 0px 0px 0px 0px; font-family: "Roboto Condensed"; font-size: 35px; color: #fff; line-height: 35px; font-weight: bold; text-transform: uppercase; } #order_red_form .spec_head_sm { display: block; text-align: center; margin: 0px 0px 30px 0px; font-family: "Roboto Condensed"; font-size: 18px; color: #ffd200; line-height: 18px; font-weight: bold; text-transform: uppercase; } #order_red_form .old_price { display: block; text-align: center; font-family: "Roboto Condensed"; font-size: 20px; color: #de8080; line-height: 20px; font-weight: normal; text-transform: uppercase; } #order_red_form .new_price { display: block; text-align: center; margin: 0px 0px 40px 0px; font-family: "Roboto Condensed"; font-size: 48px; color: #fff; line-height: 48px; font-weight: bold; text-transform: uppercase; } #order_red_form .form_timer { margin-bottom: 80px; } #order_red_form .frm { margin: auto; } #order_red_form .frm form { width: 450px; margin: auto; } #order_red_form .frm .btext { width: 450px; margin: auto; color: #fff; font-size: 18px; text-align: center; } #order_red_form .frm table { width: 100%; border-collapse: collapse; border: 1px solid #de8080; margin-bottom: 6px; } #order_red_form .frm table th { vertical-align: top; padding: 0px; width: 56px; } #order_red_form .frm table td { vertical-align: middel; padding: 4px 0px 4px 0px; } #order_red_form .frm table td input { display: block; min-width: 100%; font-family: "Roboto Condensed"; font-size: 16px; background: none; border: none; color: #fff; border-left: 1px solid #fff; height: auto; padding: 12px 5px 16px 15px; } #order_red_form .frm table td textarea { display: block; min-width: 100%; font-family: "Roboto Condensed"; font-size: 16px; background: none; border: none; color: #fff; height: 100px; border-left: 1px solid #fff; padding: 12px 5px 16px 15px; } #order_red_form .frm table.error { border-color: red; } #order_red_form .frm table td input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } #order_red_form .frm table td input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } #order_red_form .frm table td input:-ms-input-placeholder { /* IE 10+ */ color: #fff; } #order_red_form .frm table td input:-moz-placeholder { /* Firefox 18- */ color: #fff; } #order_red_form .frm table td textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } #order_red_form .frm table td textarea::-moz-placeholder { /* Firefox 19+ */ color: #fff; } #order_red_form .frm table td textarea:-ms-input-placeholder { /* IE 10+ */ color: #fff; } #order_red_form .frm table td textarea:-moz-placeholder { /* Firefox 18- */ color: #fff; } #order_red_form #rassrocka_wnd A { display: block; width: 212px; height: 41px; margin: 10px auto 0px auto; cursor: pointer; background: url('/i/nvillage/lot/but_credit.png') no-repeat 0px 0px; } #order_red_form #rassrocka_wnd A:hover { background-position: 0px -41px; } #order_red_form #rassrocka_wnd A.on { background-position: 0px -82px; } #order_red_form #rassrocka_wnd { font-family: "Roboto Condensed"; } #order_red_form #rassrocka_wnd b { color: #fff; } #order_red_form .ras_tbl TD { border: 1px solid #ccc; background: #fff; padding: 5px!important; text-align: right; } #order_red_form .ras_tbl TH { background: #bd0000; color: #fff; padding: 5px!important; border: 1px solid #ccc; text-align: center; } #order_red_form .lot_order_big_but { display: block; font-size: 35px; font-family: "Roboto Condensed"; color: rgb(96, 0, 0); font-weight: bold; text-transform: uppercase; background: #ffd200; text-align: center; text-decoration: none; padding: 30px; margin: 40px 20px 0px 20px; } #order_red_form .lot_order_big_but:active { background: rgb(96, 0, 0); color: #fff; } #order_red_form input.lot_order_big_but { width: 100%; margin: 40px 0px 0px 0px; } @media(max-width: 1200px) { .new_lot .bigsize_vd_block .left_info .slogo .number h1 span { font-size: 200px; } } @media(max-width: 991px) { .description_img_left, .description_img_right { position: relative; height: 460px; width: 100%; z-index: 1; } .project_description { margin-top: 30px; } .overflow_x { position: relative!important; } .new_lot #order_red_form { position: static; width: 100%; margin: 0px 0px 0px 0px; } .new_lot .lot_red_order img.woman { display: none; } #order_red_form .frm { width: auto; margin: 10px; } #order_red_form .frm form { width: auto; } #order_red_form .frm .btext { width: auto; } } @media (max-width: 768px) { .new_lot .bigsize_vd_block .left_info .slogo .number h1 { font-size: 50px; line-height: 50px; } .new_lot .bigsize_vd_block .left_info .slogo .number h1 span { font-size: 130px; line-height: 130px; } .description_img_left, .description_img_right { position: relative; height: 240px; width: 100%; z-index: 1; } } .red_label { position: absolute; right: 0; top: 0 } @media (max-width: 450px) { .red_label { position: absolute; right: 0; top: auto; bottom: 0 } .bigsize_vd_block .left_info { padding-bottom: 120px; } } .advantages { width: 100%; table-layout: fixed; text-align: center; font-size: 13px; font-family: "Arial"; position: relative; margin: 0!important } .advantages > DIV { margin-bottom: 30px; } .advantages IMG { margin-bottom: 10px; } .advantages UL { padding: 0; } .advantages LI { list-style: none; text-align: left; padding-left: 20px; font-size: 13px; font-family: "Arial"; color: rgb(80, 80, 80);} .advantages .wrap DIV { border-top: 2px solid #c8c8c8; margin-top: 10px; overflow: hidden; /* height: 90px*/ } .advantages .advan_1 B { color: rgb(189, 50, 47); } .advantages .advan_1 LI { background: url('/img/advantages/1_1.png') no-repeat left 5px; } .advantages .advan_2 B { color: rgb(77, 32, 124); } .advantages .advan_2 LI { background: url('/img/advantages/2_1.png') no-repeat left 5px; } .advantages .advan_3 B { color: rgb(206, 193, 1); } .advantages .advan_3 LI { background: url('/img/advantages/3_1.png') no-repeat left 5px; } .advantages .advan_4 B { color: rgb(2, 141, 143); } .advantages .advan_4 LI { background: url('/img/advantages/4_1.png') no-repeat left 5px; } .advantages .advan_5 B { color: rgb(24, 47, 127); } .advantages .advan_5 LI { background: url('/img/advantages/5_1.png') no-repeat left 5px; } .advantages .advan_6 B { color: rgb(196, 107, 24); } .advantages .advan_6 LI { background: url('/img/advantages/6_1.png') no-repeat left 5px; } .build_ico { display: block; width: 165px; height: 64px; overflow: hidden; position: absolute; right: 0; z-index: 1; top: 0} .build_ico:hover IMG { margin-top: -64px; } .build_ico.top1 { top: 130px } .build_ico.top2 { top: 140px } @media(max-width: 450px) { .build_ico { top: auto; bottom: 0; } .build_ico.top1 { top: auto; bottom: -64px } .build_ico.top2 { top: auto; bottom: -64px } .detail_info.top1 { padding-top: 84px } .detail_info.top2 { padding-top: 84px } } @media(max-width: 510px) { .scrip_td .body SPAN { white-space: normal; } .bigsize_vd_block .detail_info { max-height: 100%; } } @media(max-width: 400px) { .scrip_td .body .num { font-size: 20px } }