@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
*{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
html{height:100%}
body{color:#000;font-size:14px;font-family: 'Open Sans', sans-serif;height:100%;margin:0;padding:0;width:100%}
header,nav,article,aside,footer,hgroup,section{display:block}
img{border:none;outline:none}
h1,h2,h3,h4,h5,h6,h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover{text-decoration:none;color:var(--maincolor);margin-bottom: 10px;width:100%;display:block;float:left;}
h3 {font-size: 14px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:underline}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0;}
input,input:focus,input[type="text"],button,textarea,a:focus,select:focus,button:focus,.select2:focus{border:none !important;outline:none !important}
em,i{font-style:italic}
b,strong {font-weight:700;font-size:14px;font-family: 'Open Sans', sans-serif;}
input, textarea, select {font-family: 'Open Sans', sans-serif;}
a{color:#0088ff;text-decoration:underline}
a:hover{text-decoration:none;}
ul,ol{list-style:none}
input, textarea, select {-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;}


article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
    float: left;
    width: 100%;
}

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?86021580');
  src: url('font/fontello.eot?86021580#iefix') format('embedded-opentype'),
       url('font/fontello.woff2?86021580') format('woff2'),
       url('font/fontello.woff?86021580') format('woff'),
       url('font/fontello.ttf?86021580') format('truetype'),
       url('font/fontello.svg?86021580#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('font/fontello.svg?86021580#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-eye:before { content: '\e800'; } /* '' */
.icon-location:before { content: '\e801'; } /* '' */
.icon-search:before { content: '\e802'; } /* '' */
.icon-star-empty:before { content: '\e803'; } /* '' */
.icon-star:before { content: '\e804'; } /* '' */
.icon-thumbs-up:before { content: '\e805'; } /* '' */
.icon-thumbs-down:before { content: '\e806'; } /* '' */
.icon-air:before { content: '\e807'; } /* '' */
.icon-menu:before { content: '\f008'; } /* '' */
.icon-comment-empty:before { content: '\f0e5'; } /* '' */


.container {
    max-width: 1200px;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

header {background: #0088ff;text-align: center;margin-bottom: 10px;}
header .container {padding: 10px 15px 7px 15px;display: inline-block;}
header .logo img {width: 30px;vertical-align: middle;margin-right: 10px;}
header .logo {color:#fff;font-weight: bold;font-size: 18px;text-decoration: none;vertical-align: middle;line-height: 30px;display: block;float: left;}
header nav {display: block;float: right;width: auto;}
header nav ul {padding: 5px 0;}
header nav li {display: block;float: left;}
header nav li+li {margin-left: 20px;}
header nav li a {color:#fff;font-size: 14px;font-weight: normal;text-decoration: none;}

.search {background: #ececec;padding: 20px 0;width: 100%;float: left;}
.search .label {display: block;float: left;width: 220px;font-weight: bold;line-height: 36px;font-size: 14px;text-align: left;}
.search .input {display: block;float: left;width: calc(100% - 520px);padding: 0 20px;}
.search .button {display: block;float: left;width: 300px;}
.search form {display: block;width: 100%;max-width: 1200px;margin:0 auto;padding-right: 15px;padding-left: 15px;}
.search .input input {padding: 10px;display: block;float: left;width: 100%;border-radius: 0 !important;}
.search .button input {padding: 10px !important;color:#fff;background: #0088ff !important;width: 100%;display: block;font-weight: bold;border-radius: 0 !important;cursor: pointer;}
.search .button input:hover {opacity: 0.9;}

.content {display: block;width: 100%;max-width: 1200px;margin: 0 auto;position: relative;}
.content .main {width: calc(100% - 320px);float: left;}
.content aside {width:300px;float: right;}
.content .main .review {margin-bottom: 20px;display: block;float: left;width: 100%;}
.content .main .similar {display: block;float: left;width: 100%;margin-bottom: 20px;}
.content .main .similar li {display: block;float: left;width: 25%;margin-bottom: 5px;}
.content .main .similar li a {color:#0088ff;text-decoration: none;}
.content .main .similar li a:hover {text-decoration: underline;}


.content .main form {background: #f7f7f7;display: block;float: left;width: 100%;box-shadow: 0 1px 0 0 #e3e4e8, 0 -1px 0 0 #e3e4e8, 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;padding: 20px;border-radius: 5px;margin-bottom: 20px;}
.content .main form div {display: block;float: left;width: 100%;}
.content .main form div+div {margin-top: 10px;}
.content .main form div.error label {color:#e64229;}
.content .main form div.error input, .content .main form div.error textarea {border: 1px solid #e64229 !important;}
.content .main form textarea {display: block;float: left;width: 100%;height: 140px;resize: none;padding: 10px;}
.content .main form .check_name, .content .main form .check_email {width: 49%;}
.content .main form .check_type {width: 49%;float: right;}
.content .main form label {font-size: 14px;width: 100%;display: block;float: left;margin-bottom: 5px;}
.content .main form .check_name input, .content .main form .check_email input {padding: 10px;display: block;float: left;width: 100%;border-radius: 0 !important;height: 40px;}
.content .main form .check_email {float: right;margin-top: 0;}
.content .main form .check_type select {padding: 10px;display: block;float: left;width: 100%;border: 0 !important;border-radius: 0 !important;background: #fff;color:#767676;height: 40px;}
.content .main form .check_submit input {padding: 10px !important;cursor:pointer;color: #fff;background: #0088ff !important;display: block;font-weight: bold;border-radius: 0 !important;padding: 10px 40px !important}
.content .main form .check_submit input:hover {opacity: 0.8;}
.content .main form .check_rating span {background: #fff;display: block;float: left;padding: 5px 5px;border-radius: 5px;text-align: center;font-size: 12px;cursor: pointer;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;-webkit-user-select: none;user-select: none;}
.content .main form .check_rating span:hover {opacity: 0.6;}
.content .main form .check_rating span:nth-child(2) {border-radius: 0;border-right: 2px solid #f7f7f7;border-left: 2px solid #f7f7f7}
.content .main form .check_rating span:nth-child(1) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.content .main form .check_rating span:nth-child(3) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.content .main form .check_rating span i {display: block;float: left;width: 100%;text-align: center;font-size: 20px;}
.content .main form .check_rating span:nth-child(2) i {color:#2cb369;}
.content .main form .check_rating span:nth-child(3) i {color:#ccc;}
.content .main form .check_rating span:nth-child(1) i {color:#e64229;}
.content .main form .check_rating span.active i {color:#fff;}
.content .main form .check_rating span.active {color:#fff;}
.content .main form .check_rating span.active:hover {opacity: 1;}
.content .main form .check_rating span.active:nth-child(2) {background:#2cb369;}
.content .main form .check_rating span.active:nth-child(3) {background:#ccc;}
.content .main form .check_rating span.active:nth-child(1) {background:#e64229;}
.content .main form .comment-info {color: #e64229;font-weight: bold;font-size: 14px}
.content .main form .comment-info.good {color: #2cb369;}
.content .main a {text-decoration: none;color:#000;}
.content .main a[rel=link] {color:#0088ff; text-decoration: underline;}
.content .main a[rel=link]:hover {text-decoration: none;}

.card {display: block;float: left;width: 100%;border-radius: 5px;box-shadow: 0 1px 0 0 #e3e4e8, 0 -1px 0 0 #e3e4e8, 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;overflow: hidden;}
.card+.card {margin-top: 20px;}
.card .card-header {background: #f9f9f9;padding: 5px 5px;display: block;float: left;width: 100%;}
.card .card-header img {border-radius: 5px;width: 25px;display: inline-block;margin-right: 5px;vertical-align: middle;}
.card .card-header .name {display: inline-block;font-size: 16px;margin-right: 10px;}
.card .card-header .name b {font-size: 14px;}
.card .card-header .date {display: inline-block;font-size: 14px;margin-right: 5px;line-height: 26px;}
.card .card-header .link {display: inline-block;font-size: 14px;margin-right: 5px;line-height: 26px;}
.card .card-header .link a {color:#0088ff;text-decoration: none;}


.card .card-content {display: block;float: left;width: 100%;padding: 10px 5px;font-size: 14px;}
.card .card-content i {font-size: 16px;}
.card .card-content span {font-size: 14px; color:#ccc;margin-top: 5px;display: inline-block;line-height: 22px;vertical-align: middle;}
.card .card-content span:first-child {margin-right: 10px;}
.card .card-content span.phone a {color:#0088ff;}
.card .card-content span.phone a:hover {text-decoration: underline;}
.card .card-content i.icon-thumbs-up {color:#2cb369;}
.card .card-content i.icon-air {color:#ccc;}
.card .card-content i.icon-thumbs-down {color:#e64229;}

.widget .card .card-header {padding: 2px 5px}
.widget .card .card-header .phone {float: left;padding: 0;border: 0;}
.widget .card .card-header .phone-type {float: right;font-size: 12px;line-height: 23px;color:#999;}

.content .main h1, .content .main h3 {margin-bottom: 10px}
.content .main h1 {font-size: 22px;}
.content .main h2 {font-size: 16px;}
.content .main h3 {font-size: 14px;}
.content .main p {margin-bottom: 20px;}
.content .main table {margin-bottom: 20px;}
.content .main table td {padding-right: 30px;font-weight: bold;padding-bottom: 2px;}
.content .main table td span {background: #0088ff;border-radius: 5px;padding:  2px 5px;color:#fff;display: inline-block;margin-bottom: 4px;}
.content .main table td span.red {background: #e64229}
.content .main table td span.green {background: #2cb369}
.pagination {display: block;float: left;width: 100%;text-align: center;margin-top: 30px;}
.pagination li {display: inline-block;box-shadow: 0 1px 0 0 #e3e4e8, 0 -1px 0 0 #e3e4e8, 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;margin: 0;border-radius: 5px;}
.pagination li a, .pagination li span {padding: 8px 14px;display: block;float: left;font-size: 16px;text-decoration: none;color:#0088ff;border-radius: 5px;}
.pagination li a:hover, .pagination li.active span {background: #0088ff;color:#fff;}
.content .main.rule ul li:before {content: '';display: inline-block;width: 8px;height: 8px;background: #0088ff;margin-right:5px;border-radius: 50%;mar}
.content .main.rule ul li+li {margin-top: 5px;}

.widget {display: block;float: left;width: 100%;}
.widget+.widget {margin-top: 30px;}
.widget .widget-items {border-radius: 5px;box-shadow: 0 1px 0 0 #e3e4e8, 0 -1px 0 0 #e3e4e8, 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;display: block;float: left;width: 100%;}
.widget .widget-items.last {box-shadow:none;border-radius: 0;}
.widget .phone {border-bottom:1px solid #e3e4e8;padding: 10px }
.widget .phone:last-child {border: 0;}
.widget .phone a {text-decoration: none;color:#0088ff;}
.widget .phone a:hover {text-decoration: underline;}
.widget .phone span.data {float: right;font-size: 12px;color:#999;}

footer {margin-top: 30px;padding: 20px 0;display: block;float: left;width: 100%;}
footer span {float: left;display: block;font-size: 14px;margin-right: 10px;}
footer span.copy {float: right;color:#666;}
footer span a {text-decoration: none;color:#0088ff;}
footer span a:hover {text-decoration: underline;}
.g {display: block;float: left;width: 100%;margin-bottom: 10px;margin-top: 10px;}
#yandex_rtb_R-A-2192954-7 {display: block;float: left;width: 100%;min-height: 5px;}
ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}
@media all and (min-width: 1em) and (max-width: 1024px) {

}


@media all and (min-width: 1em) and (max-width: 960px) {
  .search .input {width: calc(100% - 480px);}
  .search .button {width: 240px}
  .content aside {width: 240px}
  .content .main {width: calc(100% - 260px)}
  .search .input {width: calc(100% - 460px)}
}

@media all and (min-width: 1em) and (max-width: 840px) {
  .search .label {width: 100%;line-height: 16px;margin-bottom: 10px}
  .search .input {width: 100%;padding: 0;}
  .search .button {width: 100%;margin-top: 10px;}
  .content .main {width: 100%;}
  .content aside {width: 100%;margin-top: 30px;}
  .card .card-header .date, .card .card-header .link, .card .card-header .phone {font-size: 12px;line-height: 28px;}
  .card .card-header .name {font-size: 14px;line-height: 26px;}
  .widget .card .card-header .phone {font-size: 14px;}
  .content .main form .check_name, .content .main form .check_type, .content .main form .check_email {width: 100%;}
  .content .main form .check_email {margin-top: 10px;}

}

@media all and (min-width: 1em) and (max-width: 768px) {
  header nav li:first-child {display: none;}
  .content .main .similar li {width: 33.333%}
  .pagination li[rel=prev], .pagination li[rel=next] {display: none;}
}
@media (min-width: 1em) and (max-width: 640px) {
  .content .main .similar li {width:50%;}
  .content .main form .check_rating span {width: 33.33333%;padding: 5px 2px;font-size: 10px;}
  .content .main form .check_submit input {width: 100%;}
}

@media (min-width: 1em) and (max-width: 320px) {
  .content .main .similar li {width: 100%;}
  .content .main form .check_rating span div {display: none;}
}
#adfox_167462819352492576 {
    bottom: 0;
    position: fixed;
    z-index: 9999;
    text-align: center;
    width: 100%;
}

blockquote.more {
    width: 100%;
    margin: 0;
    padding: 20px;
    margin-bottom: 10px;
    background: #e3f1f4;
    background: -webkit-gradient(linear,left top,right top,from(#e3f1f4),to(#e3edff));
    background: -webkit-linear-gradient(left,#e3f1f4 0,#e3edff 100%);
    background: -o-linear-gradient(left,#e3f1f4 0,#e3edff 100%);
    background: linear-gradient(to right,#e3f1f4 0,#e3edff 100%);
    display: block;
    float: left;
    border-radius: 10px;
}

blockquote p.big {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
}
blockquote a {
    font-weight: 700;
    font-size: 18px;
}
blockquote .btn {
    white-space: normal;
    width: 100%;
    text-align: center;
}
blockquote.more {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    blockquote p.big {
        font-size: 16px;
        text-align: center;
    }
    blockquote p.small {
        text-align: center;
    }
    blockquote .btn {
        font-size: 16px;
        text-align: center;
    }
    blockquote.is-style-check:before {
        display: none;
    }
    blockquote.is-style-check {
        padding: 10px;
    }
}

blockquote .btn {
  padding: 10px !important;
    cursor: pointer;
    color: #fff !important;
    background: #0088ff !important;
    display: block;
    font-weight: bold;
    border-radius: 0 !important;
    padding: 10px 40px !important;
}
blockquote .btn:hover {opacity: 0.8;}
blockquote p.small {
    font-size: 14px;
    margin: 0;
    margin-top: 10px;
    display: block;
    float: left;
    margin-bottom: 0 !important;
}