.tabula-indiv1, .tabula-indiv2, .tabula-indiv3, .tabula-indiv4, .tabula-indiv5, .tabula-indiv6, .tabula-indiv7, .tabula-indiv8{
    display:none;
}
.tab-active{
    display:block;
}

.tabs {
	
	width: 100%;
	padding: 0px;
	margin: 0 auto;
}
.tabs>section, .tabula-indiv {
	display: none;
	padding: 15px;
	
}


.tabs>section>div {
	
	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Прячем чекбоксы */
.tabs>input {
	display: none !important;
	position: absolute;
}
.tabs>label {
	display: inline-block !important;
	margin: 0 0 -1px;
	padding: 15px 5px;
	font-weight: 600;
	text-align: center;
	color: #444;

}
.tabs>label:before{
	display: none !important;
}

.tabs-title{


font-family:Roboto Condensed;
color:#fff;
text-transform:uppercase;
  display:inline-block;
background: url(/uploads/artdis/tabtag-h.png);

background-size:contain;
background-repeat:no-repeat;
vertical-align:top;
padding-top: 15px;
	font-weight: 100;
	
}


/* .tabs>label:before {
    font-family: fontawesome;
    font-weight: normal;
    margin-right: 10px;
} */
/* .tabs>label[for*="1"]:before {
    content: "\f19a";
}
.tabs>label[for*="2"]:before {
    content: "\f17a";
}
.tabs>label[for*="3"]:before {
    content: "\f13b";
}
.tabs>label[for*="4"]:before {
    content: "\f13c";
} */

.tabs>label:hover {
	color: #888;
	cursor: pointer;
}
.mt>input:checked+label {
	background: url(/uploads/artdis/tabtag-h.png);
	background-size:contain;
background-repeat:no-repeat;
	color:#fff !important;
	  -webkit-transition: background  0.5s ease-out;
     -moz-transition: background  0.5s ease-out ;
     -o-transition: background  0.5s ease-out;
     transition: background  0.5s ease-out ;
	/* color: #555; */
	/* border-top: 1px solid #009933; */
	/* border-bottom: 1px solid #fff; */
	/* background: #fff; */
}
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, 
#tab5:checked~#content-tab5, #tab6:checked~#content-tab6, #tab7:checked~#content-tab7, #tab8:checked~#content-tab8
{
	display: block;
}

.tab-gallery{
	background-size:cover !important;
	background-position:center center !important;

}

 .gal-tab-descr{background:#fff;
 text-align:center}
.tab-gallery, .gal-tab-descr, .gal-tab-photo, .tabsect{
	width:100%;
	height:370px;
	/* 	border:1px solid #f00; */
	margin:0px !important;
	padding:0px !important;
	overflow:hidden !important;
	position:relative;
	font-size:1.5rem;
	}
.gal-tab-descr h3, .gal-tab-descr h4{
	padding:10px;
	text-align:center;
	}
	.gtd-content {text-align:center}
	.tab-goto{
display:block; width:200px; margin:10px auto;
background:#0a225e;
color:#fff;
font-size:1.2rem;
padding:5px
}
	.tabsect{
		border-top:5px solid #0a225e
		
	

	}
	.tabnav1{
	
		position:absolute;
	bottom:0;
	left:0; right:0;
	font-size:0;
	z-index:10;

	}
	.tabbt1 {
height:65px;
		
		display:inline-block;
		margin:0px;
	border:0px;
	outline:none !important;

font-family:Roboto Condensed;
text-transform:uppercase;
width:50%;
color:#444;
background:rgba(255,255,255,0.8);


  -webkit-transition: background  0.5s ease-out;
     -moz-transition: background  0.5s ease-out ;
     -o-transition: background  0.5s ease-out;
     transition: background  0.5s ease-out ;
	}
.tabbt1 span {
	display:block;
height:20px;
font-size:20px;
line-height:20px;
border:0px solid;
width:100%;

text-align:center;
padding-top:20px;


}
.tabbt1:hover ,  .tabbt1:focus{
	text-decoration:none;
background:#0a225e;
		color:#fff
}
	.tabula-active {

		background:#0a225e;
		color:#fff
	}