
/* Моного галерей в табах bootstrap - нужный код */
/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane, 
.pill-content > .pill-pane {
    display: block;    /* undo display:none          */
    height: 0;         /* height:0 is also invisible */ 
    overflow: hidden;  /* no-overflow                */
}
.tab-content > .active, 
.pill-content > .active {
    height: auto;      /* let the content decide it  */
    

} 


/*  */


/* Оформление галереи в табах*/

.nav-tabs{
    
border: none;
        
margin-top: 10px;

border-top: 0px solid red;
padding-top: 10px;

}

.nav > li > a:hover, .nav > li > a:focus{
    
    
    /*background-image: url('../img/circl.png');*/
    background-repeat: no-repeat;
}

.nav-tabs > li{
    
    border: 0px solid #FF8000;
    position: relative;
    margin-bottom: 20px;
}
.block_main_tabs .nav-tabs > li.active > a, .block_main_tabs .nav-tabs > li.active > a:hover, .block_main_tabs .nav-tabs > li.active > a:focus{
    
    
    background: none; margin: 0 auto;
    border: 0px solid #FF8000;cursor: pointer; 
background-image: url('../img/circl_activ.png');
    background-repeat: no-repeat;
    color:#8F8F8F;
    background-size: cover;
}


.block_main_tabs .nav > li > a:hover, .block_main_tabs .nav > li > a:focus{
    
    background: none;
    background-image: url('../img/circl.png');
    background-repeat: no-repeat;
}




.nav-tabs > li > div{
    
height: 100%;position: relative;border: 0px solid red; display: table; width: 100%;
}






.block_main_tabs .nav-tabs > li.active > a.ord, .block_main_tabs .nav-tabs > li.active > a.ord:hover, .block_main_tabs .nav-tabs > li.active > a.ord:focus{
    
    
    background: none; margin: 0 auto;
    border: 0px solid #FF8000;cursor: pointer; 
background-image: url('../img/circl_activ_.png');
    background-repeat: no-repeat;
    width: 190px; height: 90px;
    color:#8F8F8F;
    
   
}



.nav-tabs > li > a.ord:focus{

    background: none;
    background-image: url('../img/circl_.png');
    background-repeat: no-repeat;
}


.block_main_tabs .nav > li > a.ord:hover, .block_main_tabs .nav > li > a.ord:focus{
 
    background: none;
    background-image: url('../img/circl_.png');
    background-repeat: no-repeat;
}

.nav-tabs > li > a.ord{
    
    border: 0px solid #FF8040;
    background: none;
    background-image: url('../img/circl_.png');

    background-repeat: no-repeat;
    border-radius:0px;

    position: relative;
    width: 190px; height: 90px;
    padding: 0; margin: 0 auto;
    font-size: 25px;
    font-weight: bold;
    color:#6AB1B8;
    border: 0px solid red;

}


.nav-tabs_ > li > a.ord{
    
    border: 0px solid #FF8040;
    background: none;
    background-image: url('../img/circl_.png');

    background-repeat: no-repeat;
    border-radius:0px;

    position: relative;
    width: 190px; height: 90px;
    padding: 0; margin: 0 auto;
    font-size: 25px;
    font-weight: bold;
    color:#6AB1B8;
    border: 0px solid red;

}



.nav-tabs > li > a.ord:hover{
  
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);    
    
    background-size: cover;
    
}




.nav-tabs > li > a{
    
    border: 0px solid #FF8040;
    background: none;
    background-image: url('../img/circl.png');
    background-repeat: no-repeat;
    border-radius:10px;

    position: relative;
    width: 190px; height: 190px;
    padding: 0; margin: 0 auto;
    font-size: 25px;
    font-weight: bold;
    color:#6AB1B8;   
        background-size: cover;
    
    
    
    
    -webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow: hidden;
}






.nav-tabs_ > li > a{
    
    border: 0px solid #FF8040;
    background: none;
    background-image: url('../img/circl.png');
    background-repeat: no-repeat;
    border-radius:10px;

    position: relative;
    width: 190px; height: 190px;
    padding: 0; margin: 0 auto;
    font-size: 25px;
        
        background-size: cover;
    
    
    
    
    -webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow: hidden;
}






.nav-tabs > li > a:hover{
    
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);    
    
    background-size: cover;
    
}






.slick-slide {
    
    border: 2px solid white;
    border-radius:0px;
}



.slick-slide img{
    
    border: 0px solid transparent;
    /*border-radius:0px;*/
}






/* bootstrap hack end */


/* Галерея - slick */

    * {
      box-sizing: border-box;
    }

    .slider {
        width: 100%;
        margin: 30px auto;
    }

    .slick-slide {
      margin: 0px 5px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }
    
/*  */