@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&subset=latin-ext');
@-moz-keyframes fade /* Firefox */{from {opacity: 0;}to {opacity: 1;}}
@-webkit-keyframes fade /* Safari and Chrome */{from {opacity: 0;}to {opacity: 1;}}
@-ms-keyframes fade /* IE10 */{from {opacity: 0;}to {opacity: 1;}}
@keyframes fade{from {opacity: 0;}to {opacity: 1;}}



	#tabs {margin-top: 30px;}
    #tabs .tabs {position: relative;}

    #tabs .tabs,
    .tabs li {
        display: block;
        list-style: none;
        font-size: 16px;
    }

.tab {
    padding:25px 13px;
    margin-top: 7px;
    font-size:1.1em;
	background:#fff;
	color:#000;
	border:1px solid #ddd;
	font-family: 'Lato', sans-serif;
}

#tabs .tabs li.active {

}


    #tabs .tabs,
    #tabs .tabs li a {
        
        padding: 0;
        margin-bottom: 0;
        font-size: 1.2em;
		font-family: 'Lato', sans-serif;
    }

    #tabs .tabs li {
       display: inline;
        white-space: nowrap;
        margin-right: 4px;
    }
    #tabs .tabs li a {
       padding: 8px 30px;
	   font-size: 1.2em;
	   font-weight: bold;
	   color:#fff; 
	   background:#bd0505;
	   font-weight: 600; 
	   text-transform: uppercase;
	   text-decoration:none;
    }
	    #tabs .tabs li a:hover {
       padding: 8px 30px;
	   font-size: 1.2em;
	   font-weight: bold;
	   color:#000; 
	   background:#bd0505;
	   font-weight: 600; 
	   text-transform: uppercase;
	   text-decoration:none;
    }
	
#tabs > i {display: none;}
     
    

 #tabs #switch-tab1:target ~  .tabs li:nth-child(1) a, #tabs #switch-tab2:target ~  .tabs li:nth-child(2) a,
 #tabs #switch-tab3:target ~  .tabs li:nth-child(3) a, #tabs #switch-tab4:target ~  .tabs li:nth-child(4) a, 
 #tabs #switch-tab5:target ~  .tabs li:nth-child(5) a, #tabs #switch-tab6:target ~  .tabs li:nth-child(6) a {
     background:#fff;
	 color:#383838;
	 border:1px solid #ddd;
}
       
 #tabs #switch-tab2 ~  .tab {display: none;}
 #tabs #switch-tab2 ~  #tab-1 {display: block;}
         
        
 #tabs #switch-tab1:target ~  .tab {display: none!important;}
 #tabs #switch-tab1:target ~  #tab-1 {display: block!important;}
                
         
 #tabs #switch-tab2:target ~  .tab {display: none!important;}
 #tabs #switch-tab2:target ~  #tab-2 {display: block!important;}
                
         
 #tabs #switch-tab3:target ~  .tab {display: none!important;}
 #tabs #switch-tab3:target ~  #tab-3 {display: block!important;}
               
#tabs #switch-tab4:target ~  .tab {display: none!important;}
 #tabs #switch-tab4:target ~  #tab-4 {display: block!important;}
               
#tabs #switch-tab5:target ~  .tab {display: none!important;}
 #tabs #switch-tab5:target ~  #tab-5 {display: block!important;}
               
#tabs #switch-tab6:target ~  .tab {display: none!important;}
#tabs #switch-tab6:target ~  #tab-6 {display: block!important;}



@media (max-width:990px){
	.tabs > li > a {display:block;text-align: center;}
	.tabs > li {display:inherit !important;}
	.tab {margin-top:0px;}
	    #tabs .tabs li a {
       padding: 8px 30px;
	   font-size: 1.2em;
	   font-weight: bold;
	   color:#fff; 
	   background:#bd0505;
	   font-weight: 600; 
	   text-transform: uppercase;
	   text-decoration:none;
	   border-bottom:2px solid #fff;
    }
	    #tabs .tabs li a:hover {
       padding: 8px 30px;
	   font-size: 1.2em;
	   font-weight: bold;
	   color:#000; 
	   background:#bd0505;
	   font-weight: 600; 
	   text-transform: uppercase;
	   text-decoration:none;
    }

}



#template #tabs table, .col8.last table, .col12 table  {color:#000;font-size: 1.1em;}
#template #tabs table, #template #tabs th, #template #tabs td, .col8.last th, .col8.last td, .col12 th, .col12 td{border: 1px solid #646464;}
#template #tabs td, .col8.last td, .col12 td{padding: 5px;}
#template #tabs table thead, .col8.last table thead,  .col12 table thead{background-color: #646464;}
#tabs .tabs li a span{display: inline-block !important;}
#template #bannerToShop a img{display: block !important;}

.col8.last table , .col12 table{  width: 80%;
  background-color: #FFFFFF;
  border-collapse: collapse;
  border-width: 1px;
  border-color: #999;
  border-style: solid;
  color: #000000;}

#tabs table{
  width: 50%;
  background-color: #FFFFFF;
  border-collapse: collapse;
  border-width: 1px;
  border-color: #989796;
  border-style: solid;
  color: #000000;
}

#tabs table td, .col8.last table td , .col12 table td{
  border-width: 1px;
  border-color: #989796;
  border-style: solid;
  padding: 10px;
}


 #tabs table th {
  border-width: 1px;
  border-color: #989796;
  border-style: solid;
  padding: 10px;
  color:#fff;
}

#tabs table thead {
  background-color: #050505;
}
#tabs span{font-family: 'Lato', sans-serif; color:#bd0505; font-size: 1.2em;font-weight:bold}