@import url('/css/x_core.css');

html {box-sizing:border-box}
*, *:before, *:after {box-sizing:inherit}
* {margin:0; outline:none; padding:0}
*:focus, *:hover {outline:none}
html, body {height:100%}

.cl:after {clear:both; content:''; display:block}
.fix {margin:auto; width:93.75%; max-width:1237.5px}
.fx {display:-webkit-flex; display:-ms-flex; display:flex}

body {background:#fff; color:#333; font-family:'Open Sans'; font-size:0; line-height:1}
.page-wrap {min-height:100%; margin:auto; width:100%}

a {color:#0289a0}
a:hover {text-decoration:none}

a img {border:0}
img.bl {display:block}

@media (min-width:1000px) {
a[href^="tel"] {pointer-events:none}
}

ol, ul {list-style:none}
i {font-style:normal}

strong, b {font-weight:700}

.pageover {background:rgba(51,51,51,.7); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:90}
.pageover.show {display:block}


form, form input, form button, form select, form select option {
font-family:inherit;

}
form select {font-size:14px; height:43px; opacity:0; width:100%; z-index:2}
form option {color:#555; font-size:14px}
form select[size] {border:1px solid #e4e4e4; height:auto; opacity:1}
form select[size] option {padding:3px 14px 4px}

.form {line-height:1}
.form [type="text"], .form [type="email"], .form [type="url"], .form [type="tel"] {background:#f8f8f8; border:1px solid #e4e4e4; color:#555; font-size:14px; height:43px; padding:0 14px 1px; width:100%}

.form [type="checkbox"], .form [type="radio"] {display:none}
.form [type="checkbox"] + label, .form [type="radio"] + label {display:inline-block; padding-left:23px; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.form [type="checkbox"] + label:before, .form [type="radio"] + label:before {background-color:transparent; border:1px solid #cbcbcb; content:''; display:block; height:15px; left:0; position:absolute; top:0; width:15px}
.form [type="radio"] + label:before {border-radius:50%}
.form [type="checkbox"]:checked + label:after {content:'\f00c'; font-family:FontAwesome; font-size:11px; left:2px; position:absolute; top:2px}
.form [type="radio"]:checked + label:after {background:#cbcbcb; border-radius:50%; content:''; height:7px; left:4px; position:absolute; top:4px; width:7px}

.select {position:relative}
.select .customSelect {background:#f8f8f8 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFBAMAAABlfdtYAAAAElBMVEUAAABVVVVVVVVVVVVVVVVVVVWqA4oqAAAABXRSTlMAdyLu3TfVfBEAAAAiSURBVAjXY3ANDQ0NYFAGkgIMTKahgQwMQI4AkGRyZGAAAFZlBG+Gc4twAAAAAElFTkSuQmCC') no-repeat; background-position:right 12px center; border:1px solid #e4e4e4; height:43px}
.select .customSelectInner {color:#555; display:inline-block; font-size:14px; padding:13px 0 0 14px}


.top-header {background:#333; height:56px; padding-top:10px}
.top-header .fix {display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between}


.backring-btn {position:relative}
#show-backring {display:none}
[for="show-backring"] {border:1px solid #b4e704; border-radius:5px; color:#b4e704; cursor:pointer; display:block; font-size:14px; font-weight:300; height:36px; padding:10px 19px 0; text-transform:uppercase; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
[for="show-backring"]:hover, :checked + [for="show-backring"] {background:#8db503; border-color:#8db503; color:#fff}
[for="show-backring"] .fa {margin-right:9px}

.backring {background-color:#8db503; border-radius:6px; box-shadow:0 6px 12px -6px rgba(0,0,0,.45); left:0; padding:20px; position:absolute; text-align:left; top:-1000px; width:300px; z-index:100}
#show-backring:checked ~ .backring {top:56px}
.backring label {color:rgba(255,255,255,.5); display:inline-block; font-size:14px; font-weight:300; height:50px; left:0; padding:18px 0 0 15px; position:absolute; top:0; width:100%}
.backring label .fa {margin-right:9px}
.backring :valid + label {font-size:0; width:auto}
.backring :valid + label .fa {font-size:14px}
.backring .input, .backring .select {margin-bottom:15px; position:relative}
.backring .cl .input {float:left; width:calc(50% - 5px)}
.backring .cl .input + .input {margin-left:10px}
.backring [type="text"] {background:none; border:1px solid rgba(255,255,255,.5); border-radius:3px; color:rgba(255,255,255,.8); font-size:14px; font-weight:300; height:50px; padding:0 20px 0 34px; width:100%}
.backring .customSelect {background-color:transparent; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMA8Nu9lkIkD2ppmf9EKgAAACpJREFUCNdj8Fq1atUSBmYgacDArrVqUQEDQ+IqMQYGBtZVAQxAMIOBAQDdggnDWwkBqwAAAABJRU5ErkJggg=='); background-position:right 15px center; background-repeat:no-repeat; border:1px solid rgba(255,255,255,.5); border-radius:3px; height:50px}
.backring .customSelect .customSelectInner {color:rgba(255,255,255,.8); display:inline-block; font-size:14px; font-weight:300; padding:17px 0 0 37px}
.backring button[type="submit"] {
background:#ff7f2c; border:0; border-radius:5px; color:#fff; font-size:16px; font-weight:500; height:44px; letter-spacing:.025em; padding:1px 30px 0;
text-transform:uppercase;
width: 260px;  
}


.top-menu {margin-right:0; padding-top:7px}
.top-menu .mobile {display:none; font-size:28px; height:28px; position:relative; width:36px}
.top-menu .mobile .fa {position:absolute; text-align:center}
.top-menu ul, .top-menu li {display:inline-block; vertical-align:top}
.top-menu li {position:relative}
.top-menu li:after {border-right:1px dotted #a5a5a5; bottom:-2px; content:''; display:block; position:absolute; top:0; width:0}
.top-menu .static li:last-child {margin:0}
.top-menu .static li:last-child:after {display:none}
.top-menu a {color:#fff; display:inline-block; font-size:14px; text-decoration:none; text-transform:lowercase}
.top-menu a:hover {color:#cbfb23}
.top-menu .lang {background:url('../i/theme.png') no-repeat 0 -24px; height:22px; font-size:0; width:42px}
.top-menu .singin .fa-sign-in {margin-right:10px; vertical-align:-1px}
.top-menu .search-btn {}
.top-menu .search-btn span {color:#fff; cursor:pointer; display:block; height:14px; position:relative; width:13px}
.top-menu .search-btn .fa {font-size:14px; position:absolute}
.top-menu .search-btn .fa-times, .top-menu .search-btn .show .fa-search {display:none}
.top-menu .search-btn .show .fa-times {display:block}


.user-singin {background:#333; border-radius:5px; box-shadow:0 6px 9px -3px rgba(0,0,0,.45); display:none; padding:0 20px; position:absolute; right:-20px; top:46px; width:300px; z-index:10}
.show + .user-singin {display:block}
.user-singin .social {border-bottom:1px dotted #525252; color:#fff; font-size:12px; font-weight:300; margin-bottom:15px; padding:11px 0 13px; text-align:center}
.user-singin .social a {color:#fff; display:inline-block; font-size:28px; margin:5px 10px 0; text-decoration:none}
.user-singin .input {margin-top:10px; position:relative}
.user-singin label {color:rgba(255,255,255,.4); font-size:14px; font-weight:300; height:100%; left:0; padding:18px 15px 0; position:absolute; top:0; width:100%}
.user-singin label .fa {margin-right:10px}
.user-singin :valid + label {font-size:0; width:auto}
.user-singin :valid + label .fa {font-size:14px}
.user-singin input {background:#333; border:1px solid #717171; border-radius:5px; color:rgba(255,255,255,.6); font-size:14px; font-weight:300; height:50px; padding:0 19px 1px 34px; width:100%}

.user-singin input#log2-pswd{background: #333; border:1px solid #717171; font-size:14px; padding: 0 19px 1px 34px} 

.user-singin .link {padding-top:6px}
.user-singin .link a {color:#71e9fd; display:block; float:left; font-size:12px; font-weight:300; text-decoration:underline}
.user-singin .link a:hover {text-decoration:none}
.user-singin .link a:last-child {float:right}
.user-singin .btn {padding:13px 0 16px; text-align:center}
.user-singin .btn .close, .user-singin .btn button {color:#0289a0; display:inline-block; font-size:14px; font-weight:700; position:relative; text-transform:uppercase}
.user-singin .btn .close:after {border-right:1px dotted #6c6c6c; bottom:-3px; content:''; display:block; position:absolute; right:-21px; top:-3px; width:0}
.user-singin .btn button {background:none; border:0; color:#cbfb23; cursor:pointer; margin-left:41px}


.search-form {display:none; position:absolute; right:-20px; top:46px; z-index:10}
.show + .search-form {display:block}
.search-form [type="text"] {background:#3b3b3b; border:0; border-radius:5px; box-shadow:0 6px 9px -3px rgba(0,0,0,.45); color:#a5a5a5; font-size:14px; font-weight:300; height:44px; padding:0 20px 1px; width:244px}
.search-form label {color:#a5a5a5; font-size:14px; font-weight:300; height:100%; left:0; padding:15px 20px 0; position:absolute; top:0; text-transform:uppercase; width:100%; z-index:2}
.search-form :valid + label {display:none}
.search-form button {background:#3b3b3b; border:0; border-radius:0 5px 5px 0; display:block; height:44px; position:absolute; right:0; top:0; width:37px; z-index:1}
.search-form button:before {color:#fff; content:'\f002'; display:block; font-family:FontAwesome; font-size:18px; left:0; position:absolute; top:12px}

@media (min-width:1070px) {
.top-menu li {margin:3px 41px 0 0}
.top-menu li:after {right:-21px}
}
@media (max-width:1069px) and (min-width:1000px) {
.top-menu li {margin:3px 31px 0 0}
.top-menu li:after {right:-16px}
}
@media (max-width:999px) {
.top-menu {padding-top:0; position:relative}
.top-menu .static li {margin:3px 41px 0 0; padding-top:7px}
.top-menu .static li:after {right:-21px}
.top-menu .static .singin {margin-top:4px; padding-top:0; vertical-align:top}
.top-menu .static .singin:after {bottom:6px; top:6px}
.top-menu .static .singin > a {color:#fff; font-size:0}
.top-menu .static .singin > a .fa-sign-in {font-size:28px; margin-right:0}
.top-menu .static .search-btn:after {top:7px}
.top-menu .mobile {display:inline-block; margin:4px 36px 0 0; position:relative}
.top-menu .mobile:after {border-right:1px dotted #a5a5a5; bottom:6px; content:''; display:block; position:absolute; right:-16px; top:6px; width:0}
.top-menu .mobile:hover .fa-bars {color:#fff}
.top-menu .mobile .fa-times, .top-menu .mobile.show .fa-bars {display:none}
.top-menu .mobile.show .fa-times {color:#fff; display:block}
.top-menu ul:not(.static) {background:#333; border-radius:5px; box-shadow:0 6px 9px -3px rgba(0,0,0,.45); display:none; left:-249px; padding:16px 0 18px; position:absolute; top:50px; width:300px; z-index:10}
.show + ul:not(.static) {display:block}
.top-menu ul:not(.static) li {display:block; padding:0 20px 14px}
.top-menu ul:not(.static) li:last-child {padding-bottom:0}
.top-menu ul:not(.static) li:after {display:none}
}
@media (max-width:519px) {
.top-menu {position:static}
.top-menu ul:not(.static) {left:0; margin:auto; right:0; top:60px}
}
@media (max-width:479px) {
.top-header {height:auto; padding-top:15px}
.top-header .fix {display:block; text-align:center}
[for="show-backring"] {display:inline-block}
.top-menu {display:inline-block; margin-top:15px; padding-bottom:19px; text-align:left}
.top-menu li {position:static}
.top-menu li:after {display:none}
.top-menu .mobile:after {display:none}
.top-menu ul:not(.static) {left:0; margin:auto; right:0; top:121px; width:280px}
.user-singin, .search-form {left:0; margin:auto; right:0; top:121px; width:280px}
.search-form [type="text"] {width:100%}
}


header {background:#fff url('../i/bg-header.jpg') no-repeat 50% 0; background-size:100% auto; padding-bottom:50px; position:relative}
.main-page header {background-size:auto 100%}
.logotype {float:left; padding-top:40px; width:34.37666666666667%}
.intro-site {color:#fff; float:left; font-size:14px; font-weight:300; line-height:1.54; padding-top:37px; width:65.62333333333333%}
.intro-site h1 {font-size:20px; font-weight:500; line-height:1; padding-bottom:11px; text-transform:uppercase}
.intro-site .breadcrumb {font-size:12px; font-weight:300; height:58px}
.intro-site .breadcrumb a, .intro-site .breadcrumb span {color:#fff; display:inline-block; white-space:nowrap}
.intro-site .breadcrumb em {display:inline-block; font-family:'Open Sans'; font-style:normal; padding-right:3px; padding-left:3px}
.share {bottom:0; left:0; margin:auto; position:absolute; right:0; text-align:right}
.share .block {background:rgba(255,255,255,.6); border-radius:6px 6px 0 0; display:inline-block; padding:7px 7px 0}
.tabs-block {padding-top:35px}
.tabs-block [name="header_slide"] {display:none}
.tabs-block .tabs {height:52px}
.tabs-block .tabs label {background:#333; color:#fff; cursor:pointer; display:inline-block; font-size:16px; font-weight:500; height:52px; letter-spacing:-.025em; margin-right:1px; padding:17px 30px 0; position:relative; text-transform:uppercase; vertical-align:top}
.tabs-block .tabs label:hover {background:#3b3b3b}
.tabs-block .tabs label:after {border-top:7px solid #8db503; border-right:7px solid transparent; border-left:7px solid transparent; bottom:-7px; content:''; display:none; height:0; left:0; margin:auto; position:absolute; right:0; width:0; z-index:2}
.tabs-block .slides {background:#3b3b3b; border:30px solid #3b3b3b; border-bottom-width:28px; overflow:hidden}
.tabs-block .slides .slide-list {width:400%; -webkit-transform:translateZ(0); -webkit-transition:all 800ms cubic-bezier(.77,0,.175,1); -moz-transition: all 800ms cubic-bezier(.77,0,.175,1); -ms-transition: all 800ms cubic-bezier(.77,0,.175,1); transition: all 800ms cubic-bezier(.77,0,.175,1); -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1); -moz-transition-timing-function: cubic-bezier(.77,0,.175,1); -ms-transition-timing-function: cubic-bezier(.77,0,.175,1); transition-timing-function: cubic-bezier(.77,0,.175,1)}
.tabs-block .slides .slide-list .slide {float:left; width:25%}
.tabs-block .slides .item {color:#fff; display:block; font-size:13px; font-weight:300; line-height:1.2; position:relative; text-decoration:none}
.tabs-block .slides .item .price {background:rgba(3,180,210,.7); color:#fff; display:block; font-size:18px; padding:6px 20px 6px 10px; position:absolute; right:5px; top:15px}
.tabs-block .slides .item:hover .price {background:rgba(3,180,210,1)}
.tabs-block .slides .item .price strong {font-weight:500}
.tabs-block .slides .item .pic {border:1px solid #a5a5a5; display:block; margin-bottom:5px; padding:4px}
.tabs-block .slides .item:hover .pic {border-color:#b4e704}
.tabs-block .slides .item .pic img {display:block; height:auto; width:100%; max-width:262px}
.tabs-block .slides .more {border-top:1px dotted #a5a5a5; margin-top:17px; padding-top:16px}
.tabs-block .slides .more .slide-page {display:none; float:left; padding-top:2px}
.tabs-block .slides .more .slide-page span {background:none; border:1px solid #6e6e6e; display:inline-block; height:11px; margin-right:10px; opacity:1; width:11px}
.tabs-block .slides .more .slide-page span.swiper-pagination-bullet-active {background:#6e6e6e}


.tabs-block .slides .more a {color:#b4e704; display:block;	         font-size:16px; font-weight: bold;
        text-align: center; background-color: rgba(255, 255, 255, 0.2);	width: 40%; margin: 0 auto; padding: 1em 0}


#header-tap-slide1:checked ~ .tabs label[for="header-tap-slide1"] {background:#8db503}
#header-tap-slide1:checked ~ .tabs label[for="header-tap-slide1"]:after {display:block}
#header-tap-slide1:checked ~ .slides .slide-list {margin-left:0}
#header-tap-slide2:checked ~ .tabs label[for="header-tap-slide2"] {background:#8db503}
#header-tap-slide2:checked ~ .tabs label[for="header-tap-slide2"]:after {display:block}
#header-tap-slide2:checked ~ .slides .slide-list {margin-left:-100%}
#header-tap-slide3:checked ~ .tabs label[for="header-tap-slide3"] {background:#8db503}
#header-tap-slide3:checked ~ .tabs label[for="header-tap-slide3"]:after {display:block}
#header-tap-slide3:checked ~ .slides .slide-list {margin-left:-200%}
#header-tap-slide4:checked ~ .tabs label[for="header-tap-slide4"] {background:#8db503}
#header-tap-slide4:checked ~ .tabs label[for="header-tap-slide4"]:after {display:block}
#header-tap-slide4:checked ~ .slides .slide-list {margin-left:-300%}

@media (max-width:999px) {
body:not(.main-page) header {background-size:1920px auto; padding-bottom:26px}
.logotype {float:none; padding-top:30px; width:100%}
.logotype img {display:block; margin:auto}
.intro-site {float:none; padding-top:26px; width:100%}
body:not(.main-page) .intro-site {padding-top:12px}
.tabs-block .slides .more .slide-page {display:block}
}
@media (max-width:819px) and (min-width:480px) {
.intro-site {font-size:13px; line-height:1.4; padding-top:17px; width:100%}
.intro-site h1 {font-size:18px; letter-spacing:-.025em}
.tabs-block .tabs label {font-size:14px; padding:19px 20px 0}
}
@media (max-width:479px) {
body:not(.main-page) header {padding-bottom:32px}
.main-page .intro-site {display:none}
.intro-site .breadcrumb {height:auto; line-height:1.2; padding-bottom:9px}
.intro-site .breadcrumb a, .intro-site .breadcrumb span {white-space:normal}
.intro-site h1 {text-align:center}
.tabs-block {padding-top:19px}
.tabs-block .tabs {height:auto; position:relative}
.tabs-block .tabs label {display:block; height:52px; margin-top:1px; margin-right:0; position:static}
.tabs-block .tabs label:after {border-width:4px 4px 0; bottom:-4px; margin:0; right:auto}
.tabs-block .tabs label:before {background:#8db503; bottom:0; content:''; display:none; left:0; position:absolute; width:8px}
.tabs-block .slides .item {margin-right:auto; margin-left:auto; max-width:270px}
#header-tap-slide1:checked ~ .tabs label[for="header-tap-slide1"]:before {display:block; top:52px}
#header-tap-slide2:checked ~ .tabs label[for="header-tap-slide2"]:before {display:block; top:105px}
#header-tap-slide3:checked ~ .tabs label[for="header-tap-slide3"]:before {display:block; top:158px}
#header-tap-slide4:checked ~ .tabs label[for="header-tap-slide4"]:before {display:block; top:211px}
}


@media (max-width: 771px) {
.tabs-block .tabs label {font-size: 12px; padding: 19px 3% 0}
}



footer {background:#3b3b3b; padding-bottom:37px}
.footer-info {background:#252525; color:#fff; padding:28px 0 30px}
.footer-info .title {font-size:16px; font-weight:500; padding-bottom:12px; text-transform:uppercase}
.footer-slider {position:relative}
.footer-slider:before, .footer-slider:after {border-right:1px dotted #fff; bottom:44px; content:''; display:block; position:absolute; top:6px; width:0}
.footer-slider:before {left:calc(34.02733333333334% - 21px)}
.footer-slider:after {left:calc(68.05466666666668% - 21px)}
.footer-slider a {color:#fff; display:block; font-size:14px; font-weight:300; line-height:1.4; text-decoration:none}
.footer-slider i {color:#e3fd87; display:block; font-size:10px}
.footer-slider strong {color:#71e9fd; display:block; font-weight:500}
.footer-slider .control {padding-top:16px; text-align:center}
.footer-slider .btn {background:url('../i/theme.png') no-repeat; display:inline-block; height:24px; vertical-align:top; width:24px}
.footer-slider .btn.next {background-position:-24px 0}
.footer-slider .btn.swiper-button-disabled {opacity:.3}
.footer-slider .dots {display:inline-block; height:24px; margin:0 25px; padding-top:4px; vertical-align:top}
.footer-slider .dots span {border:1px solid #fff; border-radius:50%; display:inline-block; height:16px; margin:0 5px; width:16px}
.footer-slider .dots span.swiper-pagination-bullet-active {background:#334446; border-color:#79dfed}
@media (max-width:1070px) {
.footer-slider:before {left:calc(34.02733333333334% - 13px)}
.footer-slider:after {left:calc(68.05466666666668% - 13px)}
}
@media (max-width:999px) {
.footer-slider:before {left:calc(50% - 1px)}
.footer-slider:after {display:none}
.footer-slider .btn {display:none}
}
@media (max-width:569px) {
.footer-slider:before {display:none}
}

.footer-block {display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between}
.footer-block .left {color:#7c7c7c; font-size:12px; line-height:1.2; padding-top:40px}
.footer-block .left img {display:block; margin-bottom:20px}
.footer-block .left p {font-size:13px; padding-bottom:2px; text-transform:uppercase}
.footer-block .left p a {color:#7c7c7c; text-decoration:none}
.footer-block .right {padding-top:55px}
.footer-block .social {padding-bottom:49px; text-align:right}
.footer-block .social .link {background:url('../i/theme.png') no-repeat -48px 0; display:inline-block; height:32px; margin-right:20px; vertical-align:top; width:32px}
.footer-block .social .vk {background-position:-80px 0}
.footer-block .social .ya-share2 {display:inline-block; margin-top:4px; margin-left:21px; position:relative; vertical-align:top}
.footer-block .social .ya-share2:before {border-right:1px dotted #767676; bottom:2px; content:''; display:block; left:-21px; position:absolute; top:2px; width:0}
.footer-block .right li:not(.ya-share2__item) {display:inline-block; font-size:14px; margin-left:40px; position:relative}
.footer-block .right li:not(.ya-share2__item):not(:first-child):before {border-right:1px dotted #767676; bottom:-4px; content:''; display:block; left:-21px; position:absolute; top:-2px; width:0}
.footer-block .right li:first-child {margin-left:0}
.footer-block .right li:not(.ya-share2__item) a {color:#fff; font-weight:300; text-decoration:none}
.footer-block .right li:not(.ya-share2__item) a:hover {color:#cbfb23}
@media (max-width:1069px) {
.footer-block .social {padding-bottom:51px}
.footer-block .right li:not(.ya-share2__item) {font-size:12px; margin-left:15px}
.footer-block .right li:not(.ya-share2__item):not(:first-child):before {display:none}
.footer-block .right li:first-child {margin-left:0}
}
@media (max-width:819px) {
.footer-block {display:block; text-align:center}
.footer-block .left {display:inline-block; text-align:left}
.footer-block .right {padding-top:37px}
.footer-block .social {padding-bottom:36px; text-align:center}
}
@media (max-width:569px) {
.footer-block .left br {display:none}
/* 04.11.17
.footer-block .right li:not(.ya-share2__item) {margin-left:30px} */
.footer-block .right li:not(.ya-share2__item) {margin: 0 10px}

.footer-block .right li:not(.ya-share2__item):nth-child(4) {margin-left:0}
.footer-block .right li:not(.ya-share2__item):nth-child(n+3) {margin-top:24px}
.footer-block .right li:first-child {margin-left:0}
}


nav .title {border-bottom:2px solid #8db503; color:#8db503; font-size:18px; font-weight:500; letter-spacing:-.025em; padding-bottom:8px; text-transform:uppercase}

nav .img {display:block; margin-bottom:37px}
nav .img img {display:block; height:auto; width:100%}

.list-section {padding:0 0 20px}
.list-section li {border-bottom:1px solid #e6e6e6; position:relative}
.list-section li:last-child {border-bottom:0}
.list-section li:hover {background:#f4f5f5}
.list-section li:before {background:#e6e6e6; content:''; display:block; height:100%; left:36px; position:absolute; top:0; width:1px}
.list-section li:after {clear:both; content:''; display:block}
.list-section .fa {float:left; margin-left:-46px; width:36px}
.list-section :hover .fa {color:#0289a0}
.list-section a {color:#737373; display:block; float:left; font-size:14px; padding:8px 0 10px 46px; text-decoration:none; width:100%}

.links {padding:16px 0 28px}
.links li {padding-bottom:14px}
.links li:last-child {padding-bottom:0}
.links a {color:#737373; font-size:14px; text-decoration:none}
.links a:hover {color:#333}


section.content {}
.intro-page + section.content {padding-top:46px}
section.content article {display:block; font-size:16px; line-height:1.56; padding-bottom:29px}
@media (min-width:1000px) {
section.content nav {display:block; float:left; margin-right:3.13%; padding-top:6px; padding-bottom:50px; width:280px}
section.content nav .close {display:none}
section.content article {float:left; width:calc(96.87% - 280px)}
}
@media (max-width:999px) {
section.content nav {background:#fff; bottom:0; box-shadow:6px 0 12px -6px rgba(51,51,51,.45); display:block; left:-320px; padding:32px 20px 20px; position:fixed; top:0; width:320px; z-index:100; -webkit-transition:left 320ms; transition:left 320ms}
section.content nav.show {left:0}
section.content nav .close {color:#0289a0; font-size:18px; position:absolute; right:9px; top:6px; text-decoration:none; z-index:2}
section.content nav .scroll {height:100%; overflow:hidden}
}

article h2, article h3, article h4, article h5, article h6 {letter-spacing:-.025em; line-height:1.2; font-weight:500}

article h2 {font-size:22px; padding-bottom:17px}
.cloud-tags + h2 {padding-top:19px}
article h3 {font-size:18px; padding-top:5px; padding-bottom:12px; text-transform:uppercase}
article h4 {font-size:18px; padding-top:2px; padding-bottom:12px}
article h5, article h6 {font-size:16px; font-weight:700; padding-top:3px; padding-bottom:12px}
article h6 {font-family:'Open Sans Italic'}
article em {font-family:'Open Sans Italic'; font-style:normal}

article ol, article p, article ul {padding-bottom:15px}

article ul {padding-left:10px}
article ul > li {padding:0 0 0 13px; position:relative}
article ul > li:before {background:#3b3b3b; border-radius:50%; content:''; display:block; height:6px; left:0; position:absolute; top:9px; width:6px}
article ul.line > li {padding-left:15px}
article ul.line > li:before {border-radius:0; height:1px; top:11px; width:9px}
article ul ul {padding-bottom:0}

article ol {counter-reset:a}
article ol li {counter-increment:a; padding-left:21px; position:relative}
article ol li:before {content:counter(a)'.'; font-family:'Open Sans Italic'; font-size:12px; font-weight:700; left:0; position:absolute; top:5px}
article ol ol {counter-reset:b; padding-bottom:0}
article ol ol li {counter-increment:b; padding-left:31px}
article ol ol li:before {content:counter(a)'.'counter(b)'.'}
article ol ol ol {counter-reset:c}
article ol ol ol li {counter-increment:c; padding-left:41px}
article ol ol ol li:before {content:counter(a)'.'counter(b)'.'counter(c)'.'}

article hr {background:#d8d8d8; border:0; display:block; height:1px; margin:35px 0 24px; padding:0; width:100%}

.full-img {border:1px solid #bebebe; margin:9px 0 21px; padding:5px}
.full-img img {display:block; height:auto; width:100%}

.video {height:0; margin-right:auto; margin-left:auto; overflow:hidden; padding-bottom:56.25%; position:relative; max-width:1000px}
.video iframe, .video object, .video embed {height:100%; left:0; position:absolute; top:0; width:100%}

.pics2 {margin:9px 0 21px}
.pics2:after {clear:both; content:''; display:block}
.pics2 .img {border:1px solid #bebebe; float:left; padding:4px; width:calc((100% - 20px) / 2)}
.pics2 .img:first-child {margin-right:20px}
.pics2 .img a {display:block; overflow:hidden; position:relative}
.pics2 .img a span {background:rgba(51,51,51,.7); bottom:-100%; color:#fff; display:block; font-size:12px; font-weight:300; line-height:1; left:0; padding:11px 20px 13px; position:absolute; width:100%; -webkit-transition:bottom 320ms; transition:bottom 320ms}
.pics2 .img a:hover span {bottom:0}
.pics2 .img img {display:block; height:auto; width:100%}

.pic-left, .pic-right {border:1px solid #bebebe; padding:4px}
.pic-left {float:left}
.pic-right {float:right}

.migi-gallery {background:#333; margin:9px 0 21px; padding:20px 30px}
.migi-gallery:after {clear:both; content:''; display:block}
.migi-gallery a {background:#d8d8d8; border:1px solid #a5a5a5; display:block; float:left; margin-left:20px; padding:4px; width:calc((100% - 100px) / 6)}
.migi-gallery a:first-child {margin-left:0}
.migi-gallery img {display:block; height:auto; width:100%}

.news-block {padding-top:6px; padding-bottom:18px}
.news-block.big {padding-top:7px; padding-bottom:0}
.news-block .title {border-bottom:2px solid #c77602; color:#c77602; font-size:18px; font-weight:500; line-height:1; padding-bottom:8px; text-transform:uppercase}
.news-block .title:after {clear:both; content:''; display:block}
.news-block .title a {display:block; float:right; font-size:13px; font-weight:normal; margin-top:5px; text-transform:none}
.news-block .item {font-size:14px; line-height:1.2; margin-top:14px}
.news-block .item:after {clear:both; content:''; display:block}
.news-block .item .date {font-size:11px; font-weight:700; padding-bottom:3px}
.news-block .item img {border:1px solid #a5a5a5; box-sizing:content-box; float:left; margin:2px 15px 0 0; padding:3px}
.news-block .item a {display:inline-block; margin-bottom:7px}
.news-block .fx {padding-top:3px; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap}
.news-block .fx .item {margin-left:40px; -webkit-flex-basis:calc((100% - 40px) / 2); -ms-flex-basis:calc((100% - 40px) / 2); flex-basis:calc((100% - 40px) / 2)}
.news-block .fx .item:nth-child(odd) {margin-left:0}
.date-in-article {color:#a5a5a5; display:block; font-size:12px; font-weight:500; text-align:right}

.goto-links {padding-bottom:15px; text-align:center}
.goto-links a {display:inline-block}
.goto-links img {display:block; height:auto; width:100%}

.cloud-tags {font-size:14px; line-height:1.2; padding-bottom:15px; text-align:center}
.cloud-tags a {color:#a5a5a5; display:inline-block; margin-right:5px; margin-left:5px; text-decoration:none; white-space:nowrap}
.cloud-tags a:hover {color:#0289a0}
.cloud-tags .ts1 {font-size:1.85em}
.cloud-tags .ts2 {font-size:1.71em}
.cloud-tags .ts3 {font-size:1.57em}
.cloud-tags .ts4 {font-size:1.42em}
.cloud-tags .ts5 {font-size:1.14em; font-weight:500}
.cloud-tags .ts6 {font-size:1em}
.cloud-tags .ts7 {font-size:1em; font-weight:300}
.cloud-tags .ts8 {font-size:.85em; font-weight:500}
.cloud-tags .ts9 {font-size:.85em}
.cloud-tags .ts10 {font-size:.85em; font-weight:300}
@media (max-width:569px) {
.cloud-tags {font-size:12px}
}

.pagination {font-size:0; padding-top:47px; text-align:center}
.pagination a, .pagination span {display:inline-block; font-size:14px; margin:0 2px}
.pagination a.prev {margin-right:8px; margin-left:0; text-decoration:none}
.pagination a.next {margin-right:0; margin-left:8px; text-decoration:none}
.pagination .fa {font-size:12px}
.pagination span:not(.dots) {border-top:2px solid #8db503; color:#3b3b3b; font-weight:700; padding:0 6px 0 5px}
.pagination a {padding:2px 6px 0 5px}

@media (max-width:819px) {
section.content article {font-size:14px; padding-bottom:29px}
}
@media (max-width:569px) {
article h2 {font-size:18px}
article h3 {font-size:16px}
article h4 {font-size:16px}
article h5, article h6 {font-size:14px}
.pics2 .img {float:none; width:100%}
.pics2 .img:first-child {margin-right:0; margin-bottom:20px}
.migi-gallery a {width:calc((100% - 40px) / 3)}
.migi-gallery a:first-child, .migi-gallery a:nth-child(3n+1) {margin-left:0}
.migi-gallery a:nth-child(n+4) {margin-top:20px}
.news-block .fx .item {margin-left:0; -webkit-flex-basis:100%; -ms-flex-basis:100%; flex-basis:100%}
}


.widgets {padding:30px 0; position:relative}
.widgets.play {background:#fff; box-shadow:0 6px 12px -6px rgba(0,0,0,.45); left:0; padding:15px 0; position:fixed; right:0; top:0; z-index:50}
.widgets .mobile {color:#3b3b3b; display:none; float:left; font-size:28px; margin-right:3.13%}
.widgets .mobile a {display:block; height:43px; position:relative; width:43px}
.widgets .mobile .fa {bottom:0; height:28px; left:0; margin:auto; position:absolute; right:0; text-align:center; top:0; width:36px}
.widgets .mobile .fa-times, .widgets .mobile .show .fa-bars {display:none}
.widgets .mobile .show .fa-times {display:block}
.widgets .infoblock {float:left; margin-right:3.13%; width:280px}
.widgets .fastlink {float:left; width:calc(96.87% - 280px)}
.widgets .fastlink form:after {clear:both; content:''; display:block}
.widgets .fastlink select {padding-right:10px; padding-left:10px}
.widgets .fastlink option {font-size:14px}
.widgets .compare-box {font-size:13px; padding-top:15px; text-align:center}
.widgets.play .compare-box {left:0; padding-top:0; position:absolute; right:0; top:100%}
.widgets .compare-box a {background:#c40208; border-radius:5px; box-shadow:0 3px 6px -3px rgba(0,0,0,.45); color:#fff; display:inline-block; font-weight:300; letter-spacing:-.025em; padding:10px 15px; text-decoration:none; transition:all 640ms}
.widgets .compare-box a:hover {background:#8db503}
.widgets.play .compare-box a {border-radius:0 0 5px 5px}
.widgets .compare-box a strong {display:inline-block; font-weight:500; margin-right:10px}
.widgets .compare-box a span {display:inline-block; margin:0 5px}
.widgets .compare-box a span:after {background:#fff; content:''; display:inline-block; height:3px; vertical-align:2px; width:3px}
@media (max-width:999px) {
.widgets .mobile {display:block}
.widgets .fastlink {width:calc(93.74% - 323px)}
}
@media (max-width:959px) {
.widgets .fix {display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; justify-content:center}
.widgets .infoblock {margin-right:0}
.widgets .fastlink {display:none}
}


.infoblock .euro {border:1px dotted #bebebe; display:inline-block; height:43px; padding-top:7px; text-align:center; vertical-align:top; width:107px}
.infoblock .euro .fa {color:#a5a5a5; font-size:14px}
.infoblock .euro strong {color:#8db503; display:inline-block; font-size:24px; font-weight:normal; letter-spacing:-.025em; padding:0 5px 0 4px; vertical-align:-3px}
.infoblock .euro .fa-long-arrow-down {color:#8db503; vertical-align:1px}
.infoblock .euro.up strong, .infoblock .euro .fa-long-arrow-up {color:#c40208}
.infoblock .euro .fa-long-arrow-up {vertical-align:1px}
.infoblock .weather {border:1px dotted #bebebe; display:inline-block; height:43px; margin-left:10px; padding:7px 0 0 43px; position:relative; vertical-align:top; width:calc(100% - 117px)}
.infoblock .weather .fa-sun-o {color:#ff7f2c; font-size:24px; left:10px; position:absolute; top:8px}
.infoblock .weather span {color:#333; font-size:10px; display:inline-block; letter-spacing:-.025em; padding-bottom:5px; text-transform:uppercase}
.infoblock .weather strong {font-size:12px; font-weight:normal; letter-spacing:-.025em}
.infoblock .weather a {background:#fff; bottom:-5px; color:#0289a0; display:block; font-size:10px; padding:0 4px; position:absolute; right:7px; text-decoration:none; text-transform:uppercase}


.widgets .fastlink .select {float:left; height:43px; position:relative; width:calc((100% - 150px) / 2)}
.widgets .fastlink em {color:#bebebe; display:block; float:left; font-size:16px; font-style:normal; height:43px; padding-top:12px; text-align:center; width:30px}
.widgets .fastlink button {background:#99c204; background:linear-gradient(to bottom,#99c204 0%,#8db503 100%); border:0; border-radius:3px; color:#fff; cursor:pointer; float:left; font-size:16px; font-weight:500; height:43px; margin-left:10px; text-shadow:0 1px 0 rgba(0,0,0,.25); text-transform:uppercase; width:110px}
.widgets .fastlink button .fa {margin-right:10px}


.intro-page {background:#f1f2f3; color:#333; font-size:13px; line-height:1.4; padding:33px 0 27px}
.intro-page p {padding-bottom:9px}


.news-list {padding:0}
.news-list li {padding:0}
.news-list li:before {display:none}
.news-list li span {background:#bebebe; display:inline-block; font-size:12px}


.gallery {line-height:1; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; -ms-justify-content:flex-start; justify-content:flex-start}
.gallery .item .pic {background:#f1f2f3; border:1px solid #a5a5a5; display:block; padding:4px; position:relative}
.gallery .item img {display:block; height:auto; width:100%}
.gallery .item .date {background:rgba(241,242,243,.8); bottom:4px; color:#3b3b3b; display:block; font-size:10px; font-weight:500; line-height:1; padding:5px 12px 6px; position:absolute; right:4px}
.gallery .item .name {font-size:14px; font-weight:500; padding:11px 0 0}
.gallery .item .num {font-size:10px; padding-bottom:7px}
.gallery .item .author {color:#0289a0; font-size:13px; text-decoration:none}
.gallery .item .tags {font-size:0; margin-right:-7px; padding-top:9px}
.gallery .item .tags:empty {display:none; margin:0; padding:0}
.gallery .item .tags a {color:#a5a5a5; display:inline-block; font-size:12px; text-decoration:none}
.gallery .item .tags a:after {background:#a5a5a5; border-radius:50%; content:''; display:inline-block; height:3px; margin-right:2px; margin-left:3px; vertical-align:2px; width:3px}
.gallery .item .tags a:last-child:after {display:none}
.user-info {font-size:14px; padding-bottom:25px}
.user-info .line {padding-bottom:7px; padding-left:134px}
.user-info .line:last-child {padding-bottom:0}
.user-info strong {display:inline-block; font-weight:normal; margin-right:9px; margin-left:-134px; vertical-align:top; min-width:125px}
.user-info em {color:#0289a0; display:inline-block; font-family:'Open Sans'}
.user-info .tags {display:inline-block; font-size:0; margin-right:-7px; padding-top:3px}
.user-info .tags a {color:#a5a5a5; display:inline-block; font-size:12px; text-decoration:none}
.user-info .tags a:after {background:#a5a5a5; border-radius:50%; content:''; display:inline-block; height:3px; margin-right:2px; margin-left:3px; vertical-align:2px; width:3px}
.user-info .tags a:last-child:after {display:none}

@media (min-width:1100px), (max-width:999px) and (min-width:760px) {
.gallery .item {margin-left:20px; -webkit-flex-basis:calc((100% - 60px) / 4); -ms-flex-basis:calc((100% - 60px) / 4); flex-basis:calc((100% - 60px) / 4)}
.gallery .item:first-child, .gallery .item:nth-child(4n+1) {margin-left:0}
.gallery .item:nth-child(n+5) {margin-top:28px}
.gallery.pic .item:nth-child(n+5) {margin-top:20px}
}
@media (max-width:1099px) and (min-width:1000px), (max-width:759px) and (min-width:570px) {
.gallery .item {margin-left:20px; -webkit-flex-basis:calc((100% - 40px) / 3); -ms-flex-basis:calc((100% - 40px) / 3); flex-basis:calc((100% - 40px) / 3)}
.gallery .item:first-child, .gallery .item:nth-child(3n+1) {margin-left:0}
.gallery .item:nth-child(n+4) {margin-top:28px}
.gallery.pic .item:nth-child(n+4) {margin-top:20px}
}
@media (max-width:569px) and (min-width:480px) {
.gallery .item {margin-left:20px; -webkit-flex-basis:calc((100% - 20px) / 2); -ms-flex-basis:calc((100% - 20px) / 2); flex-basis:calc((100% - 20px) / 2)}
.gallery .item:first-child, .gallery .item:nth-child(2n+1) {margin-left:0}
.gallery .item:nth-child(n+3) {margin-top:28px}
.gallery.pic .item:nth-child(n+3) {margin-top:20px}
}
@media (max-width:479px) {
.gallery {display:block; margin-right:auto; margin-left:auto; max-width:225px}
.gallery .item {margin-top:18px}
.gallery .item:first-child {margin-top:0}
}


.comments-block {font-size:0; padding-top:29px}
.comments-block .title {border-bottom:2px solid #a5a5a5; color:#8c8c8c; font-size:18px; font-weight:500; padding-bottom:3px; text-decoration:none; text-transform:uppercase}
.comments-block .item {border-bottom:1px dotted #bebebe; line-height:1.2; margin-top:15px; padding-bottom:20px}
.comments-block .item .user {font-size:13px; padding-bottom:7px}
.comments-block .item .pic {float:left; width:50px}
.comments-block .item .msg {float:left; font-family:'Open Sans Italic'; font-size:16px; padding-left:20px; width:calc(100% - 50px)}
.comments-block .add {padding-top:14px}
.comments-block .add label {display:inline-block; font-size:14px; font-weight:500; margin-bottom:5px; text-transform:uppercase}
.comments-block .add textarea {border:1px solid #bebebe; font-family:'Open Sans Italic'; font-size:14px; height:114px; line-height:1.2; padding:15px 20px 0; resize:none; width:100%}
.comments-block .add button {background:transparent; border:2px solid #bebebe; color:#8c8c8c; cursor:pointer; font-size:14px; font-weight:500; margin-top:10px; padding:10px 45px 11px; text-transform:uppercase}
.comments-block .add button .fa {margin-right:10px}


.objects-block {padding-top:29px}
.objects-block.top0 {padding-top:0}
.objects-block .title {color:#0289a0; display:inline-block; font-size:18px; font-weight:500; margin-bottom:3px; text-decoration:none; text-transform:uppercase}
.objects-block a.title:hover {color:#8db503}
.objects-block a.title:hover + .fx {border-color:#8db503}
.objects-block .title .fa {font-size:14px; margin-left:10px; vertical-align:1px}
.objects-block .fx {border-top:2px solid #0289a0; padding-top:20px; transition:all 640ms; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; -ms-justify-content:flex-start; justify-content:flex-start}
.objects-block .item {font-size:14px; line-height:1.2}
.objects-block .item a {background:#f1f2f3; border:1px solid #a5a5a5; display:block; margin-bottom:5px; padding:4px}
.objects-block .item img {display:block; height:auto; width:100%}
.objects-block .item strong {display:inline-block; padding-bottom:7px}

@media (min-width:1100px), (max-width:999px) and (min-width:760px) {
.objects-block .item {margin-left:20px; -webkit-flex-basis:calc((100% - 60px) / 4); -ms-flex-basis:calc((100% - 60px) / 4); flex-basis:calc((100% - 60px) / 4)}
.objects-block .item:first-child, .objects-block .item:nth-child(4n+1) {margin-left:0}
.objects-block .item:nth-child(n+5) {margin-top:27px}
}
@media (max-width:1099px) and (min-width:1000px), (max-width:759px) and (min-width:570px) {
.objects-block .item {margin-left:20px; -webkit-flex-basis:calc((100% - 40px) / 3); -ms-flex-basis:calc((100% - 40px) / 3); flex-basis:calc((100% - 40px) / 3)}
.objects-block .item:first-child, .objects-block .item:nth-child(3n+1) {margin-left:0}
.objects-block .item:nth-child(n+4) {margin-top:27px}
}
@media (max-width:569px) and (min-width:480px) {
.objects-block .item {margin-left:20px; -webkit-flex-basis:calc((100% - 20px) / 2); -ms-flex-basis:calc((100% - 20px) / 2); flex-basis:calc((100% - 20px) / 2)}
.objects-block .item:first-child, .objects-block .item:nth-child(2n+1) {margin-left:0}
.objects-block .item:nth-child(n+3) {margin-top:27px}
}
@media (max-width:479px) {
.objects-block .fx {display:block}
.objects-block .item {margin:18px auto 0; max-width:225px}
.objects-block .item:first-child {margin-top:0}
}




.catalog-links {font-size:0; padding-bottom:25px; text-align:center}
.catalog-links a.btn {border:1px solid #bebebe; border-radius:3px; color:#a5a5a5; display:inline-block; font-size:14px; margin:2px; padding:7px 15px 10px; text-decoration:none; transition:all 640ms}
.catalog-links a.btn:hover {box-shadow:0 6px 12px -6px rgba(0,0,0,.45); border-color:#8db503; color:#8db503}
.catalog-links a.btn .fa {margin-right:5px}
.catalog-links a + .text {padding-top:13px}
.catalog-links .text br {display:none}
.catalog-links .text a {font-size:14px}
.catalog-links .text a:before {color:#3b3b3b; content:'\f006'; display:inline-block; font-family:FontAwesome; font-size:10px; margin:0 10px}
.catalog-links .text a:first-child:before {display:none}
.catalog-links .text .to-map {background:#8db503; border-radius:3px; box-shadow:0 6px 12px -6px rgba(0,0,0,.45); color:#fff; display:inline-block; font-size:14px; padding:9px 20px 10px; text-decoration:none; text-transform:uppercase}
.catalog-links .text .to-map .fa {margin-right:10px}
@media (max-width:569px) {
.catalog-links .text {text-align:center}
.catalog-links .text br {display:block}
.catalog-links .text a {display:inline-block; font-size:14px; margin-left:15px; white-space:nowrap}
.catalog-links .text br + a {margin-left:0}
.catalog-links .text a:first-child {margin-left:0}
.catalog-links .text a:before {display:none}
}

.add-object {font-size:12px; padding-bottom:5px; text-align:center}

.catalog-list {border-collapse:collapse; font-size:0; line-height:1.2; width:100%}
.catalog-list th {background:#f1f2f3; font-size:12px; font-weight:500; padding:13px 21px 12px 20px; position:relative; text-transform:uppercase; white-space:nowrap}
.catalog-list th:after {background:#d6d8db; bottom:15px; content:''; display:block; position:absolute; right:0; top:15px; width:1px}
.catalog-list th:last-child:after {display:none}
.catalog-list th:last-child {padding-right:20px}
.catalog-list th:nth-child(3) {white-space:normal; width:100%}
.catalog-list tbody tr:nth-child(even) td {background:#f5f5f5}
.catalog-list td {font-size:14px; padding:18px 21px 17px 20px; text-align:center; vertical-align:top; white-space:nowrap}
.catalog-list td:nth-child(2) {padding-right:0; padding-left:0}
.catalog-list td:nth-child(2) a {display:block; height:98px; overflow:hidden; position:relative; width:160px}
.catalog-list td:nth-child(2) a:before {background:rgba(59,59,59,.8); bottom:0; color:#fff; content:'подробнее…'; display:block; font-size:12px; font-weight:300; height:26px; left:0; margin:auto; opacity:0; padding-top:5px; position:absolute; right:0; text-align:center; top:0; width:100px; transition:opacity 320ms}
.catalog-list td:nth-child(2) a:hover:before {opacity:1}
.catalog-list td:nth-child(2) img {display:block; height:auto; width:100%; max-width:215px}
.catalog-list td:nth-child(3) {position:relative; text-align:left; white-space:normal}
.catalog-list td:nth-child(3) .city {display:inline-block; font-weight:500; padding-bottom:7px}
.catalog-list td:nth-child(3) .city .fa {color:#8db503; font-size:13px; margin-right:4px}
.catalog-list td:nth-child(3) .link {bottom:17px; font-size:0; left:20px; position:absolute}
.catalog-list td:nth-child(3) .link a {display:inline-block; font-size:13px; text-decoration:none}
.catalog-list td:nth-child(3) .link .del {color:#c40208}
.catalog-list td:nth-child(3) .link .fa {color:#3b3b3b; margin-right:4px; vertical-align:-1px}
.catalog-list td:last-child {padding-right:20px}

@media (max-width:819px) {
.catalog-list {display:block}
.catalog-list thead {display:none}
.catalog-list tbody {display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; -ms-justify-content:flex-start; justify-content:flex-start}
.catalog-list tbody tr {border:1px solid #bebebe; display:block; flex-basis:calc((100% - 20px) / 2); display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap}
.catalog-list tbody tr:nth-child(even) {margin-left:20px}
.catalog-list tbody tr:nth-child(n+3) {margin-top:20px}
.catalog-list tbody tr td {display:inline-block}
.catalog-list tbody tr:nth-child(even) td {background:#fff}
.catalog-list td {-webkit-flex-basis:100%; -ms-flex-basis:100%; flex-basis:100%}
.catalog-list td:nth-child(2) {padding:20px 0 4px; -webkit-order:1; -ms-order:1; order:1}
.catalog-list td:nth-child(2) a {display:inline-block; height:auto; width:auto}
.catalog-list td:nth-child(1) {padding:0; text-align:center; -webkit-order:2; -ms-order:2; order:2}
.catalog-list td:nth-child(1):before {content:'ID: '}
.catalog-list td:nth-child(3) { padding-top:7px; padding-bottom:0; -webkit-order:3; -ms-order:3; order:3}
.catalog-list td:nth-child(3) .link {padding-top:7px; position:static}
.catalog-list td:nth-child(4) {padding:7px 20px 0; -webkit-order:4; -ms-order:4; order:4}
.catalog-list td:nth-child(4):before {content:'Мест (площадь, м\002b): '}
.catalog-list td:nth-child(5) {padding:7px 20px 17px; -webkit-order:5; -ms-order:5; order:5}
.catalog-list td:nth-child(5):before {content:'Цена, \20ac: '}
}
@media (max-width:569px) {
.catalog-list tbody {display:block}
.catalog-list tbody tr {margin-right:auto; margin-left:auto; width:100%; max-width:320px}
.catalog-list tbody tr:nth-child(even) {margin-left:auto}
.catalog-list tbody tr:nth-child(n+2) {margin-top:20px}
}


.goto-map {}
.goto-map .title {border-bottom:2px solid #8b8b8b; color:#8b8b8b; font-size:18px; font-weight:500; padding-bottom:3px; text-transform:uppercase}
.goto-map .list {font-size:0; line-height:1; padding-top:14px}
.goto-map .list a {color:#3b3b3b; display:inline-block; font-size:14px; margin:2px 0 2px; text-decoration:none}
.goto-map .list a:hover {color:#0289a0}
.goto-map .list a:before {color:#bebebe; content:'\f006'; display:inline-block; font-family:FontAwesome; font-size:12px; margin-right:5px; margin-left:5px}
.goto-map .list a:first-child:before {display:none}
@media (max-width:569px) {
.goto-map .list a {font-size:12px; margin-right:15px}
.goto-map .list a:before {display:none}
}

.map-area {line-height:1}
.map-area .title {font-size:18px; font-weight:500; padding-bottom:8px; text-transform:uppercase}
.map-area .map {background:#f1f2f3; border:1px solid #bebebe; min-height:600px; padding:5px}


.filter {line-height:1; padding-bottom:30px}
.filter .title {color:#0289a0; font-size:18px; font-weight:500; padding-bottom:8px; text-transform:uppercase}
.filter .block {background:#f8f8f8; border:2px solid #0289a0; padding:15px 20px 20px}
.filter.apartments .block {padding-bottom:7px}

.filter label {color:#8b8b8b; display:inline-block; margin-bottom:8px}
.filter .label {color:#8b8b8b; font-size:14px; height:43px; left:0; padding:15px 10px 0 15px; position:absolute; text-align:center; top:0; z-index:1}
.filter :focus + .label {opacity:.5}
.filter .el.range label {padding-bottom:19px}

.filter [type="text"], .filter [type="email"], .filter [type="url"], .filter .customSelect {background-color:#fff}
.filter .cl + .cl {padding-top:15px}
.filter .cl .el {position:relative}
.filter .el2 .el {float:left; margin-left:20px; width:calc((100% - 20px) / 2)}
.filter .el3 .el {float:left; margin-left:20px; width:calc((100% - 40px) / 3)}
.filter .cl .el:first-child {margin-left:0}

.filter .checkbox {font-size:0; margin-top:16px; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; -ms-justify-content:flex-start; justify-content:flex-start}
.filter .checkbox label {font-size:14px; line-height:1; margin-top:0; margin-bottom:14px}

.filter .el .checkbox {margin-top:0; margin-bottom:9px}
.filter .el .checkbox label {margin-right:20px; -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto}
.filter .el .checkbox label:last-child {margin-left:0}

.filter .sort {padding-top:4px; padding-bottom:13px}
.filter .sort .el {width:calc((100% - 20px) / 2)}

.filter .cl.btn {font-size:0; padding-top:10px}
.filter .cl.btn .count {float:left; font-size:14px; padding-top:15px; text-align:center; width:calc(100% - 300px)}
.filter .cl.btn .count strong {color:#0289a0}
.filter .cl.btn button {background:#0289a0; border:0; border-radius:3px; color:#fff; cursor:pointer; display:block; float:right; font-size:14px; font-weight:500; height:43px; text-transform:uppercase; width:280px}
.filter .cl.btn button .fa {margin-right:10px}

@media (min-width:1100px), (max-width:999px) and (min-width:760px) {
.filter .checkbox label {-webkit-flex:1 1 calc(100% / 3); -ms-flex:1 1 calc(100% / 3); flex:1 1 calc(100% / 3)}
}
@media (max-width:1099px) and (min-width:1000px), (max-width:759px) and (min-width:570px) {
.filter .checkbox label {-webkit-flex:1 1 calc(100% / 2); -ms-flex:1 1 calc(100% / 2); flex:1 1 calc(100% / 2)}
}
@media (max-width:759px) {
.filter.private .el3 .el:not(.range) {width:calc((100% - 20px) / 2)}
.filter.private .el3 .el.range {margin-top:15px; margin-bottom:14px; margin-left:0; text-align:center; width:100%}
.filter.private .el3 .el.range label {text-align:left; width:256px}
.filter.private .el3 .el.range .slider-container {margin-right:auto; margin-left:auto; width:256px !important}
.filter.apartments .el3 .el {width:calc((100% - 20px) / 2)}
.filter.apartments .el3 .el:nth-child(2) {margin-left:0}
.filter.apartments .el3 .el:first-child {margin-bottom:15px; width:100%}
.filter.apartments .el2 .el.blocks {float:none; margin-left:0; width:100%}
.filter.apartments .el2 .el.blocks:last-child {margin-top:15px}
.filter .sort .el {width:100%}
.filter.realty .el2 .el {float:none; margin-left:0; width:100%}
.filter.realty .el2 .el:last-child {margin-top:15px}
.filter.realty .el .checkbox {margin-bottom:0}
}
@media (max-width:569px) {
.filter .el2 .el {float:none; margin-top:15px; margin-left:0; width:100%}
.filter .el2 .el:first-child {margin-top:0}
.filter.private .el3 .el:not(.range) {margin-top:15px; margin-left:0; width:100%}
.filter.private .el3 .el:not(.range):first-child {margin-top:0}
.filter.apartments .el3 .el {margin-top:15px; margin-left:0; width:100%}
.filter.apartments .el3 .el:first-child {margin-top:0; margin-bottom:0}
.filter.apartments .cl .el.range {margin-top:15px; margin-bottom:18px; margin-left:0; text-align:center; width:100%}
.filter.apartments .cl .el.range label {text-align:left; width:256px}
.filter.apartments .cl .el.range .slider-container {margin-right:auto; margin-left:auto; width:256px !important}
.filter .checkbox label {-webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%}
.filter .cl.btn .count {float:none; padding:6px 0 18px; width:100%}
.filter .cl.btn button {float:none; margin-right:auto; margin-left:auto}
}


.alert-block {color:#c40208; margin-top:18px; margin-bottom:24px; text-align:center}


.get-price {background:#8db503; box-shadow:0 6px 12px -6px rgba(0,0,0,.45); color:#fff; line-height:1; margin-top:24px; padding:15px 20px 20px}
.get-price .cost {float:left; font-size:12px; margin-top:43px; text-align:center; width:180px}
.get-price .cost strong {display:inline-block; font-size:32px; font-weight:500; margin-bottom:7px}
.get-price .cost em {display:inline-block; font-family:'Open Sans'; font-size:18px; font-weight:500; letter-spacing:-.025em; margin-top:15px; text-transform:uppercase}
.get-price .form {float:left; margin-left:30px; padding-top:7px; width:calc(100% - 210px)}
.get-price .form .title {font-size:18px; font-weight:500; padding-bottom:13px; text-align:center; text-transform:uppercase}
.get-price .form .el4 {padding-top:15px}
.get-price .form .el {float:left; margin-left:20px; position:relative}
.get-price .form .el:first-child {margin-left:0}
.get-price .form .el input {background-color:transparent; border-color:#fff; border-radius:22px; color:#fff; padding-right:20px; padding-left:20px}
.get-price .form .el label {display:block; font-size:14px; font-weight:300; height:42px; left:0; position:absolute; padding:14px 0 0 21px; top:0; width:100%; z-index:1; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.get-price .form .el :valid + label, .get-price .form .el [type="email"]:focus + label {display:none}
.get-price .form .el option {font-size:14px}
.get-price .form .el .customSelect {background-color:transparent; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFBAMAAABlfdtYAAAAElBMVEUAAAD///////////////////8+Uq06AAAABXRSTlMAdyLu3TfVfBEAAAAiSURBVAjXY3ANDQ0NYFAGkgIMTKahgQwMQI4AkGRyZGAAAFZlBG+Gc4twAAAAAElFTkSuQmCC'); border-color:#fff; border-radius:22px; color:#fff}
.get-price .form .el .customSelect .customSelectInner {color:#fff}
.get-price .form .btn {padding-top:15px; text-align:center}
.get-price .form .btn button {background:green; border:0; border-radius:22px; color:#fff; cursor:pointer; font-size:14px; font-weight:500; height:44px; text-transform:uppercase; width:100%; max-width:280px}
@media (min-width:940px) {
.get-price .form .el3 .el {width:calc((100% - 40px) / 3)}
.get-price .form .el4 .el {width:calc((100% - 60px) / 4)}
}
@media (max-width:1200px) and (min-width:1000px), (max-width:939px) {
.get-price .cost {float:none; margin-top:0; padding-bottom:8px; text-align:center; width:100%}
.get-price .cost .br {display:none}
.get-price .form {float:none; margin:0; width:100%}
}
@media (max-width:819px) and (min-width:570px) {
.get-price .form .el3 .el, .get-price .form .el4 .el {width:calc((100% - 20px) / 2)}
.get-price .form .el3 .el:first-child {margin-bottom:15px; width:100%}
.get-price .form .el3 .el:nth-child(2), .get-price .form .el4 .el:nth-child(3) {margin-left:0}
.get-price .form .el4 .el:nth-child(n+3) {margin-top:15px}
}
@media (max-width:569px) {
.get-price .form .fx, .get-price .cost .br {display:block}
.get-price .form .el {float:none; margin-left:0; width:100%}
.get-price .form .el:nth-child(n+2) {margin-top:10px}
}


.calendar {line-height:1; margin-top:22px; display:-webkit-flex; display:-ms-flex; display:flex}
.calendar .block {flex-basis:calc((100% - 30px) / 2)}
.calendar .block.price {margin-right:30px}
.calendar .title {padding-bottom:13px; text-align:center}
.calendar .title strong {display:inline-block; font-size:18px; font-weight:500; margin-bottom:3px; text-transform:uppercase}
.calendar .price .cl {background:#f1f2f3; font-size:14px; padding:20px 15px; text-align:center}
.calendar .price .cl div {border:1px solid #bebebe; border-width:1px 1px 0 0; color:#a5a5a5; float:left; letter-spacing:-.025em; padding-top:11px; padding-bottom:12px; text-transform:lowercase; width:calc(100% / 4)}
.calendar .price .cl div:nth-child(4n) {border-right:0}
.calendar .price .cl div:nth-child(-n + 4) {border-top:0}
.calendar .price .cl span {color:#bebebe; display:block; font-size:24px; padding-top:4px; text-transform:uppercase}
.calendar .price .cl span.c {color:#0289a0}
.calendar .booking .day {background:#f1f1f1; font-size:0; padding:20px; text-align:center}
.calendar .booking .day span {display:inline-block; font-size:14px; width:calc(100% / 7)}
.calendar .booking .week span {color:#a5a5a5; font-weight:500; padding-top:5px; padding-bottom:8px}
.calendar .booking .w span {padding-top:10px; padding-bottom:10px; position:relative}
.calendar .booking .w .b:before {background:rgba(196,2,8,.3); bottom:0; border-radius:50%; content:''; display:block; height:24px; left:0; margin:auto; position:absolute; right:0; top:0; width:24px}
.calendar .booking .month {margin:10px auto 0; max-width:280px}
.calendar .booking .month select {padding:0 11px; width:100%}
.calendar .booking .month option {font-size:14px}
@media (max-width:739px) {
.calendar {display:block}
.calendar .block.price {margin-right:0}
.calendar .booking {padding-top:22px}
}


.other-obj {margin-top:32px}
.other-obj .title {border-bottom:2px solid #0289a0; color:#0289a0; font-size:18px; font-weight:500; margin-bottom:20px; padding-bottom:3px; text-transform:uppercase}
.other-obj .item {font-size:14px; line-height:1; -webkit-flex-basis:calc((100% - 30px) / 2); -ms-flex-basis:calc((100% - 30px) / 2); flex-basis:calc((100% - 30px) / 2)}
.other-obj .item:first-child {margin-right:30px}
.other-obj .item img {display:block; float:left; height:auto; width:calc((100% - 10px) / 2); max-width:262px}
.other-obj .item img:first-child {margin-right:10px}
.other-obj .item a {color:#8db503; display:inline-block; font-weight:500; margin-top:11px; margin-bottom:9px}
@media (max-width:569px) {
.other-obj .fx {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap}
.other-obj .item {-webkit-flex-basis:100%; -ms-flex-basis:100%; flex-basis:100%}
.other-obj .item:first-child {margin-bottom:28px; margin-right:0}
}


.gallery-obj {margin-top:30px; margin-bottom:21px}
.gallery-obj img {display:block; height:auto; width:100%}
.gallery-obj .big {border:1px solid #a5a5a5; margin-bottom:15px; padding:5px}
.gallery-obj .big img {background-position:50% 50%; background-size:cover; background-repeat:no-repeat}
.gallery-obj .big a {color:#fff; display:block; position:relative; text-decoration:none}
.gallery-obj .big a .type {background:#8db503; display:block; font-size:14px; left:0; padding:2px 15px 5px; position:absolute; top:0}
.gallery-obj .swiper-container {padding:0 1px}
.gallery-obj .swiper-slide img {background:#f1f2f3; border:1px solid #a5a5a5; box-sizing:border-box; padding:4px}
.gallery-obj .page {font-size:0; padding-top:10px; text-align:center}
.gallery-obj .page .swiper-pagination-bullet {background:#fff; border:1px solid #bebebe; height:10px; margin:0 3px; opacity:1; width:10px}
.gallery-obj .page .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#0289a0; border:0}


.add-favorite {text-align:center}
.add-favorite a {background:#8db503; border-radius:22px; box-shadow:0 6px 12px -6px rgba(0,0,0,.45); color:#fff; display:inline-block; font-size:14px; height:44px; padding-top:11px; text-decoration:none; width:240px}
.add-favorite a:hover {box-shadow:none}
.add-favorite .fa {margin-right:10px}


.ico-apart {font-size:0; margin:30px 0 5px}
.ico-apart span {background:url('../i/apart-icons.png') no-repeat; display:inline-block; height:32px; margin-right:5px; vertical-align:top; width:32px}
.ico-apart .ico1 {background-position:0 0}
.ico-apart .ico2 {background-position:-32px 0}
.ico-apart .ico3 {background-position:-64px 0}
.ico-apart .ico4 {background-position:-96px 0}
.ico-apart .ico5 {background-position:-128px 0}
.ico-apart .ico6 {background-position:-160px 0}
.ico-apart .ico7 {background-position:-192px 0}
.detail-obj {background:#f1f2f3; font-size:0; line-height:1; padding:28px 30px}
.detail-obj p {border-top:1px solid #fff; border-bottom:1px solid #d6d8db; font-size:14px; padding:13px 0}
.detail-obj p:first-child {border-top:0; padding-top:0}
.detail-obj p:last-child {border-bottom:0; padding-bottom:0}
.detail-obj p strong {font-weight:500}
.other-links {margin-top:29px; padding-left:0}
.other-links li {padding-bottom:5px; padding-left:24px}
.other-links li:last-child {padding-bottom:0}
.other-links li:before {background-color:transparent; border-radius:0; content:'\f00c'; font-family:FontAwesome; font-size:14px; height:auto; top:2px; width:auto}


.review-obj {margin-top:23px}
.review-obj .title {border-bottom:2px solid #0289a0; color:#0289a0; font-size:18px; font-weight:500; margin-bottom:15px; padding-bottom:3px; text-transform:uppercase}
.review-obj .review * {box-sizing:border-box; font-size:14px; line-height:1}
.review-obj .page {font-size:0; padding-top:18px; text-align:center}
.review-obj .page .swiper-pagination-bullet {background:#fff; border:1px solid #bebebe; height:10px; margin:0 3px; opacity:1; width:10px}
.review-obj .page .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#0289a0; border:0}
.review-block_view .pic {float:left; width:90px}
.review-block_view .user {float:left; padding-left:20px; width:calc(100% - 90px)}
.review-block_view .user strong {display:inline-block; font-size:16px; font-weight:500; margin-bottom:4px}
.review-block_view .user .star {font-size:0; padding-top:13px}
.review-block_view .user .star .fa {color:#c40208; font-size:14px; margin-right:3px}
.review-block_view .text {font-family:'Open Sans Italic'; padding-top:9px}
.review-block_view .text .full {display:none}
.review-block_view .text .full p {padding-top:7px}
#lightcase-case .review-block_view .text {font-size:0}
#lightcase-case .review-block_view .text .full {display:block; font-size:14px}


.map-obj {margin-top:23px}
.map-obj .title {border-bottom:2px solid #0289a0; color:#0289a0; font-size:18px; font-weight:500; margin-bottom:15px; padding-bottom:3px; text-transform:uppercase}
.map-obj .map {border:1px solid #bebebe; min-height:480px; padding:5px}


.get-owner {background:#8db503; box-shadow:inset 0 6px 12px -6px rgba(0,0,0,.35); color:#fff; padding:12px 20px 20px}
.get-owner .title {font-size:18px; font-weight:500; padding-bottom:13px; text-align:center; text-transform:uppercase}
.get-owner .el {float:left; position:relative; width:calc((100% - 170px) / 2)}
.get-owner .el:first-child {margin-right:10px}
.get-owner .el input {background-color:transparent; border:1px solid #fff; border-radius:22px; color:#fff; height:44px; padding:0 19px; width:100%}
.get-owner .el label {font-weight:300; height:44px; left:0; padding:10px 20px 0; position:absolute; top:0; width:100%}
.get-owner .el :valid + label {display:none}
.get-owner .btn {float:left; margin-left:20px}
.get-owner .btn button {background:#fff; border:0; border-radius:22px; color:#8db503; cursor:pointer; font-size:14px; font-weight:500; height:44px; padding-bottom:1px; text-transform:uppercase; width:140px}
@media (max-width:639px) {
.get-owner .el {width:calc((100% - 10px) / 2)}
.get-owner .btn {margin-left:0; padding-top:20px; text-align:center; width:100%}
.get-owner .btn button {width:260px}
}
@media (max-width:479px) {
.get-owner .el {width:100%}
.get-owner .el:first-child {margin-bottom:10px; margin-left:0}
}


.compare {overflow:hidden; position:relative}
.compare .wrap {overflow:auto; padding-bottom:10px; width:100%}
.compare table {border-collapse:collapse; font-size:14px; width:100%}
.compare th, .compare td {padding:7px 15px 10px; vertical-align:top; white-space:nowrap}
.compare td {border:1px solid #bebebe; border-width:1px 0 1px 5px; border-left-color:#fff; text-align:center}
.compare th:first-child, .compare td:first-child {background:#f8f8f8; border-color:#fff; font-weight:500; text-align:left}
.compare th:first-child {background:#fff}
.compare th img {display:block; margin:auto}
.compare .best {background:#ffbd92}
.compare .ico {font-size:0}
.compare .ico span {background:url('../i/obj-ico.png') no-repeat; display:inline-block; height:30px; margin-top:3px; margin-left:3px; width:30px}
.compare .ico span:first-child {margin-left:0}
.compare .ico .i1 {background-position:0 0}
.compare .ico .i2 {background-position:-30px 0}
.compare .ico .i3 {background-position:-60px 0}
.compare .ico .i4 {background-position:-90px 0}
.compare .ico .i5 {background-position:-120px 0}
.compare .clone {left:0; pointer-events:none; position:absolute; top:0; z-index:2}
.compare .clone th, .compare .clone td {visibility:hidden}
.compare .clone th:first-child, .compare .clone td:first-child {visibility:visible}
.compare .clone thead {background:transparent}


.form_float{display: block; float: left; width: max-content !important;	margin: 0 25px 10px 0}
.block .form_float.last{margin: 0 0 10px 0}
.form_float label{display: block}
.form_float input{width: max-content !important}

.form_float.solution_for_block{width: 200px !important}
#form_search.form .opener{
background: linear-gradient(to bottom,#99c204 0%,#8db503 100%);
border: 0;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: block;
float: left;
font-size: 14px;
font-weight: 500;
height: 43px;
text-transform: uppercase;
width: 280px !important;
line-height: 40px;
text-align: center;
}
#form_search .select select, #form_search .select span{	width: 100% !important}
@media only screen and (max-width: 960px) {

.form_float.el.range{
width: 70% !important;
margin: 0 auto;
float: none;
}
}

.steps {}
.steps .fix.fx {counter-reset:a; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between}
.steps .step {background:#f1f2f3; counter-increment:a; font-size:14px; opacity:.4; padding:12px 16px 14px 32px; position:relative; -webkit-flex-basis:22.6525%; -ms-flex-basis:22.6525%; flex-basis:22.6525%}
.steps .step.active {opacity:1}
.steps .step:before {background:#fff; border-radius:0 50% 50% 0; content: counter(a)'.'; font-size:16px; font-weight:700; height:100%; left:0; padding:12px 8px 14px 0; position:absolute; top:0}