/*
Theme Name: Yahorosha
Theme URI: http://yahorosha.com/
Author: Yahorosha
Author URI: http://yahorosha.com/
Version: 1.0
*/

*{
  /outline:1px #eee solid;
}

/* Адаптив by Seokab.ru */

footer .contacts li {
    display: inline-block;
    margin-left: 20px !important;
    width: 178px;
    float: none !important;
    margin: 0 !important;
    line-height: 18px !important;
    font-size: 14px !important;
}

footer .contacts {
    float: right !important;
    position: relative;
    margin: 20px 0px 0 0 !important;
}

/* Body */
 
body {
  left: 0;
  margin: 0;
}
 
 
/* Menu */
 
.menu {
  background: #a52a6a;
  left: -285px; /* прячем меню */
  height: 100%;
  position: fixed;
  z-index: 999999;
  width: 285px;
}
 
 
/* Basic CSS */
 
.background {
  height: 100%;
  width: 100%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}
 
.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
 
.menu li {
  font-family: 'Open Sans', sans-serif;
  line-height: 45px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-top: 3px;
}
 
.menu li:hover {
  cursor: pointer;о
  }
 
.menu a {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
}
 
.icon-close {
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 6px;
}
 
.icon-menu {
  color: #fff;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  position:absolute;
  display:none;
  z-index:99999;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-top: 25px;
  text-decoration: none;
  text-transform: uppercase;
}
 
.icon-menu img {
  margin-right: 5px;
}

@media screen and (max-width: 1015px) {
	#header ul {
   		padding: 0 0 0 0px;
	}

#footer {
    margin-top: 60px;
}

.block-pink.testimonials {
    display: none;
}
  
  #content {
    padding: 30px 0 10px;
  }
  
  .thumb-wrap {
    position: relative;
    padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .thumb-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 998px) { 
  .reviews {
      width: 100%;
  } 
}

@media screen and (max-width: 988px) { 
  #header {
    height: 165px;
}
.bg-img #header {
    margin-bottom: 185px;
}
#header li {
    float: none;
    margin: 12px 29px 0 0;
}
#footer li {
    margin: 0;
    line-height: 18px;
    font-size: 14px;
}
a.logo img {
    width: 150px;
}
#header .block-blue {
    height: 0;
}
}

@media screen and (max-width: 960px) { 
	img {max-width: 100% !important; height: auto !important; box-sizing: border-box;} 
	iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100% !important; box-sizing: border-box;} 
	table, span, div, ins {max-width: 100% !important;} 
.order__btns button[type=submit] {
    float: none;
    margin: 15px auto;
}
} 

@media screen and (max-width: 920px) { 
  .contacts__social {
      float: none;
      width: 100%;
      margin-top: -35px;
      margin-bottom: 65px;
  }
  
  .contacts .team{
    left:0;
  }
  
  .form textarea {
    width: 290px;
  }
  
  .contacts {
    margin: 25px 0 60px 0px;
  }

.contacts__social a{
    padding-left: 39px;
}

.ico-vk-2, .ico-inst, .ico-mail{
   left:0;
}

.contacts__social p {
    margin-left: 0 !important;
}
}

@media screen and (max-width: 895px) { 
  .sertificate__body aside {
      float: none;
      width: 420px;
      margin: 0 auto 15px auto;
  }
  
  .sertificate__body img {
    margin: 0 auto;
  }
  
  .label-quality {
    top: -25px;
    right: 0;
  } 
}

@media screen and (max-width: 865px) { 
.copyright {
    margin: 21px 0 0 0px;
}
}

@media screen and (max-width: 830px) { 
  .tabs span {
      padding: 0px 10px;
      font-size: 16px;
  }

.people span{
 margin-left:100px;
}

#footer {
   height: 170px;
	margin-top: 50px;
}

.copyright {
    margin: 21px 0 0 0px;
    text-align: center;
    float: none;
    padding-top: 10px;
}

footer .contacts {
    float: none;
    margin: 20px 0px 0 0 !important;
    list-style: none;
    padding: 0;
    width: auto;
    text-align: center;
}

.news__item .reviews__desc {
    overflow: hidden;
}

table tr td{
display:block;
width:100%;
}
}

@media screen and (max-width: 775px) { 

} 

@media screen and (max-width: 705px) { 
  .top-intro aside, .details aside {
      !display: none;
  }

.top-intro__photo{
    margin-top: 20px;
}

.top-intro aside, .details aside {
    width: 100%;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    background: #EBE9ED;
}


.top-intro aside footer, .details aside footer {
    position: absolute;
    left: 0;
    bottom: 10px;
    right: 0;
    height: 120px;
    border-top:none;
}

#tab-6 h3, #tab-56 h3, #tab-64 h3, #tab-139 h3{
 display:none;
}

#tab-6, #tab-56, #tab-64, #tab-139{
   height:auto !important;
}
  
  .top-intro article, .details article {
    margin-left: 0;
  }
}

@media screen and (max-width: 695px) { 
.popup{width:75%;padding: 26px 10px;}
}

@media screen and (max-width: 639px) { 
  .news__item {
      padding: 30px 0 30px 25px!important;
  }

ul.content-tabs {
    padding: 0;
}

.content-tabs li a {
    padding: 0 10px;
}
  
.content-tabs li {
    font-size: 16px;
}

  .reviews__item aside {
    float: none;
    margin: 4px 0 20px 0;
  }
  
}

@media screen and (max-width: 585px) { 
nav{  
display:none;
}
.icon-menu {
    display: block;
    position: absolute;
    z-index: 99999;
}
.logo {
    position: relative;
    top: 7px;
    right: auto;
    left: auto;
    margin: 0 auto;
    text-align: center;
    z-index: 5;
}
#header .block-blue {
    text-align: center;
}
a.logo img {
    width: 150px;
}
}

@media screen and (max-width: 550px) { 
  .sertificate__body aside {
      width: auto;
  }
  
  .top-intro article .tab > footer {
    left: 0px;
    text-align: center;
    right: 0;
  }
}

@media screen and (max-width: 500px) { 
	td, th {word-wrap: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} 
h2.title.fs-36 {
    font-size: 25px;
}
}

@media screen and (max-width: 450px) { 
.content-tabs li {
width:100%;
}

.popup{width:70%;}

.news__item {
    padding: 30px 0 30px 12px!important;
}
}


@media screen and (max-width: 390px) { 
  .tabs span {
      font-size: 14px;
  }
}

@media screen and (max-width: 370px) { 
.form input[type=text], .form input[type=tel], .form input[type=email], .form textarea {
    width: 260px;
}

.top-intro article .tab > footer {
    height: 105px;
    line-height: 70px;
}

.top-intro__details, .details .top-intro__details {
    display: block;
    height: 30px;
    line-height: 25px;
}

h2.title.fs-36 {
    font-size: 18px;
}
}

@media screen and (max-width: 350px) { 
.tabs span {
    padding: 0px 7px;
	font-size:13px;
}
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#vkshare0, #ok_shareWidget {display: inline}
.sheretofriend {margin-bottom:5px }