/*
* Самые легкие и быстрые вкладки
* минимум кода, максимум функционала
*
* автор: @dobrovoi dbmast.ru
*/ 

/* Стили для табов-вкладок */
.tabs_block {
    
    margin: 0 auto;
}
.tabs_block1 {width: 1100px;}
.tabs_block:after {
    content:"";
    clear:both;
}
/* панель навигации вкладок */
.tabs, .tabs-rm {
    width:100%;
    margin: 0;
    padding: 0;
    list-style: none;
    float:left;
}
/* список вкладок */
.tabs li, .tabs-rm li {
    display:block;
    height:15px;
    text-align:center;
    float:left;
    padding:0;
    margin-right:20px;
    font-size:15px;
    cursor:pointer;
    color:#ED5AAE;
    font-family: 'Graphik-Regular-Cy' !important;
}

.tabs_block2 .tabs {width:100% !important; text-align:center !important;}
.tabs_block2 .tabs li {color:#000 !important; padding:0 35px !important; height:40px !important; line-height:40px !important; font-size:16px !important; display:inline-block !important; margin-right:2px !important; background-color:#f2f2f2; float:none !important;}
.tabs_block2 .tabs li.active {
    color:#fff !important;
    display:inline-block !important;
    background-color:#ED5AAE !important;
    font-family: 'Graphik-Regular-Cy';
    font-weight:Normal !important;
    cursor:default;
}
.tabs_block2 .tabs li:first-child {border-top-left-radius:5px; border-bottom-left-radius:5px;}
.tabs_block2 .tabs li:last-child {border-top-right-radius:5px; border-bottom-right-radius:5px;}
.tabs_block2 .tabs li:hover {background-color:#e6e6e6;}

.tabs_block3  {width:845px; position:relative;}
.tabs_block3 .tabs-cont {float:right;}
.tabs_block3 ul:first-child {width:auto; text-align:right; height:40px;}
.tabs_block3 .tabs li, .tabs_block3 .tabs-rm li {color:#000 !important; padding:0 15px !important; height:36px !important; line-height:36px !important; font-size:16px !important; display:block; margin-left:10px !important; background-color:transparent; float:left !important; margin-right:0 !important; border:2px solid #e6e6e6; border-radius:5px;}
.tabs_block3 .tabs li.active, .tabs_block3 .tabs-rm li.active {border:2px solid #ED5AAE !important;}
.tabs_block3 .tabs li.active:hover, .tabs_block3 .tabs-rm li.active:hover {background-color:transparent !important;}
.tabs_block3 .tabs li:hover, .tabs_block3 .tabs-rm li:hover {background-color:#e6e6e6;}

/*Стили для раздела новостей персонально*/
.tabs_block3 .tabs li a {color:#000 !important;}


.tabs_block4  {width:1100px !important; position:relative;}
.tabs_block4 .tabs-cont, .tabs-cont-compare {position:absolute; right:0;}
.tabs_block4 .tabs, .tabs-cont-compare .tabs {width:auto; text-align:right; height:40px;}
.tabs_block4 .tabs li, .tabs-cont-compare li {color:#000; padding:0 15px; height:36px; line-height:36px; font-size:16px; display:block; margin-left:10px; background-color:transparent; float:left; margin-right:0; border:2px solid #e6e6e6; border-radius:5px;}
.tabs_block4 .tabs li.active, .tabs-cont-compare li.active {border:2px solid #ED5AAE;}
.tabs_block4 .tabs li.active:hover, .tabs-cont-compare li.active:hover {background-color:transparent;}
.tabs_block4 .tabs li:hover, .tabs-cont-compare li:hover {background-color:#e6e6e6;}
.tabs-cont-compare {}

.tabs_block5  {width:825px; position:relative;}
.tabs_block5 .tabs {width:auto; text-align:left; height:40px; margin-bottom:30px;}
.tabs_block5 .tabs li {color:#000 !important; padding:0 15px !important; height:36px !important; line-height:36px !important; font-size:14px !important; display:block; margin-right:10px !important; background-color:transparent; float:left !important; border:2px solid #e6e6e6; border-radius:5px;}
.tabs_block5 .tabs li.active {border:2px solid #ED5AAE !important; font-family: 'Graphik-Regular-Cy';}
.tabs_block5 .tabs li.active:hover {background-color:transparent !important;}
.tabs_block5 .tabs li:hover {background-color:#e6e6e6;}




/* активная вкладка */
.tabs li.active {
    display:block;
    height:15px;
    color:#000000;
    font-family: 'Graphik-Regular-Cy';
    font-weight:Normal; 
}
/* блоки вкладок с содержанием */
.box {
    width:100%;
    display:none;
    text-align: left;
    float: left;
}
/* параграф внутри вкладок */
.box p {

}
/* активный блок при загрузке */
.visible, .open_tab {
    display: block;
}
/* картинки внутри вкладок */
.box img {
}
/* картинки слева */
.pl-left {
    float:left;
    margin:5px 15px 5px 0;
}
/* картинки справа */
.pl-right {
    float:right;
    margin:5px 0 5px 15px;
}
/* убираем выравнивание на маленьких экранах */
@media (max-width: 300px) {
  .tabs, .tabs li {
   float: none;
  }
}