@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;}    
© TrueDev.org