/**
 * iTabs v1.3 - 12/09/2016
 * divide of content by tab
 *
 * developed by Wallace Rio <wallrio@gmail.com>
 * wallrio.com
 * 
 * tested on firefox/chrome/opera/ie8/safari
 * 
 */




.itabs.tabFlat{
	display: flex;
	flex-direction: column;
}.itabs.tabFlat [data-rel="tabs"]{	
	order: 2;
	display: flex;
	flex-wrap: wrap;
	background: #EEEEEE;
}.itabs.tabFlat [data-rel="tabs"] > a[data-rel="tab"]{
	display: flex !important;
	/*display: table-cell;*/
	padding: 14px;
	border: 0px;
	margin: 0px;
	box-shadow: none;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	color: #555;
	text-decoration: none;
	padding-bottom: 11px;
	background: #eee;
	text-transform: uppercase;	
	vertical-align: middle;

	
	flex: 0 1 auto;
	justify-items: normal;
}

@media screen and (max-width: 520px){
	.itabs.tabFlat [data-rel="tabs"] > a[data-rel="tab"]{
		min-width: 209px !important;	
	}
}


.itabs.tabFlat [data-rel="tabs"] > a[data-rel="tab"]:hover{
background: #B67B58;
color: #000;
}.itabs.tabFlat [data-rel="tabs"] > a[data-rel="tab"]:active{
	background: #aaa;

	color: #fff;

}.itabs.tabFlat [data-rel="tabs"] > a[data-rel="tab"][disabled="disabled"]{
	pointer-events:none;
	display: inline-table;
	padding: 10px;
	margin-right: -6px;
	background: #ccc;
	color: #A7A7A7;
	box-shadow: 0px 0px 0px 1px #ccc inset;	
}.itabs.tabFlat [data-rel="tabs"] > a[data-rel="tab"][data-status="active"]{
	background: #692b07;
	padding-top: 10px;
	padding-bottom: 6px;
	color: #fff;
	font-weight: bold;
}.itabs.tabFlat [data-rel="tabs"] > a[data-rel="tab"][data-status="active"]:hover{
	background: rgb(105, 43, 7);
}.itabs.tabFlat [data-rel="tabs"] > a[data-rel="tab"][data-status="active"]:active{
	background: #AB8B0B;
}.itabs.tabFlat [data-rel="slides"] {
	margin-top: 15px;
	
}.itabs.tabFlat [data-rel="slides"] [data-rel="slide"]{
	display: block;
	/*display: none;*/
	visibility: hidden;
	padding-top: 0;
	height: 0px;
	overflow: hidden;
}.itabs.tabFlat [data-rel="slides"] [data-rel="slide"][data-status="active"]{
	/*display: table;*/
	visibility: visible;
	height: auto;
}




















.itabs.tabBanner{
	background: #eee;
	height: 400px;
	position: relative;
}.itabs.tabBanner .content{
	/*display: none;*/
	margin:auto; 
	position: relative;
	width: 80% !important;
	height: 100%;
}.itabs.tabBanner .content-banner{
	display: table;
	/*display: table-cell;*/
	/*margin:auto; */
	position: relative;
	width: 68.5% !important;
	height: 100%;
	/*height:400px;*/
	vertical-align: middle;
}

@media (max-width: 990px){    
    .itabs.tabBanner  .content-banner {        
        width: 100% !important;
    }
}

.itabs.tabBanner {

}.itabs.tabBanner *{
	padding: 0px;
	margin: 0px;

}.itabs.tabBanner [data-rel="tabs"]{
	/*border:1px solid red;*/
	position: absolute;
	top: 87%;
	z-index: 10;
}.itabs.tabBanner [data-rel="progress"]{
	display: table;
	width: 100%;
	/*background: rgba(255, 255, 255, 0.55);*/
	height: 2px;
	z-index: 35;
	position: absolute;
	bottom: 0px;

}.itabs.tabBanner [data-rel="progress"]{	
	visibility: hidden;
	/*transition:5000ms !important;*/
}.itabs.tabBanner [data-rel="progress"] span{	
	
	display: table;
	background: green ;
	/*background: #42B51F;*/
	height: 100%;
	width: 0px;
	transition:3000ms ;
	box-shadow: 0px -2px 1px 0px green;
	/*transition:attr(data-delay) !important;*/
}.itabs.tabBanner [data-rel="progress"][data-mode="notransition"] span{	
	transition:0ms !important;
}.itabs.tabBanner [data-rel="progress"][data-status="step-complete"] span{
	width: 100%;	
}.itabs.tabBanner [data-rel="tabs"] a[data-rel="tab"]{
	display: inline-table;
	padding: 10px;
	margin: 0px;
	background: #ccc;
	color: #000;
	box-shadow: 0px 0px 0px 1px #aaa inset;
	cursor: pointer;
	text-decoration: none;
	min-width: 35px;
	text-align: center;
	transition:300ms ;
}.itabs.tabBanner [data-rel="tabs"]  a[data-rel="tab"]:hover{
	display: inline-table;
	padding: 10px;
	margin: 0px;
	background: transparent;
	color: #a48a7d;
	box-shadow: 0px 0px 0px 1px #eee inset,0px 0px 3px -1px #000 inset;
	cursor: pointer;	
}.itabs.tabBanner [data-rel="tabs"]  a[data-rel="tab"]:active{
	display: inline-table;
	padding: 10px;
	margin: 0px;
	background: transparent;
	color: #fff;
	box-shadow: 0px 0px 0px 1px #fff inset;
	cursor: pointer;
}.itabs.tabBanner [data-rel="tabs"]  a[data-rel="tab"][disabled="disabled"]{
	pointer-events:none;
	display: inline-table;
	padding: 10px;
	margin-right: -6px;
	background: #ccc;
	color: #A7A7A7;
	box-shadow: 0px 0px 0px 1px #ccc inset;	
}.itabs.tabBanner [data-rel="tabs"]  a[data-rel="tab"][data-status="active"]{
	/*background: rgba(52, 84, 78,.8);*/

color: #fff;
font-weight: bold;
background-color: rgb(105, 43, 7);
box-shadow: 0px 0px 0px 1px #fff inset;
}.itabs.tabBanner [data-rel="slides"] {	
	border: 0px !important;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	background: #000;
	overflow: hidden;
}.itabs.tabBanner [data-rel="slides"] [data-rel="slide"]{
	display: block;
	/*display: none;*/
	visibility: hidden;
	overflow: hidden;
	opacity: 0;
	height: 0px;
	width: 100% !important;
	transition:all 500ms ease;

	/*transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);*/
}.itabs.tabBanner [data-rel="slides"] [data-rel="slide"][data-status="active"]{
	height: 100%;
	/*height: 400px;*/
	/*display: table;*/
	visibility: visible;
	opacity: 1;
	/*opacity: 0.8;*/
}

@media (max-width: 990px){ 
	.itabs.tabBanner [data-rel="tabs"] {
		top: 340px;
	}
}
@media (max-width: 520px){ 
	.itabs.tabBanner [data-rel="tabs"] {
		top: 140px;
	}
}

@media (max-width: 520px){ 
	.itabs.tabBanner, .itabs.tabBanner .content-banner{
		
		height: 150px !important;
	}	
	.formu {
        position: static !important;   
        padding-top: 0px;   
    }
    .itabs.tabBanner [data-rel="tabs"] {
	    top: 132px;	    	
	}.itabs.tabBanner [data-rel="tabs"] [data-rel="tab"]{
		width: 16px;
		height: 9px;
		display: inline-block !important;
		padding: 0px !important;
		overflow: hidden;
		
		color: transparent !important;
	}.itabs.tabBanner [data-rel="tabs"] a[data-rel="tab"][data-status="active"]{
		width: 16px;
		height: 9px;
		display: inline-block !important;
		padding: 0px !important;
		overflow: hidden;
		background: #D2B02A !important;
		color: transparent !important;
	}
    .itabs.tabBanner [data-rel="progress"]{
    	visibility: hidden;
    }
}