/*
Theme Name: The7
Theme URI: http://the7.io/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Version: 9.6.0
Tested up to: 5.5.1
Requires PHP: 5.6.20
Requires at least: 5.3.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/

.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor,
.main-page {}

/*1-Интерфейс*/
.custom-button {
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
}
.custom-button:hover {
  background-color: #1ebbf0;
}
.custom-button svg {
  vertical-align: middle;
}
.button-middle {
  font-size: 20px;
  padding: 10px 25px;
}
.button-small {
  font-size: 16px;
  padding: 8px 20px;
}
.button-dark {
  background: #2B2E61;
  color: #fff;
  text-decoration: none;
}
.button-dark:hover {
  color: #fff; 
}

.button-light{
  background: #5ABEB5;
  color: #2D2E41;
  text-decoration: none;
}
.button-light:hover {
  color: #2D2E41;
}

a{
  cursor: pointer;
}
@media (max-width: 991px){
  .button-middle {
    font-size: 16px;
    padding: 8px 20px;
  }
  .button-middle svg {
    width: 20px;
    height: 20px;
  }
  .button-small {
    font-size: 14px;
    padding: 5px 15px;
  }
  .button-small svg {
    width: 15px;
    height: 15px;
  }
}
/*Главная*/
/*Слайдер*/
.hero-slider {
  margin-bottom: -100px;
}
.hero-slider #main{
  padding-bottom: 0;
}
.hero-slider-item{
  position: relative;
  height: 535px;
 
}
.mobile-hero {
  display: none;
}
#slide-1, .mobile-hero{
  background: linear-gradient(0deg, rgba(37, 34, 34, 0.65), rgba(37, 34, 34, 0.75)), url(images/backgrounds/bg-slider/slide-1.jpg) no-repeat;
  background-size: cover;
}
#slide-2{
  background: linear-gradient(0deg, rgba(37, 34, 34, 0.65), rgba(37, 34, 34, 0.75)), url(images/backgrounds/bg-slider/slide-2.png) no-repeat;
  background-size: cover;
}
#slide-3{
  background: linear-gradient(0deg, rgba(37, 34, 34, 0.65), rgba(37, 34, 34, 0.75)), url(images/backgrounds/bg-slider/slide-3.jpg) no-repeat;
  background-size: cover;
}
#slide-4{
  background: linear-gradient(0deg, rgba(37, 34, 34, 0.65), rgba(37, 34, 34, 0.75)), url(images/backgrounds/bg-slider/slide-4.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
#slide-5{
  background: linear-gradient(0deg, rgba(37, 34, 34, 0.65), rgba(37, 34, 34, 0.75)), url(images/backgrounds/bg-slider/slide-5.jpg) no-repeat;
  background-size: cover;
  background-position: 20px;
}
.hero-slider__content{
  color: #fff;
}
.hero-slider__content h1, .hero-slider__content h2{
  margin-bottom: 25px;
  color: #fff;
  font-size: 70px;
}
.hero-slider__content h2 {
  font-size: 50px;
}
.hero-slider__content h1 span, .hero-slider__content h2 span{
  display: block;
  margin-bottom: 10px;
  color:#5ABEB5;
  font-size: 70px;
}
.hero-slider__subtitle {
  display: block;
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 25px;
}
.hero-slider__buttons a:first-child{
margin-right: 70px;
}
/*Акции слайдера*/
.slider-sale__content{
  display: flex;
  justify-content: space-between;
}
.slider-sale__info {
  width: 45%;
}
.slider-sale__img {
  width: 45%;
  margin-top: -50px;
}
.slider-sale__img img{
  width: 100%;
}
.hero-slider__content h2 {
  line-height: 0.8;
}
@media (max-width: 1092px){
  .slider-sale__info {
    width: 60%;
  }
  .slider-sale__img {
    width: 37%;
  }
  .slider-sale__img img{
    width: auto;
    height: 100%;
  }
}
@media (max-width: 992px){
  .swiper-slide {
    display: none;
  }
  .mobile-hero{
    display: block;
  }
}

/*Услуги*/
.services {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.services-sale {
  display: inline-block;
  padding: 45px 55px;
  border-radius: 5px;
  width: 320px;
  
}
.services-sale span{
  display: block;
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 900;
  max-width: 260px;
}
.sale-title{
  margin-bottom: 50px;
  font-size: 50px;
  color: #ffffff;
}
.sale-subtitle{
  color: #2D2E41;
  font-size: 25px;
  margin-bottom: 25px;
}
.services-sale p {
  font-size: 18px;
  margin-bottom: 75px;
}

.services-list-wrapper {
  max-width: 600px;
  padding: 40px 65px;
  background: #ECF4F7;
  border-radius: 5px;
}
ul.services-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  list-style-type: none;
}
.services-item{
  width: 180px;
  height: 180px;
  border-radius: 5px;
  background: #FFFFFF;
}

.services-item a{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
  text-decoration: none;
}
.services-item a span{
  display: block;
  width: 100%;
  text-align: center;
  border-radius: 5px;
  color:#2D2E41;
  text-decoration: none;
}
.services-item:hover{
  box-shadow: inset 0px 0px 0px 3px #5ABEB5;
  border-radius: 30px;
}
.services-item:hover:after {
  width: 0%;
}
.services-item a span:hover{
  color: #5ABEB5;
}
.services-item:nth-child(3){
  margin-bottom: 30px;
}

/*О нас*/
.advantages{
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
}
.info-block, .advantages-list-wrapper{
  width: 45%;
}
.info-block-subtitle{
  display: block;
  margin-bottom: 15px;
  color: #5ABEB5;
}
.info-block h2{
  margin-bottom: 30px;
}
.info-block-button{
  margin-top: 30px;
}
.advantages-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.content ul.advantages-list{
  margin: 0;
  padding: 0;
}
.advantages-list li{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 220px;
  height: 220px;
  margin-bottom: 50px;
  border-radius: 50%;
  list-style-type: none;
}

.advantages-list li svg{
  margin: 10px 0 15px 0;
}
.advantages-list span{
  display: block;
  width: 208px;
  text-align: center;
  font-size: 16px;

}
.advantages-item--dark {
  background-color: #2B3663;
  color: #fff;
}
.advantages-item--light{
  background-color: #5ABEB5;
  color: 2D2E41;
}
.advantages-item__title{
    font-weight: bold;
}
/*Оффер - Цитата врача*/
.offer {
  background: url(images/backgrounds/bg-offer.jpg) no-repeat;
  background-size: cover;
  color: #fff;
  margin: 78px 0 50px 0;
}
.offer #main {
  padding-bottom: 0;
}
.offer-wrapper{
  position: relative;
}
.offer-wrapper::before{
  content: "";
  position: absolute;
  bottom: 0;
  width: 40%;
  height: 500px;
  background: url(images/backgrounds/dr-gunai.png) no-repeat;
}
.offer-content{
  width: 60%;
  margin-left: auto;
  margin-right: 0;
}
.offer-button{
  margin-bottom: 65px;
}
.offer-content h2 {
  color: #fff;
}
.offer-content p{
  margin: 15px 0 30px 0;
}
/*Последние статьи*/
.front-page-blog {
  margin-bottom: 50px;
}
.front-page-blog h2{
  text-align: center;
  margin-bottom: 40px;
}
.blog-articles {
  display: flex;
  justify-content: space-between;
}
.content ul.blog-articles {
  margin: 0;
  padding: 0;
}
.blog-articles li{
  width: 25%;
  padding: 20px;
  background: #ECF4F7;
  border-radius: 5px;
  list-style-type: none;
}
.blog-articles li h4 {
  height: 50px;
}
.blog-articles li img {
  height: 220px;
  width: 100%;
  margin-bottom: 20px;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-articles li p{
  margin: 20px 0;
}
@media (max-width: 1275px){
.services-sale{
  width: 280px;
  padding: 45px 30px;
}
}
@media (max-width: 1200px){
  .services-list-wrapper, .services-sale {
    padding-left: 35px;
    padding-right: 35px;
  }
  .info-block {
    width: 50%;
  }
}
@media (max-width: 1150px){
  .advantages {
    flex-direction: column;
  }
  .info-block, .advantages-list-wrapper {
    width: 100%;
  }
  .info-block {
    margin-bottom: 30px;
  }
  .services-sale {
    width: 250px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1100px) {
  .services-list-wrapper {
    max-width: 535px;   
  }
  .services-item {
    width: 170px;
    height: 170px;
  }
  .services-sale p {
    margin-bottom: 50px;
  }
  .services-list-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .advantages-list li svg {
    width: 50px;
  }
  .advantages-list span {
    width: 150px;
    font-size: 14px;
    line-height: 1.2;
  }
  .advantages-list li {
    width: 200px;
    height: 200px;
  }
 .offer-wrapper::before {
   height: 400px;
   background-size: cover;
 }
 .blog-articles li {
   width: 40%;
 }
 .blog-articles li:last-child {
   display: none;
 }
 
}
@media (max-width: 992px){
.hero-slider {
  margin-bottom: 50px;
}
.hero-slider-item {
  height: 410px;
}
.services {
  flex-direction: column;
}
.services-list-wrapper {
  order: -1;
  max-width: 100%;
  margin-bottom: 30px;
}
.services-item {
  width: 220px;
  height: 220px;
}
.services-sale {
  width: auto
}
.services-list-wrapper, .services-sale {
  padding-right: 35px;
  padding-left: 35px
}
.advantages-list {
  justify-content: space-around;
  
}
.services-sale p {
  margin-bottom: 20px;
}
.offer {
  margin-top: 0;
}
.offer-wrapper::before{
  display: none;
}
.offer-content {
  width: 100%;
}
}
@media (max-width: 950px) {
  .hero-slider #main {
    padding: 0;
  }
  .hero-slider-item {
    padding: 35px;
  }
  .hero-slider__content h1, .hero-slider__content h1 span  {
    font-size: 45px;
  }
  .hero-slider__subtitle {
    font-size: 20px;
  }
  .offer-button {
    margin-bottom: 0;
  }
  .hero-slider-item{
    height: auto;
  }
  .hero-slider {
    margin-bottom: 35px;
  }
  .services {
    margin-bottom: 35px;
  }
  .services-item {
    width: 171px;
    height: 171px;
    margin-right: 50px;
  }
  .services-item:last-child, .services-item:nth-child(3) {
    margin-right: 0;
  }
  .services-item svg{
    width: 75px;
    height: 75px;
  }
  .sale-title {
    font-size: 35px;
    margin-bottom: 20px;
  }
  .sale-subtitle {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .services-sale p {
    font-size: 16px;
  }
  .advantages {
    margin-bottom: 35px;
  }
  .advantages-list li {
    width: 160px;
    height: 160px;  
    margin-bottom: 0;
  }
  .advantages-list li svg {
    margin: 0;
    margin-top: 10px;
  }
  span.advantages-item__subtitle{
    display: none;
  }
  .offer {
    margin-bottom: 35px;
  }
  .offer #main {
    padding: 35px 0;
  }
}
@media (max-width: 725px) {
  .services-item {
    margin-right: 0;
  }
  .advantages-list li{
    width: 125px;
    height: 125px;
  }
  .advantages-list li svg {
    margin-top: 0;
  }
  .advantages-list span {
    width: 100px;
  }
  .blog-articles li img {
    display: none;
  }
}
@media (max-width: 650px) {
  ul.services-list{
    justify-content: space-around;
  }
  .services-item {
    width: 185px;
    height: 185px;
  }
  .services-item:first-child{
    margin-bottom: 30px;
  }
  .content ul.advantages-list {
    justify-content: space-around;
    padding: 0 35px;
  }
  .advantages-list li{
    width: 185px;
    height: 185px;
  }
  .advantages-list li:first-child{
    margin-bottom: 15px;
  }
  .advantages-list li svg {
    margin-top: 22px;
  }
  .blog-articles {
    flex-wrap: wrap;
  }
  .blog-articles li {
    width: 100%;
  }
  .blog-articles li:not(:last-child) {
    margin-bottom: 20px;
  }
  .blog-articles li img, .blog-articles li:last-child {
    display: block;
  }
}
@media (max-width: 550px) {
  .content ul.advantages-list, .services-list-wrapper  {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 480px) {
.hero-slider__content h1, .hero-slider__content h1 span {
  font-size: 35px;
}
.hero-slider__content h1 span {
  margin-bottom: 0;
}
.hero-slider__subtitle {
  display: none;
}
.hero-slider__buttons a:first-child{
  margin-right: 0;
}
 .services-item {
   width: 150px;
   height: 150px;
 }
 .services-list-wrapper {
   padding: 20px 0;
 }
 .services-item:first-child, .services-item:nth-child(3) {
   margin-bottom: 20px;
 }
 .advantages-list li {
    width: 150px;
    height: 150px;
 }
 .advantages-list li svg {
   margin-top: 10px;
 }
} 
@media (max-width: 370px) {
  .hero-slider__buttons a:first-child {
    margin-bottom: 15px;
  }
}
@media (max-width: 340px) {
  .services-item:not(:last-child) {
    margin-bottom: 20px;
  }
  .advantages-list li:not(:last-child){
    margin-bottom: 20px;
  }
 #branding-bottom a img{
   width: 100%;
   height: auto;
 }

}
@media (max-width: 300px) {

h4{
  font-size: 15px;
}
.hero-slider-item {
  padding: 10px;
}
.services-sale {
  padding: 20px 10px;
}

.services-sale span {
  font-size: 16px;
}
span.sale-title {
  font-size: 25px;
}
.services-sale p {
  font-size: 14px;
}
.blog-articles li {
  padding: 20px 10px;
}
.blog-articles li img {
  height: 150px;
}
}

/*ФУТЕР*/
.footer
#menu-footer-services-menu a, #menu-footer-info-menu a{
  color: #fff;
}
footer a.custom-button {
  color:#fff
}
.footer-contacts-list li{
  display: flex;
  align-items: center;
}
.footer-contacts-list li:not(:last-child){
  margin-bottom: 20px;
}
.footer-contacts-list li svg {
  margin-right: 10px;
}
.footer-button {
  margin-bottom: 20px;
}
.phones-contacts li:not(:last-child) {
  margin-bottom: 15px;
}
.phones-contacts li a:hover, .footer-contacts-list li a:hover {
  border-bottom: 1px solid #fff;
}
/*Навигация на страницах*/
.toc_widget_list li {
  margin-bottom: 10px;
}
.toc_widget_list a {
  text-decoration: none;
}
/*вИДЖЕТЫ*/
.widget-title {
  font-weight: bold;
  text-transform: uppercase;
}
#sidebar a:not(.custom-button ):hover{
  color: #1ebbf0;
  text-decoration: underline;
}
.entry-meta {
  display: none;
}


.tab-container{
  background-color: #2B2E61;
  border-radius: 5px;
  overflow: hidden;
}
.tab-title{
  margin: 30px 10px;
}
.tab-wrapper{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: sans-serif;
}
.tab-wrapper .tab-item,
.tab-wrapper input{display: none;}
.tab-wrapper .tab-item{
    background-color: #fff;
    width: calc(100% - 40px);
    max-width: 100%;
    padding: 40px 20px;
    order: 1;
  }
.tab-wrapper label{
    height: 35px;
    line-height: 35px;
    min-width: 50px;
    padding: 0px 20px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}
.no-select{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.tab-wrapper input:checked + label{
    border-bottom: 5px solid #5ABEB5;
}
.tab-wrapper input:checked + label + .tab-item{display: block;}
.tab-item .tab-content-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
}
.tab-item .tab-list {
  width: 30%;
}
.tab-item .tab-image {
  width: 60%;
  background-color: red;
}
.tab-item .page_item a{
  text-decoration: none;
  color: #2D2E41;
}
.tab-item .page_item a:hover{
  text-decoration: underline;
  color:#1ebbf0;
}
.wp-block-table tr:first-child {
  background: #5ABEB5;
  font-weight: bold;
}
@media (max-width: 875px){
  .tab-item .tab-image {
    width: 50%;
  }
  .tab-item .tab-list {
    width: 50%;
  }
}
@media (max-width: 550px){
  .tab-item .tab-image {
    display: none;
  }
  .tab-item .tab-list {
    width: 100%;
  }
}