/* @font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-Thin.woff2') format('woff2'),
      url('../fonts/HelveticaNeueCyr-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
} */

/* @font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-BoldItalic.woff2') format('woff2'),
      url('../fonts/HelveticaNeueCyr-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
} */

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-Bold.woff2') format('woff2'),
      url('../fonts/HelveticaNeueCyr-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

/* @font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-LightItalic.woff2') format('woff2'),
      url('../fonts/HelveticaNeueCyr-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
} */

/* @font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-Black.woff2') format('woff2'),
      url('../fonts/HelveticaNeueCyr-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
} */
/*
@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-UltraLightItalic.woff2') format('woff2'),
      url('../fonts/HelveticaNeueCyr-UltraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
} */

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-Roman.woff2') format('woff2'),
      url('../fonts/HelveticaNeueCyr-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* @font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-Italic.woff2') format('woff2'),
      url('../fonts/HelveticaNeueCyr-Italic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
} */

/* @font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-Light.woff2') format('woff2'),
      url('../fonts/HelveticaNeueCyr-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
} */

/* @font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-BlackItalic.woff2') format('woff2'),
      url('../fonts/HelveticaNeueCyr-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
} */

/* @font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-ThinItalic.woff2') format('woff2'),
      url('../fonts/HelveticaNeueCyr-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
} */

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-Medium.woff2') format('woff2'),
      url('../fonts/HelveticaNeueCyr-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

/* @font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-UltraLight.woff2') format('woff2'),
      url('../fonts/HelveticaNeueCyr-UltraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
} */
body, html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

* {
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
    color: #333333;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 0;
    line-height: 25px;
}
h1 {
    font-size: 20px;
}
h2 {
    font-size: 18px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 13px;
}
h6 {
    font-size: 12px;
}
.table-scroll {
  overflow: auto;
  margin: 10px 0;
}
.tablet-scroll table {
  margin: 0;
}
.description p {
    padding-bottom: 15px;
    line-height: 21px;
}
.description li {
    padding-bottom: 15px;
    line-height: 21px;
}
.jcepopup, #jcemediabox-popup-content{position: relative;}
.job-ms a .mini{position: absolute; z-index: 100; top: 150px; right: 10px;}
.job-ms{
  text-align: center;
/*   float: left;  */
  padding: 7px 6px;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  width: 20%;
  overflow:  hidden;
  box-sizing: border-box;
}
@media (max-width: 1200px) {.job-ms {width: 25%;} }
@media (max-width: 1000px) {.job-ms {width: 33.333%;} }
@media (max-width: 760px) {.job-ms {width: 50%;} }
/*@media (max-width: 520px) {.job-ms {width: 100%;} }*/

.job-ms a span{
  background: #333333;
  width: 100%;
  box-sizing: border-box;
}
.job-ms a span div {
  width: auto !important;
  display: table-cell;
  vertical-align: middle;
}
.job-ms a:hover{color: #f0801c;}
.job-ms a{
  position:relative;
  color:#ffffff;
  text-decoration: none;
  display:block;
  border: 1px solid #333333;
  padding:3px;
  /* width: 215px;  */
  /*height: 265px;*/
  overflow: hidden;
}
.job-ms span{
  display: table;
  vertical-align: middle;
  padding: 5px 3px;
  height: 79px;
}
.job-ms:hover {
	-webkit-transition: transform 0.3s linear 0s;
	-moz-transition: transform 0.3s linear 0s;
	-o-transition: transform 0.3s linear 0s;
	transition: transform 0.3s linear 0s;
	transform: scale(1.03, 1.03);
}
.job-ms .mini {
  top: 50% !important;
}
#jcemediabox-popup-numbers a{padding: 5px;}
#jcemediabox-popup-numbers a.active{color: #f0801c !important; text-decoration: none !important;}
.jcepopup{padding: 5px; display: block; float: left; border: 1px solid #333; padding: 3px; margin: 5px;}
.jcepopup:hover {border: 1px solid #f0801c;}

a {
	outline: none;
}
body {
  font: 16px/16px 'HelveticaNeueCyr', 'Oswald', sans-serif;
}
.clear {clear: both;}
.clear:before, .clear:after {display: table; line-height: 0; content: "";}
._hide{display: none !important;}

.wrapper{width: 100%; max-width: 1200px; padding: 0 20px; box-sizing: border-box;  /* min-width:1100px;*/ min-width:320px; margin: 0 auto; position: relative;}
@media (max-width: 700px) {
  .wrapper {
    padding: 0 10px;
  }
}
header {
  /* width: 1200px; */
  /* height: 140px; */
  /*margin: 0 auto;*/
  /* background: url('/files/img/header-bg.png') 0 0 repeat-x; */
  /*min-width: 380px;*/
  min-width: 320px;
}

.b-menu {
  text-align: right;
}
.b-menu li {
  display: inline-block;
}

.b-menu li.current {
  /* background: url('/files/img/current-bg.png') 0 0 repeat-x; */
}
.b-menu li a {
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
  line-height: 30px;
  padding: 0 10px 0 10px;
  font-family: 'HelveticaNeueCyr';
  display: inline-block;
}
.b-menu li a:hover {
  color: #f8970e;
  text-decoration: underline;
}

.b-menu li.parent {
  position: relative;
  line-height: 30px;
}
.b-menu li.parent ul{
  position: absolute;
  top: 28px;
  right: 0;
  text-align: left;
  width: 295px;
  background: #000;
  z-index: 100;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  box-shadow: 0px 12px 10px -10px #000000;
}
@media (min-width: 768px) {
  .b-header .b-call {
    display: none;
  }
}
@media (min-width: 1500px) {
  .b-menu li.parent ul{
    left: 3px;
    right: auto;
  }
}
@media (min-width: 1300px) {
  .b-header .b-call {
    display: block;
  }  
}
.b-menu li.parent ul li {
  display: block;
  padding: 0;
}
.b-menu li.parent ul li a{
  color: #ffffff;
  line-height: 20px;
  font-size: 14px;
  display: block;
  background: none;
  margin: 6px 0;
}
.b-menu li.parent ul li {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.b-menu li.parent ul li:hover{
  background: url('/files/img/parent-bg-hover.png');
  border-top-color: #222323;
  border-bottom-color: #717274;
}
.b-menu li.parent ul li.current {
  background: none;
}

.b-menu li.parent ul li:hover a {
  color: #f8970e;
}

.b-menu li.parent ul li:hover:last-child {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

#main section {
	overflow:hidden;
}
#brand{position: absolute; top: 0; left: 0;}
@media (max-width: 1200px) {
  #brand {
    display: none;
  }
}
#logo-wrap{
    position: absolute;
    left: 110px;
    top: 0;
    height: 70px;
    padding-right: 22px;
    background-image: url(images/bg-logo-start.png);
    background-position: left top;
    background-repeat: no-repeat;
}
#logo-wrap::after{
    content: '';
    position: absolute;
    top: 0;
    display: block;
    height: 70px;
    right: -27px;
    width: 27px;
    background-image: url(images/bg-logo-end.png);
    background-position: left top;
    background-repeat: no-repeat;
}
/*#logo {position: absolute; top: 20px; left: 110px;}*/
#logo {
    max-width: 100%;
    height: auto;
    position: relative;
    top: 20px;
}
#telephone{text-align: right; position: relative;}
#telephone p, #telephone a{font-size: 30px; line-height: 32px; color: #cacaca; padding-right: 28px; display:block; text-decoration: none;clear: both;}
/*float: right; */
#telephone p span, #telephone a span{font-size: 26px;}

.main-block{float: left; /*width: 300px;*/ width:25%;padding-bottom: 15px;}
.main-block .h {
  min-height: 100px;
  height: auto;
}
@media (max-width: 900px) {
  .main-block {
    width: 50%;
  }
}
@media (max-width: 550px) {
/*  .main-block {
    width: 100%;
  }*/
  .main-block .h {
    min-height: auto;
  }
}
.main-block img{border: 1px solid #000000; box-shadow: 0px 12px 10px -10px #000000; width: 100%; height: auto;}
.main-block img:hover{opacity: 0.5;}
.main-block p{color: #333333; text-align: center; margin: 10px 0;}
.main-block a.more{
  color: #f7f9ff;
  display: block;
  background: url('/files/img/bg-more.png') 0 0 repeat-x;
  padding: 3px 10px;
  margin: 0 9px;
  box-shadow: 0px 12px 10px -10px #000000;
  text-decoration: none;
  font-size: 0;
  height: 45px;
}
.main-block a.more::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.main-block a.more span.more {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    width: 100%;
}
.main-block a.more:hover{color: #f68220;   text-decoration: underline;}

.block{padding: 15px 0 0px 0; `}

#main-text {
  padding: 0 9px;
  /* width: 855px; */
  width: 100%;
}
@media (max-width: 1200px) {
  #main-text{width: auto;}

}
article h1, article h2{
  font-size: 16px;
  color: #333333;
  text-transform: uppercase;
  line-height: 25px;
  font-weight: bold;
  padding: 15px 0;
}
article h1{font-size: 20px;}
article p{color: #333333; padding-bottom: 10px;}
article ul{
  list-style: disc;
  list-style-position: inside;
  color: #333333;
  line-height: 20px;
  padding-bottom: 10px;
}

aside{width: 282px; padding: 0 9px;box-sizing: border-box;}
@media (max-width: 800px) {
  aside {
    width: 100%;
  }
}
aside h3{
  color: #f7f9ff;
  background: url('/files/img/bg-more.png') 0 0 repeat-x;
  line-height: 30px;
  padding: 0 10px;
  box-shadow: 0px 12px 10px -10px #000000;
  margin: 12px 0 30px 0;
}

#social img{margin-left: 5px;}

aside, article{float: left;}
@media (max-width: 800px) {
  aside, article{float: none;}

}
footer {
  /* width:1182px; */
  /*min-width: 380px;*/
  min-width: 320px;
  height: 115px;
  /*margin: 0 auto;*/
   margin: auto 0 0;
  flex-shrink: 0;
  /* background: url('/files/img/bg-footer.png') left bottom repeat-x; */
  background: #000;
  padding-top: 15px;
}
footer .left, footer .right{float: left;}
footer .left{/* width: 880px;  */padding-left: 20px;}
@media (max-width: 700px) {
  footer .left{padding-left: 0;}
}
footer .right{width: 270px; text-align: right; padding-right: 20px;}
footer p{color: #ffffff;}
footer p a{color: #1eb4d2;}
footer p a:hover{text-decoration: none;}

#brands{ padding: 0 9px;}
#brands p{line-height: 40px; padding: 0 12px;}
#brands p a{color: #ffffff;}
#brands p a:hover{text-decoration: none;}
#brands h2{position: absolute; top: 8px; left: 330px;}
#brands .b-img{
  float:left;
  margin: 10px 12px;
  background: #adadad;
  padding: 6px 17px;
  border-radius: 10px;
  box-shadow: 2px 2px 10px 0px #000000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#brands .b-img:hover{opacity: 1.0; background: #fff; filter: alpha(opacity=50);}

.breadcrumbs{margin-left: 10px; padding-left: 12px;  border-bottom: 1px dashed #ccc;}
.breadcrumbs span{color: #333333; font-size: 14px; line-height: 25px;}
.breadcrumbs a{color: #333333; font-size: 14px; line-height: 25px;}
.breadcrumbs a:hover{text-decoration: none;}

.about{padding: 25px 0; border-bottom: 1px dashed #ccc;}
.about .image, .about .description{float: left;}
@media (max-width: 700px) {
  .about .image, .about .description{float: none;}
}
.about .image{width: 300px; text-align: center; position: relative;}
.about .image img{border: 1px solid #000000; box-shadow: 0px 12px 10px -10px rgb(63, 57, 57);}
.about .description{width: 710px;}
@media (max-width: 700px) {
  .about .description{width: auto;}
}
.about .description h2{line-height: 12px; padding-bottom: 16px;}
.about .image p{
  position: absolute;
  top: 5px;
  left: 15px;
  background: #f6fdfc;
  line-height: 20px;
  padding: 0 5px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#service{
  /* margin: 0 10px;
  font-size: 0;*/
  margin: 0 -10px;

  padding: 20px 30px;
}
.service{
/*   width: 580px;
float: left;
padding-right: 10px; */
  margin-bottom: 15px;
  padding: 0 10px;
  min-height: 180px;
  font-size: 16px;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
/*@media (max-width: 800px) {
  .service {
    width: 100%;
  }
}*/
.service:hover {
  -webkit-transition: transform 0.3s linear 0s;
  -moz-transition: transform 0.3s linear 0s;
  -o-transition: transform 0.3s linear 0s;
  transition: transform 0.3s linear 0s;
  transform: scale(1.1, 1.1);
}
.service .s-img, .service .s-desc{
  /*float: left;*/
  display: table-cell;
  vertical-align: top;
}
.service .s-img{
  padding-right: 20px;
  margin-bottom: 10px;
  width: 200px;
}
.service .s-img img{border: 1px solid #000000; box-shadow: 0px 12px 10px -10px rgb(63, 57, 57);width: 100%;}
.service .s-desc{/*width: 330px;*/ color: #333333;}
.contact-gal img,
.contact-map img {
    width: 100%;
    height: auto;
}

@media (max-width: 800px) {
  /*.service .s-desc{width: auto;}*/
  .service .s-img{
    padding-right: 0;
  }
  .service .s-img, .service .s-desc {
    display: inline-block;
    width: 100%;
  }
  .service .s-desc h2 {
      text-align: center;
      font-size: 12px;
  }
  .service .s-desc > a {
      display: none;
  }
  .contact-gal {
      display: none;
  }
  .contact-map {
      padding-top: 10px;
  }
}
.service .s-desc a{text-decoration:none;; color: #333333;}
.service h2{line-height: 16px; padding-bottom: 16px; font-weight: bold; text-transform: uppercase;padding-top:0;}
.service .s-desc h2 a{color: #333333;}
.service .s-desc h2 a:hover{color: #f8970e;}

.galleria-info-link{display: none !important;}
.galleria-container{background-color: transparent !important;}
.galleria-thumbnails-container{height: 58px !important;}
.galleria-thumbnails .galleria-image {margin: 0 1px 0 0 !important;}
.galleria-thumbnails .galleria-image{width: 155px !important; border: none !important; background: none !important;}

#content .description{width: 807px; padding: 0 10px;}
#content .video{width: 204px;}
#content .video img{border: 1px solid #ffffff;}
#content .video img:hover{border: 1px solid #000000;}
#content .video p{color: #000000;}
#content .description, #content .video{float: left;}

form input[type="text"], form textarea{
  color: #666666;
  font-size: 16px;
  outline: none;
  border: 1px solid #828282;
  border-radius: 5px;
  width: 318px;
}
form input[type="text"], form textarea{
  padding: 5px 20px 5px 40px;
  margin-bottom: 7px;
  border: 1px solid #bababa;
}
form textarea{background: none; resize:none; width: 300px !important;}
form input, textarea{box-shadow: 0px 0px 1px 0px #737373;}
form input[name=m4j_1]{background: url('/files/img/name.png') 7px 0 no-repeat; width: 300px !important;}
form input[name=m4j_2]{background: url('/files/img/email.png') 7px 0 no-repeat; width: 300px !important;}
form input[name=m4j_3]{background: url('/files/img/theme.png') 7px 0 no-repeat; width: 300px !important;}
form input[type=submit], form input[type=reset]{
  border-radius: 5px;
  border: 1px solid #828282;
  cursor: pointer;
  width: 120px;
  height: 30px;
  color: #666666;
  font-size: 16px;
  background: #f2f2f4;
  background: -moz-linear-gradient(top, #f2f2f4 20%, #cdcdcd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f2f2f4), color-stop(100%,#cdcdcd));
  background: -webkit-linear-gradient(top, #f2f2f4 20%,#cdcdcd 100%);
  background: -o-linear-gradient(top, #f2f2f4 20%,#cdcdcd 100%);
  background: -ms-linear-gradient(top, #f2f2f4 20%,#cdcdcd 100%);
  background: linear-gradient(top, #f2f2f4 20%,#cdcdcd 100%);
}

form input[type=submit]:hover, form input[type=reset]:hover{
  background: #cdcdcd;
  background: -moz-linear-gradient(top, #cdcdcd 20%, #f2f2f4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#cdcdcd), color-stop(100%,#f2f2f4));
  background: -webkit-linear-gradient(top, #cdcdcd 20%,#f2f2f4 100%);
  background: -o-linear-gradient(top, #cdcdcd 20%,#f2f2f4 100%);
  background: -ms-linear-gradient(top, #cdcdcd 20%,#f2f2f4 100%);
  background: linear-gradient(top, #cdcdcd 20%,#f2f2f4 100%);
}

a[href$="http://www.mad4media.de/user-centered-design.html"],
a[href$="http://www.mad4media.de"],
.m4j_required,
.m4j_required_wrap{
  display:none !important;
}

#proforms_proforms{font-size: 16px; color: #828282; padding-left: 20px;}
#proformsCaptcha{margin-left: 30px !important;}
#captchaWrap{margin-left: 65px !important; text-align: left !important;}

.m4j_header_text{font-size: 16px !important;}

.contacts{padding-bottom: 30px; border-bottom: 1px dashed #ccc; padding-left: 20px;}
.map{padding-left: 20px;}
.map img{box-shadow: 0px 12px 10px -10px #000000;}

.question{padding-bottom: 20px; border-bottom: 1px dashed #ccc; padding-left: 10px;}
.question p{padding-left: 20px;}

.accordion{padding-left: 9px !important;}
.accordion h2{color: #ffffff; text-transform: uppercase; font-size: 20px; background: url('/files/img/bg-one.png') !important;}
.accordion h2.another{background: url('/files/img/bg-two.png') !important;}
.accordion h2 span{text-align: left !important; padding-left: 10px;}

.map{
  position: absolute;
  top: 27px;
  left: 500px;
}

section{padding: 10px 0; min-height: 550px;}

article h2 a{color: #333333;}
article h2 a:hover{text-decoration: none; color: #f8970e}

.slogan{
  position: absolute;
  top: 15px;
  left: 455px;
}
@media (max-width: 700px) {
  .slogan{
    left: 0;
  }
}


#main-menu li.parent ul{visibility: hidden;}



#banner{
  position: absolute;
  top: 80px;
  left: 10px;
}

.sigProCaption{
font-weight: normal !important;
font-size: 13px !important;
line-height: 13px !important;
  text-align: center !important;
  text-shadow: 1px 1px 1px #000000;
  color: #ffffff !important;
  margin: 5px !important;
  padding: 7px 0 7px !important;
}
ul.sigProArtistic span.sigProPseudoCaption{background: none !important;}
ul.sigProArtistic li.sigProThumb a.sigProLink, ul.sigProArtistic li.sigProThumb a.sigProLink:hover{padding:5px !important;}
ul.sigProArtistic li.sigProThumb a.sigProLink{border: 1px solid #e5e5e5 !important;}
ul.sigProArtistic{background: none !important;}

.sigProThumb:hover .sigProCaption{
  background: #000000 !important;
}
ul.sigProArtistic li.sigProThumb a.sigProLink:hover{background: none !important;}

.h{height: 100px;}

.newsb{margin:0 10px;}

.newsb img{border:1px solid #000;box-shadow:0 12px 10px -10px #000;}

h4.newsflash-title a{color:#000;font-weight:700;font-size:14px;}

.newsflash a.readmore{color:#000;display:block;margin:5px 0 25px;}

.newsb .item-separator{clear:both;border-bottom:1px dashed #ccc;padding:15px 0;}

.newsb .article-info,h4.newsflash-title{margin-bottom:8px;}

h4.newsflash-title a:hover,.newsflash a.readmore:hover{color:#f68220;}

.newsflash h2 {
text-transform: none !important;
}

.socialbuttons {
  margin-top: -10px;
}

@media (max-width: 700px) {
  .socialbuttons {
    text-align: center;
  }
}
.socialbuttons h3 {
  margin-bottom: 10px;
}

.lastnews h3 {
   margin-bottom: 0;
}

.lastnews .newsflash {
border: 1px solid #000;
padding: 5px;
  border-top:0;
}

p.mts {
padding-right: 27px;
}
/*
div.item-page,
div.blog {margin: 0 7.5px;}
*/



/*PAGE-REVIEWS*/

#reviews-all{
  width: 750px;
  margin-right: 30px;
  margin-top: 25px;
  padding: 0;
  padding-left: 7px;
  padding-bottom: 100px;
  float: left;
}
  #reviews-all h1{
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 20px;
  }

  .review-item{
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 10px;
    float: none;
  }
    .review-item a{
      font-size: 16px;
      color: #333333;
      text-transform: uppercase;
      text-decoration: none;
      margin-right: 10px;
      padding-left: 25px;
      background-image: url(../img/rev-bg.png);
      background-repeat: no-repeat;
      background-position: 0px 2px;
      display: inline-block;
      margin-bottom: 5px;
    }
    .review-item a:hover{
      color: #c9c9c9;
    }
    .review-item span{
      font-size: 12px;
      color: #828282;
    }
    .review-item p{
      padding-left: 25px;
      padding-bottom: 10px;
      color: #828282;
      line-height: 1.2;
    }


    aside.write{
      width: 400px;
      padding: 0;
      margin-top: 25px;
    }
      aside.write h2{
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        color: #333333;
        margin-bottom: 20px;
      }
      aside.write h4{
        font-size: 16px;
        color: #333333;
        margin-bottom: 15px;
      }




      aside.write form{
        color: #828282;
        font-size: 16px;
      }
      aside.write form input[type="text"]{
        width: 367px;
        height: 30px;
        padding: 0;
        padding-left: 33px;
      }

      aside.write form input[name="name"]{
        background-color: rgba(0,0,0,0);
        background-image: url(../img/name-bg.png);
        background-repeat: no-repeat;
      }
      aside.write form input[name="email"]{
        background-color: rgba(0,0,0,0);
        background-color: none;
        background-image: url(../img/mail-bg.png);
        background-repeat: no-repeat;
      }



      aside.write form textarea{
        width: 400px!important;
        min-height: 100px;
        padding: 0;
      }
      aside.write form input[type="submit"]{
        float: right;
      }



/*END PAGE-REVIEWS*/

/*PAGE VOTE*/


.vote{
  border: 1px solid #000;
  border-top: 0;
  background-color: #e0e0e0;
  margin-bottom: 50px;
  }


  .vote h3 {
    margin-bottom: 10px;
    }


   .vote-in{
    padding: 5px;
    font-size: 16px;
    text-align: center;
  }
   .vote-in h5{
    margin-bottom: 15px;
    text-align: left;
  }


  .vote-in label{
     width: 100%;
     height: 18px;
     display: block;
     position: relative;
     text-align: left;
     margin-bottom: 10px;
  }
  .vote-in input[type="radio"]{
    margin-right: 10px;
  }
  .vote-in input[type="radio"] + span {
   position: absolute;
   left: -2px;
   top: -2px;
   width: 100%; height: 100%;
   background: url(../img/radio-bg.png) no-repeat;
   cursor: pointer;
}
input[type="radio"]:checked + span   {
 background-position: 0 -27px;
}


  .vote-in form input[type=submit]{
    text-align: center;
    width: 145px;
    margin-bottom: 20px;
    margin-top: 10px;
  }





.vote-in .chart{
  text-align: left;
  width: 100%;
}

      .chart .pipe{
        height: 11px;
        margin-bottom: 0px;
        width: 122px;
        background: #c8c8c8;
        display: inline-block;
      }

        .chart .pipe > div {
          background: #ff9710;
          height: 11px;
          }

    .vote-in .chart span{
      display: inline-block;
      margin-bottom: 0px;
      width: 41px;
    }

    .vote-in .chart span.all{
      color: #828282;
      font-size: 11px;
      width: 100%;
    }
    .vote-in .chart span.variant{
      color: #333333;
      font-size: 12px;
      width: 85px;
      line-height: 1;
      margin-left: 10px;
    }


    .position{
      margin-bottom: 15px;
    }
/*END PAGE VOTE*/


/*PAGE WORK*/

.work{
  padding: 10px;
  padding-bottom: 45px;
}
  .work h1{
    font-size: 20px;
    color: #333333;
    text-transform: uppercase;
    font-weight: bold;
    padding: 25px 0;
  }
  .work h2{
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px 0;
  }
  .work p{

  }
  .work img{
    padding: 5px;
    border: 1px solid #333333;
    margin-right: 10px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }

  .application{
    width: 595px;
    float: left;
    margin-top: 10px;
    color: #828282;
  }
  @media (max-width: 1200px) {
    .application{
      width: 100%;
      float: none;
    }
  }
    .application p{
      margin-bottom: 15px;
      color: #333333;
    }

      .application form input[type="text"]{
        /* width: 562px; */
        width: 100%;
        height: 30px;
        padding: 0;
        padding-left: 33px;
        box-sizing: border-box;
      }

      .application form input[name="name"]{
        background-color: rgba(0,0,0,0);
        background-image: url(../img/name-bg.png);
        background-repeat: no-repeat;
      }
      .application form input[name="phone"]{
        background-color: rgba(0,0,0,0);
        background-color: none;
        background-image: url(../img/phone-bg.png);
        background-repeat: no-repeat;
      }
       .application form textarea{
        /* width: 595px!important; */
        width: 100% !important;
        min-height: 100px;
        padding: 0;
        box-sizing: border-box;
      }
      .application form input[type="submit"]{
        position: relative;
        left: 50%;
        margin-left: -60px;
      }



  .auto{
    width: 583px;
    height: 340px;
    background-image: url(../img/auto.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 595px;
    margin-top: 20px;
  }

@media (max-width: 1200px) {
  .auto {
    display:  none;
  }
}
/*END PAGE WORK*/

.dnone {
	display:none;
}
#map {
	width:100%;
	height:483px;
}
.p-prices * {
  line-height: 1;
}
.p-prices #main .wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
.b-it-title {
  font-style: italic;
  font-size: 40px;
  text-decoration: underline;
  display: block;
  line-height: 1;
  text-align: center;
}
.b-sub {
  display: block;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 18px;
  font-style: italic;
  font-weight: 600;
  font-size: 23px;
  line-height: 24px;
  font-family: 'Times New Roman';
}
.container {
  max-width: 1280px;
  margin: 0 auto;
}
.b-orange-table {
  border-collapse: collapse;
  margin: 16px 0;
  width: 100%;
  font-size: 18px;
}
.b-orange-table th {
  background-color: #f58220;
  font-weight: 600;
  text-align: center;
}
.b-orange-table th,
.b-orange-table td {
  border: 2px solid #000;
  padding: 8px 10px;
}
.p-prices .b-orange-table tr td:first-child {
  background-color: #d1d2d4;
}
._gray-color {
  background-color: #d1d2d4;
}
._brown-color {
  background-color: #984806;
  color: #fff;
}
.b-orange-table ._brown-color td:first-child, .b-orange-table ._gray-color td:first-child {
  font-style: normal;
}
.b-orange-table tr td {
  text-align: center;
}
.b-orange-table td {
  font-style: italic;
}
.b-orange-table ul {
  text-align: left;
}
._fw {
  width: 100%;
  display: block;
  margin: 30px 0;
}
.b-link {
  font-size: 25px;
  color: #2e3092;
  display: inline-block;
  margin: 10px 0;
}
.p-prices #main .wrapper {
  width: 960px;
  font-family: 'Times New Roman';
}
.b-info {
  font-size: 17px;
  display: block;
  padding-left: 40px;
}
.pager {
	text-align:right;
}
.pager li{
	display:inline-block;
	padding:0 10px;
	margin-bottom:15px;
}
.pager li a {
	color:#000;
}
.pager li a:hover {
	text-decoration:none;
}
.clr {
	clear:both;
}
.photos-likes {
	margin:10px;
}


.service-list {
	margin-top:20px;
}
.service-item {
	position:relative;
	margin: 0px auto 30px;
	width: 90%;
	height: 135px;
	box-shadow: 2px 1px 1px 6px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	background-color:#fff;
}
@media (max-width: 670px) {
  .service-item {
    height: auto;
  }
}
.service-item:hover {
	-webkit-transition: transform 0.3s linear 0s;
	-moz-transition: transform 0.3s linear 0s;
	-o-transition: transform 0.3s linear 0s;
	transition: transform 0.3s linear 0s;
	transform: scale(1.1, 1.1);
}

.service-item:nth-child(2n) {
	background-color:#C3C4C6;
}
.service-item a {
	display:block;
	overflow: hidden;
	height: 135px;
	text-decoration: none;
	color: #333;
}
@media (max-width: 670px) {
  .service-item a {
    height: auto;
  }
}
.service-item .bg {
	position:relative;
	float: right;
	height: 135px;
}
@media (max-width: 670px) {
  .service-item .bg {
    height: auto;
    width: 180px;
  }
}
.service-item .bg img{
	margin-bottom:-3px;
	height: 135px;
}
@media (max-width: 670px) {
  .service-item .bg img {
    height: auto;
    width: 100%;
  }
}
.service-item .bg::after {
    content: '';
    position: absolute;
    margin-bottom: -75px;
    left: 0px;
    bottom: 51%;
    border: 75px solid transparent;
    border-left: 30px solid #fff;
}
/* .service-item:hover  .bg::after {
    margin-bottom: -75px;
    border: 75px solid transparent;
} */

.service-item:nth-child(2n) .bg::after {
    border-left: 30px solid #C3C4C6;
}

.service-item .logo {
	position:absolute;
	height:80%;
	left: 50px;
	top: 10%;
}
@media (max-width: 670px) {
  .service-item .logo {
    height: 50%;
    left: 30px;
    top: 25%;
  }
}
.service-item .text {
	padding: 20px;
}
.service-item .text h2{
	line-height: 16px;
	padding-bottom: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.service-item .text time{
	display:block;
	margin-bottom:8px;
}

.p-membrane-types {
	font-family: 'HelveticaNeueCyr';
}
.p-membrane-types footer {
  /*width: 1200px;*/
  /* position: absolute;
  bottom: 0px; */
}

.p-membrane-types section {
	padding: 0px;
}

.p-membrane-types #main .wrapper:after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.b-title {
	display: block;
	color: #fff;
	line-height: 65px;
	font-size: 35px;
	font-style: italic;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}
.membrane-item {
	overflow: hidden;
}
.membrane-item .b-title {
	position: relative;
	line-height: 25px;
	font-size: 16px;
	margin: 40px 0px 25px;
	padding: 0px 10px;
	background: #c90c10;
	border-bottom: 1px solid #9c1f27;
	font-style: normal;
	text-align: left;
}
.membrane-item .b-title:after {
	content: '';
	position: absolute;
	left: 16px;
	bottom: -12px;
	border: 6px solid transparent;
	border-top: 6px solid #c90c10;
}

.membrane-item .top_text {
	margin-bottom: 10px;
	padding-left: 7px;
	font-size: 16px;
	line-height: 20px;
	border-left: 2px solid #c90c10;
	text-transform: uppercase;
}
.membrane-item .description {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 14px;
}
.membrane-item .icon {
	margin: 0px auto;
	text-align: center;
}
.membrane-item .icon._left {
    float: left;
    margin: 0px 20px 10px 0px;
}
.membrane-item table {
	width: 100%;
	margin: 10px auto;
	border: 1px solid #c90c10;
	border-collapse: collapse;
}
.membrane-item th {
	padding: 11px 0px 9px 6px;
	text-align: left;
	background-color: #969698;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border: 1px solid #c90c10;
}
.membrane-item td {
	padding: 14px 0px 12px 6px;
	text-align: center;
	background-color: #ededed;
	font-size: 14px;
	border: 1px solid #c90c10;
}

.membrane-types {
	background-color: #2b2a28;
	padding: 0px 30px;
	/*width: 1140px;*/
}
.membrane-types .moduletable {
	/* width: 820px; */
	max-height: 1600px;
	margin: 0px auto;
	/* background: url(../img/bghex.png) no-repeat top center; */
	/* background-size: 100% auto; */
	/* overflow: hidden; */
}
.membrane-types .moduletable .b-title{
	background-color: #2b2a28;
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
}
.membrane-types .moduletable .background {
	position: absolute;
	top: 0px;
	left: 0px;
}
.membrane-types .items-list {
  float: right;
  width: 275px;
  margin: 100px 40px 50px 0px;
  padding: 30px;
  border-radius: 10px;
  background: rgba(75,73,73,0.75);
  box-shadow: 10px -10px 5px 1px rgba(0, 0, 0, 0.25) inset, -8px 8px 5px 1px rgba(255, 255, 255, 0.55) inset, -10px 10px 10px 0px rgba(0, 0, 0, 0.25);
  position:relative;
  z-index: 5;
}
@media (max-width: 700px) {
  .membrane-types .items-list {
    width: 100%;
    float: none;
    box-sizing: border-box;
  }
}
.membrane-types .items-list li {
	display: block;
	margin-bottom: 12px;
	padding: 6px 10px;
	text-align: center;
	background: rgba(252,0,0,0.56);
	border-radius: 4px;
	box-shadow: 3px -3px 1px 0px rgba(0, 0, 0, 0.25) inset, -3px 2px 1px 0px rgba(255, 255, 255, 0.25) inset, -10px 10px 10px 0px rgba(0,0,0,0.25);
}
.membrane-types .items-list li:hover {
	-webkit-transition: transform 0.2s linear 0s;
	-moz-transition: transform 0.2s linear 0s;
	-o-transition: transform 0.2s linear 0s;
	transition: transform 0.2s linear 0s;
	transform: scale(1.1, 1.1);
}
.membrane-types .items-list a {
	display:block;
	color: #fff;
	line-height: 20px;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;

}


.membrane-types {
	background-color: #2b2a28;
}
.membrane-types-category .moduletable {
	position: relative;
	width: 100%;
	min-height: 550px;
	background: url(../img/bg-category.jpg) no-repeat top center;
	background-size: 100% auto;
	overflow: hidden;
}
.membrane-types-category .logo {
	display: block;
	height: 100px;
	margin: 20px 0px 5px 35px;
}
.membrane-types-category .items-list {
	width: 500px;
	margin: 50px 0px 35px 30px;
	padding: 20px;
	border-radius: 20px;
	background: rgba(255,255,255,0.5);
}
aside.membrane-types-category .items-list {
  margin: 40px 0px 40px;
  padding: 0;
  width: 250px;
  display: block;
}
@media (max-width: 800px) {
  aside.membrane-types-category .items-list {
    width: auto;
    padding: 0;
  }
}
.membrane-types-category .items-list > li {
	margin-bottom: 18px;
}

.membrane-types-category .items-list > li > a {
	display: block;
	padding: 5px 10px;
	background: #3b3b3b;
  font-weight: 500;
  font-size: 14px;
  text-transform: none;
  text-align: center;
  border-radius: 3px;
}
.membrane-types-category .items-list > li.act > a {
	background-color:#e18c44;
    position: relative;
    z-index: 1;
}
.membrane-types-category .items-list li.act li.act a {
    color: #000;
}
.membrane-types-category .items-list  li.act li.act a::before {
    background-color: #871B22;
}
.membrane-types-category .items-list ul {
    margin: 0 0 0 13px;
}

.membrane-types-category .items-list ul a {
    color: #131313;
    text-transform: none;
    font-weight: 600;
    font-size: 13px;
    position: relative;
    padding-left: 20px;
    line-height: 20px;
    padding-bottom: 10px;
}

.membrane-types-category .items-list ul a::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 10px;
  margin-top: -2px;
  width: 6px;
  height: 2px;
  background-color: #131313;
  display: block;
  border-radius: 50px;
  z-index: 1;
}
.membrane-types-category .items-list ul {
    /*border-left: 1px solid #777;*/
}
.membrane-types-category .items-list ul li {
    position: relative;
    /* border-left: 1px solid #777; */
    /*top: 13px;*/
}
.membrane-types-category .items-list ul li:last-child {
    border-color: transparent;
    position: relative;
    padding-top: 0;
}
.membrane-types-category .items-list ul li:first-child {
    padding-top: 15px;
    position: relative;
}
.membrane-types-category .items-list ul li:last-child a {
    padding-bottom: 0;
}

.membrane-types-category .items-list > li > a:hover {
	-webkit-transition: transform 0.2s linear 0s;
	-moz-transition: transform 0.2s linear 0s;
	-o-transition: transform 0.2s linear 0s;
	transition: transform 0.2s linear 0s;
	transform: scale(1.05, 1.1);
}
.membrane-types-category .items-list a {
	color: #fff;
	line-height: 25px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	display:block;
}
.membrane-types-category .items-list > li:nth-child(3):after,
.membrane-types-category .items-list > li:nth-child(7):after {
  content: '';
  background: #e18c44;
  width: 90px;
  height: 3px;
  display: block;
  /* z-index: 999; */
  /* position: relative; */
  /* margin-top: 19px; */
  margin: 23px auto;
}


.back_link {
	display: block;
	width: 240px;
	margin-top: 20px;
	text-decoration: none;
}
.back_link img {
	display: inline-block;
	width: 175px;
	vertical-align: middle;
}
.back_link:before {
	content: '';
	display: inline-block;
	width: 55px;
	height: 57px;
	margin-right: 5px;
	background: transparent url("../img/back-link.png") no-repeat scroll 0% 0%;
	vertical-align: middle;
}

.price-list {
    background: transparent url("/files/img/price.png") no-repeat scroll center top;
    display: block;
    width: 350px;
    height: 300px;
    position: absolute;
    top: 30px;
    right: 70px;
}







.news-list {
	margin-top:20px;
}
.news-item {
	margin: 0px auto 30px;
	width: 90%;
	box-shadow: 2px 1px 1px 6px rgba(0, 0, 0, 0.1);
	background-color:#fff;
}
.news-item:hover {
	-webkit-transition: transform 0.3s linear 0s;
	-moz-transition: transform 0.3s linear 0s;
	-o-transition: transform 0.3s linear 0s;
	transition: transform 0.3s linear 0s;
	transform: scale(1.1, 1.1);
}
/* .news-item:nth-child(2n) {
	background-color:#C3C4C6;
} */
.news-item a {
	text-decoration: none;
	color: #333;
}
.news-item .bg {
  float: left;
}
@media (max-width: 500px) {
  .news-item .bg {
    float: none;
    width: 60%;
    margin: 0 20%;
  }
}
.news-item .bg img {
  width: 100%;
}
.news-item .text {
	padding: 20px;
	overflow: hidden;
}
.news-item .text h2{
	line-height: 16px;
	padding-bottom: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.news-item:hover .text h2{
	color: #F8970E;
}
.news-item .text time{
	display:block;
	margin-bottom:8px;
}

.accordion.slider {
	padding: 0px !important;
  height: auto !important;
  margin-bottom:10px;
}
.accordion.slider h2 {
	width:0px !important;
	visibility: hidden;
}
.accordion.slider li > div {
    width: 100%;
}
.im-slider, .im-slider-wrap {
    height: 100%;
}
.im-slider img {
	width: 100%;
    margin: 0px auto;
}


.big_pics {
  width: 80%;
}
@media (max-width: 700px) {
  .big_pics {
    width: 100%;
  }
}
.big_pics, .min_pics {
  position:relative;
  display:table-cell;
  vertical-align: top;
}
@media (max-width: 700px) {
.big_pics, .min_pics {
  display: block;
}

}

.big_pics .img {
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}
/* .big_pics .img img {
	width:100%;
} */
.big_pics .img.act {
	display:block;
	position:relative;
}
.min_pics {
  text-align: center;
  padding: 10px 0;
}
.min_pics a {
  display:inline-block;
  width: 42%;
  padding: 0px 5px;
  margin-left:7px;
  margin-bottom: 5px;
}
@media (max-width: 700px) {
  .min_pics a {
    width: 25%;
  }
}
.min_pics a img{
	width:100%;
}
.min_pics a.act img{
	border-color: #F8970E
}

.title {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	padding: 10px;
	color: #fff;
	background-color: rgba(0,0,0,0.7);
	font-weight: 700;
}
.accordion  img {
	width:100%;
	height:auto;
}
body {
	position:relative;
}
#social table {
	margin:0 auto;
}
#social table td {
	padding:10px;
	vertical-align:top;
}
.social-title {
	font-size:20px;
	display:block;
	margin:0 auto;
	text-align: center;
	margin-bottom:7px;
}
.social-close {
	    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #696969;
}
.icon img {
  width: 100%;
  height: auto;
}
.moduletable .description img {
  max-width: 100%;
  height: auto;
}
.blog .category-desc {
  font-size: 0;
  margin: 0 -10px;
  padding: 0 10px;
}
.accordion li > div {
  position: relative !important;
  height: auto !important;
}
/*
.menu-trigger {
  display: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 40px;
  height: 42px;
  cursor: pointer;
  background-color: #eee;
  position: absolute;
  top: 0;
  right: 25px;
  z-index: 2;
}
.menu-trigger:hover {
  background-color: #ddd;
}
.menu-trigger:after {
  content: '';
  display: block;
  background-image: url(images/menu-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
} */

.menu-trigger {
  cursor: pointer;
  position: relative;
  /* z-index: 9999; */
  top: 0;
  /* right: 27px; */
  padding: 15px 12px 9px;
  border-radius: 30px;
  border: 2px solid #fff;
/*   display: none; */
}

.menu-trigger span {
  background-color: #fff;
  margin-bottom: 6px;
  height: 3px;
  display: block;
  border-radius: 3px;
  width: 28px;
}

.menu-trigger,
.menu-trigger span {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.menu-trigger.act {
  -webkit-transform: rotate(90deg) translate3d(2px, 0, 0);
  transform: rotate(90deg) translate3d(2px, 0, 0);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  position: fixed;
  top: 20px;
}


/*.menu-trigger.act span {
    background-color: #fff;
}*/

.menu-trigger.act .line1 {
  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
  transform: rotate(45deg) translate3d(0, 0, 0);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

.menu-trigger.act .line2 {
  opacity: 0;
}

.menu-trigger.act .line3 {
  -webkit-transform: rotate(-45deg) translate3d(0, 1px, 0);
  transform: rotate(-45deg) translate3d(0, 1px, 0);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.mobile-menu.open {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #e8e9eb;
  overflow-y: scroll;
}

@media (max-width: 1200px) {
  /*#logo {*/
  #logo-wrap {
    left: 20px;
    width: 300px;
  }
  .slogan {
    display: none !important;
  }
}
/*@media (max-width: 1000px) {
  #logo {
      top: 80px;
  }
  #logo-wrap {
    width: 150px;
  }
}*/
@media (max-width: 1000px) {
  #logo {
    top: 30px;
    left: 5px;
  }
  #logo-wrap {
    width: 250px;
  }
  #telephone .mts,
  #telephone .velcom,
  #telephone .mts span,
  #telephone .velcom span {
    font-size: 20px;
  }
  .menu-trigger {
    display: inline-block;
  }
  .moduletable_menu {
    top: 15px;
    text-align: center;
  }
  .mobile-menu {
    display: none;
    position: absolute;
    background-color: #7f7f7f;
    height: auto;
    padding: 10px 0 20px;
    top: 100%;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    transition: all ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }
  .open .mobile-menu {
    display: block;
  }
  .mobile-menu li {
    display: block;
    padding: 0;
    text-align: center;
    margin: 8px 0;
  }
  .mobile-menu li a {
    background: none;
    line-height: 40px;
    padding: 0 20px;
    font-size: 24px;
    color: #e8e8e8;
  }
  .mobile-menu li a:hover {
    color: #e8e8e8;
  }
  .mobile-menu li.parent ul {
    display: none !important;
  }
  .mobile-menu li.current,
  .mobile-menu li.active {
    background-color: #e7e7e7;
    background: #c3c4c6;
  }
}
@media (max-width: 500px) {
  #logo {
      top: 10px;
      left: 15px;
  }
  #logo-wrap {
    width: 205px;
    padding-left: 20px;
  }
  #telephone {
    top: 20px;
    text-align: center;
  }
  #telephone .mts,
  #telephone .velcom {
    display: inline-block;
    float: none;
  }

}

.contact-map img {
  max-width: 100%;
}
.b-contacts .col-wrap {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.b-contacts .col-wrap .col {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 20px;
}
.b-contacts .col-wrap .col-left {text-align: left;}
.b-contacts .col-wrap .col-middle {text-align: center; width: 500px;}
.b-contacts .col-wrap .col-right {text-align: right;}
.b-contacts .col-wrap .col a {
    color: #333333;
}
.b-contacts .col-wrap .col a:hover {
    color: #333333;
    text-decoration: none;
}
@media (max-width: 850px) {
  .b-contacts .col-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-right: 0;
  }
  .b-contacts .col-wrap .col {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .b-contacts .col-wrap .col-left,
  .b-contacts .col-wrap .col-middle,
  .b-contacts .col-wrap .col-right {text-align: left;}

  .b-contacts .col-wrap .col,
  .b-contacts .col-wrap .col span,
  .b-contacts .col-wrap .col p,
  .b-contacts .col-wrap .col h2 {
      font-size: 16px !important;
      text-transform: uppercase;
      font-weight: bold;
      line-height: 22px;
  }
  .main-block a.more span.more {
      font-size: 14px;
  }
}

article {
  width: 100%;
}
td[data-price] {
  white-space: nowrap;
  padding-right:7px;
}
.description_small {
	font-size: 10px;
	font-style: italic;
	margin-bottom:15px;
}
.b-header {
  background-color: #000;
}
.b-header__cols {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.b-header__col {
  display: table-cell;
  vertical-align: middle;
  padding: 30px 0 25px;
}
.b-header__col:first-child {
  width: 240px;
}
.b-header__col:nth-child(2) {
  width: 175px;
}
.b-header__col:last-child {
  /* width: 536px; */
  text-align: right;
}
.b-header__row {
  margin: 10px 0;
}
.b-slogan {
  font-size: 12px;
  color: #fff;
  margin-top: 12px;
  display: block;
}
.b-search {
  position: relative;
  margin-bottom: 25px;
}
.b-search__text,
.b-search__submit {
  display: inline-block;
  vertical-align: middle;
}
.b-search__text {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 20px !important;
  padding: 0 10px !important;
  height: 30px !important;
  line-height: 30px !important;
}
.b-search__submit {
  border: none !important;
  width: 28px !important;
  height: 29px !important;
  box-shadow: none !important;
  background: url(../img/icon-search.png) center no-repeat !important;
  position: absolute;
  margin-left: -35px;
}
.b-btn {
  text-decoration: none;
}
.b-btn__green {
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  display: block;
  background: #35ac4a;
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.b-btn__green:hover {
  background: #168b2b;
}
.b-header-info {
  display: table;
  table-layout: fixed;
  /* width: 100%; */
  float: right;
}
.b-header-info__col {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  position: relative;
}
.b-header-info__col:last-child {
  padding: 0;
}
.b-soc__item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1px;
  width: 32px;
  height: 32px;
}
.b-soc__tel {
  background: url(../img/icon-tel.png) center no-repeat;
}
.b-soc__viber {
  background: url(../img/icon-viber.png) center no-repeat;
}
.b-soc__watsapp {
  background: url(../img/icon-watsapp.png) center no-repeat;
}
.b-soc__inst {
  background: url(../img/icon-inst.png) center no-repeat;
}
.b-soc__fb {
  background: url(../img/icon-fb.png) center no-repeat;
}
.b-contact-phone {
  display: block;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  margin: 2px 0;
}
.b-call {
  background: url(../img/icon-call.png) center no-repeat;
  width: 56px;
  height: 56px;
  display: block;
  position: absolute;
  top: -15px;
  left: 20px;
}
.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
.sticky + #main {
  margin-top: 150px;
}
.b-request {
  color: #fff;
}
.b-request__row {
  margin: 20px 0;
}
.b-request__label {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
}
.b-request__select,
.b-request__input {
  padding: 0 10px !important;
  height: 52px;
  line-height: 52px;
  width: 100% !important;
  font-size: 16px !important;
  background: #fff;
}
.b-request__submit {
  background: #35ac4a !important;
  font-size: 26px !important;
  color: #fff !important;
  font-weight: bold !important;
  width: 235px !important;
  height: 52px !important;
  line-height: 49px !important;
  text-align: center;
}
.b-request__text {
  font-size: 13px;
}
.b-request__text p {
  margin: 5px 0;
}
.b-request__text a {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}
.im-popup {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 25;
	font-size: 0;
	/* background-color: rgba(0,0,0,0.58); */
	visibility: hidden;
	opacity: 0;
	transition: visibility ease-in-out 0.3s, opacity 0.3s ease-in-out;
}

.im-popup:before {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.im-popup .im-popup-inside {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}

.im-popup._visible {
	opacity: 1;
	visibility: visible;
}

.b-popup {
	display: inline-block;
	vertical-align: middle;
	padding: 20px;
	width: 660px;
	border-radius: 4px;
	position: relative;
	text-align: left;
  background-color: #fff;
  font-size: 16px;
}
.b-popup__request {
  background-color: #7f7f7f;
  width: 470px;
  padding: 20px 60px;
}

.b-popup__title {
	font-size: 16px;
}

.b-close {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 20px;
	width: 25px;
	height: 25px;
	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.b-close:before,
.b-close:after {
	content: '';
	display: block;
	width: 25px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	margin: 0;
}

.b-close:before {
	transform: rotate(45deg);
}

.b-close:after {
	transform: rotate(-45deg);
}

.b-close:hover {
	opacity: 0.5;
}

.hidden-desktop {
  display: none;
}
.b-footer__cols {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.b-footer__col:first-child {
  width: 185px;
}
.b-footer__col {
  display: table-cell;
  vertical-align: top;
  color: #fff;
}
.b-footer__col a {
  color: #fff;
}
.b-contact {
  margin: 5px 0 25px;
}
.b-contact__cols {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.b-contact__col {
  display: table-cell;
  vertical-align: top;
  padding: 15px 0;
}
.b-contact__title {
  font-size: 22px;
  font-weight: 500;
  text-transform: none;
  padding-bottom: 0;
}
.b-contact__col p {
  margin: 15px 0;
  font-size: 18px;
}
.b-contact__col a {
  color: #000;
}
@media (max-width: 768px) {
  .b-contact__col {
    display: block;
  }
  .b-hexis {
    display: inline-block;
  }
  .b-footer__col:first-child,
  .b-footer__col {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
  }
  footer {
    height: auto;
    padding-bottom: 15px;
  }
  .hidden-desktop {
    display: block;
  }
  .hidden-mobile {
    display: none;
  }
/*  .b-header__col:first-child,
  .b-header__col:nth-child(2) {
    width: auto;
  }*/
  .b-header__col:first-child {
    width: 50px;
  }
  .b-header__col:nth-child(2) {
    width: 100px;
  }
  .b-header__col:last-child {
    width: auto;
  }
  .b-btn__green {
    padding: 0 15px;
    display: inline-block;
  }
  .b-menu {
    margin-bottom: 10px;
  }
  .b-contact-phone {
    font-size: 15px;
    margin: 16px 0;
  }
  .b-slogan {
    display: none;
  }
  .b-logo {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 500px) {
  .b-popup {
    width: 90%;
  }
  .b-header__col {
    padding: 5px 0 0;
  }
  .sticky + #main {
    margin-top: 95px;
  }
  .b-header__col:last-child {
    width: 122px;
    padding-right: 10px;
  }
  .b-header-info__col {
    padding: 0;
  }
  .b-contact-phone {
    font-size: 12px;
  }
}