@charset "utf-8"; /* CSS Document */ html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form, input, textarea, button { margin: 0; padding: 0; } html { height: 100%;} body { min-width: 1156px; height: 100%; font: 16px/24px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #666666; background: #f2f2f2;} img { border: none; } a { cursor: pointer; text-decoration: underline; color: #4364b8; } a:hover { text-decoration: none; } p { margin-bottom: 24px; } p small { font-size: 0.8em; } h1, h2, h3, h4, h5, h6 { font: 400 30px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333333; margin-bottom: 18px; line-height: normal;} h1 { font-size: 36px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } input[type='submit'], input[type='button'] { cursor: pointer;} ul, ol { padding-left: 30px; margin-bottom: 15px;} ul li { list-style: disc outside;} .head_cont:after, .filter:after, .footer_cont:after, .section:after, .object_cont:after, .slider:after { content: ''; display: table; clear: both;} .wrap {display: table; width: 100%; height: 100%; border-collapse: collapse; border: none;} .head_wr {display: table-header-group;} .head, .footer, .cont {display: table-cell; vertical-align: top;} .footer, .head {height: 1px;} .head { background: #fff;} .footer { background: #e6e6e6;} .footer_wr {display: table-footer-group;} .cont_wr {display: table-row-group;} .head_cont, .filter, .footer_cont, .container, .section { width: 1140px; margin: 0 auto;} .head_cont { padding: 41px 0 42px;} .logo { margin-right: 10px; float: left;} .logo a { display: block; width: 264px; height: 35px; background: url("../images/logo.png") no-repeat;} .head_tel { padding: 7px 0 0 44px; float: right; font-size: 24px; color: #333333;} .head_tel span { font-weight: bold; letter-spacing: -.03em;} .nav { padding-top: 7px; overflow: hidden; text-align: center;} .nav ul { margin: 0; padding: 0; font-size: 0;} .nav li { display: inline-block; margin: 0 22px; font-size: 16px; letter-spacing: .03em; list-style: none;} .filter_wr { background: #80ba12;} .filter { padding: 29px 0 28px;} .filter_item, .filter_btn { float: left;} .filter_item { margin-right: 20px;} .filter_item select { width: 300px; height: 42px; border: none; font: 16px 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box;} .filter_price select { width: 160px;} .search { display: block; width: 136px; height: 38px; border: 2px solid #ffffff; font-size: 20px; font-weight: bold; line-height: 38px; color: #ffffff; text-align: center; text-decoration: none; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .filter_item .jq-selectbox__select { height: 42px; padding: 0 48px 0 12px; border: none; background: #ffffff; font: 16px/42px 'Helvetica Neue', Helvetica, Arial, sans-serif; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none;} .filter_item .jq-selectbox .placeholder { color: #aaa;} .filter_item .jq-selectbox__trigger { width: 36px; border: none;} .filter_item .jq-selectbox__trigger-arrow { border-top: 7px solid #bbbbbb; border-right: 5px solid transparent; border-left: 5px solid transparent; top: 19px; right: 13px; opacity: 1; filter: alpha(opacity=100);} .filter_item .jq-selectbox.focused .jq-selectbox__select { border: none;} .filter_item .jq-selectbox__dropdown { padding: 9px 0 11px; top: 50px; border: none; font: 16px/20px 'Helvetica Neue', Helvetica, Arial, sans-seriff; -webkit-box-shadow: 0 2px 4px #cbcbcb; -moz-box-shadow: 0 2px 4px #cbcbcb; box-shadow: 0 2px 4px #cbcbcb;} .filter_item .jq-selectbox li { padding: 5px 40px 5px 14px; color: #4364b8; position: relative;} .filter_item .jq-selectbox li:after { content: ''; width: 14px; height: 11px; background: url("../images/selected.png") no-repeat; position: absolute; top: 12px; right: 13px; display: none;} .filter_item .jq-selectbox li:hover { background: none; color: #333333;} .filter_item .jq-selectbox li.selected { background: none;} .filter_item .jq-selectbox li.sel:after { display: block;} .footer_cont { padding: 39px 0 37px;} .cop { width: 290px; margin-right: 10px; float: left; font-size: 15px; line-height: 20px; color: #aaa; letter-spacing: .03em;} .cop span { display: block;} .footer_cont .nav { padding-top: 9px;} .soc { padding: 5px 0 0 72px; float: right;} .soc a { margin-left: 17px;} .soc a img { width: 33px; height: 33px;} .container { padding-top: 44px;} .objects { margin-bottom: 4px;} .objects h2 { margin-bottom: 32px;} .objects_list { width: 100%; margin: 0 -8px; padding: 0 8px; overflow: hidden;} .objects_list ul { width: 110%; margin: 0; padding: 0; font-size: 0;} .objects_list li { width: 350px; margin: 0 45px 40px 0; padding-bottom: 20px; background: #ffffff; list-style: none; display: inline-block; vertical-align: top; position: relative; -webkit-box-shadow: 0 0 8px #dcdcdc; -moz-box-shadow: 0 0 8px #dcdcdc; box-shadow: 0 0 8px #dcdcdc;} .objects_item { margin-bottom: 20px; font-size: 16px; line-height: 20px;} .objects_item img { width: 350px; height: 230px; vertical-align: top;} .objects_item span { display: block; padding: 16px 20px 0; letter-spacing: .02em;} .objects_loc { min-height: 14px; padding: 0 40px; font-size: 14px; color: #aaaaaa; line-height: 14px; background: url("../images/pin.png") 21px 0 no-repeat; letter-spacing: .01em;} .recent { margin-bottom: 5px;} .recent h2 { width: 100%; margin-bottom: 32px; overflow: hidden;} .recent_list ul { width: 110%; margin: 0; padding: 0; font-size: 0;} .recent_list li { width: 250px; margin: 0 46px 40px 0; display: inline-block; vertical-align: top; font-size: 15px; line-height: 20px; letter-spacing: .02em; list-style: none;} .recent_list li img { width: 250px; height: 165px; margin-bottom: 15px; vertical-align: top;} .section_wr { background: #ffffff;} .section { padding: 52px 0 43px;} .column1 { width: 750px; float: left;} .colimn2 { width: 350px; float: right;} .text { margin-bottom: 36px; font-weight: 300;} .useful ul { margin: 0; padding: 0;} .useful li { margin-bottom: 28px; list-style: none; font-size: 15px; line-height: 24px;} .useful li a { color: #80ba12;} .object h2 { margin-bottom: 28px;} .object_cont { margin-bottom: 38px;} .column3 { width: 845px; padding-top: 4px; float: left;} .column4 { width: 250px; float: right;} .slider_wr { margin-bottom: 35px; padding-bottom: 23px; background: #ffffff; position: relative; -webkit-box-shadow: 0 0 8px #e8e8e8; -moz-box-shadow: 0 0 8px #e8e8e8; box-shadow: 0 0 8px #e8e8e8;} .slider { margin-bottom: 23px; padding-right: 10px; background: #000000;} .slider_img { width: 704px; height: 460px; overflow: hidden; float: left;} .slider_img ul { margin: 0; padding: 0;} .slider_img li { list-style: none;} .slider_img li img { width: 704px; height: 460px;} .slider_pager { width: 120px; height: 440px; overflow: hidden; padding-top: 10px; float: right;} .slider_pager ul { margin: 0; padding: 0;} .slider_pager li { height: 80px; list-style: none; margin-bottom: 10px; position: relative;} .slider_pager li a:after { content: ''; display: none; width: 100%; height: 100%; box-sizing: border-box; border: 3px solid #80ba12; position: absolute; top: 0; left: 0;} .slider_pager .active a:after { display: block;} .slider_pager li img { width: 120px; height: 80px; box-sizing: border-box;} .slider_pager .active img { opacity: .5; filter: alpha(opacity=50);} .slider_wr .objects_loc { padding: 0 43px; font-size: 15px; letter-spacing: .04em;} .slider_wr .objects_loc a { margin: 0 12px;} .identify { padding-top: 10px;} .identify h3 { margin-bottom: 19px;} .form_line { margin-bottom: 20px;} .form_line input, .form_line textarea { box-sizing: border-box; background: #ffffff; border: 1px solid #dfdfdf; font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .form_line input { width: 280px; height: 36px; margin-right: 20px; padding: 0 12px; line-height: 34px;} .form_line textarea { width: 580px; height: 100px; padding: 8px 12px; resize: none; overflow: auto; line-height: 18px; vertical-align: top;} .label { color: #aaaaaa;} .send { display: inline-block; height: 36px; padding: 0 14px; line-height: 36px; background: #80ba12; font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .seems h3 { margin-bottom: 30px; line-height: 24px;} .seems .recent_list li { margin-right: 0;} .pagination { margin: -10px 0 46px; padding: 0 170px; position: relative; text-align: center;} .pagination ul { margin: 0; padding: 0; font-size: 0;} .pagination li { display: inline-block; width: 30px; height: 30px; list-style: none; font-size: 14px; line-height: 30px;} .pagination .active { background: #fff;} .pagination .active a { color: #333333; text-decoration: none;} .pagination .prev, .pagination .next { width: auto; position: absolute;} .pagination .prev { left: 0;} .pagination .next { right: 0;}