/*  ==================
    1. FONTS
    ==================  */
/* Lato font for the content */
/* Entypo pictograms by Daniel Bruce — www.entypo.com */
@charset "UTF-8";
/*  ==================
    2. ITEM RESET
    ==================  */

#tabbed * {
	vertical-align: baseline;
	box-sizing: border-box;	
}
#tabbed label {
	cursor: pointer;
}
/*#tabbed input[type="radio"] {*/
#tabbed input.tradio{	 
	display: none;
	visibility: hidden;
	opacity: 0;
}
#tabbed a {
	text-decoration: none;
}
#tabbed {
	width: 100%; /* <-- Adjust this value to change the width of the tabs */
	position: relative;
	float: left;
	text-align: left; /* This value positions the tab labels on top. You can set: left, right or center. */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
/*  ==================
    3. MAIN STYLES
    ================== */
/***** Wrapper *********/
#tabbed .wrapper {
	background: #fff;
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	border-top: 3px solid #005AA6;
}
#tabbed .wrappborde{
	border-top: 1px solid #F0F0F0;
}
#tabbed .wrapper > div.contetab {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	padding-top: 15px !important;
	width: 100%;
	background: #fff;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	padding: 0;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
#tabbed .wrapper > div.contetabdescrip {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	padding-top: 15px !important;
	width: 100%;
	background: #F0F0F0;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	padding: 30px 20px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
#tabbed .wrapper > div.contetabdescrip h2{
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
}
#tabbed .wrapper > div.contetabdescrip p{
	font-size: 14px;
	color: #787878;
}
table.tabladescrip{
	border-collapse: collapse;
	margin: 30px 0;
}
table.tabladescrip td{
	padding: 15px 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #333333;
}
table.tabladescrip tr:nth-child(odd) {
  background-color: #ffffff
}

/***** Tab labels *****/
#tabbed input#t-1:checked ~ .wrapper .tab-1,
#tabbed input#t-2:checked ~ .wrapper .tab-2,
#tabbed input#t-3:checked ~ .wrapper .tab-3,
#tabbed input#t-4:checked ~ .wrapper .tab-4,
#tabbed input#t-5:checked ~ .wrapper .tab-5,
#tabbed input#t-6:checked ~ .wrapper .tab-6 {
	position: relative;
	float: left;
	z-index: 10;
	opacity: 1;
	visibility: visible;
}
#tabbed label.tabs {
	display: inline-block;
	background:#005AA6;
	color: #fff;
	font-family:'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	padding: 8px 25px;
	width: auto;
	border-radius: 6px 6px 0 0;
}
#tabbed label.tabsgris {
	display: inline-block;
	background:#DCDCDC;
	color: #555;
	font-family:'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	padding: 18px 25px;
	width: auto;
}
#tabbed label.tabsgris i{
	color: #005aa6;
	font-size: 36px;
}
#tabbed label.tabsgris:hover, #tabbed label.tabsgris:focus{
	background: #F0F0F0
}
#tabbed input:checked + label.tabsgris {
	background: #F0F0F0;
}

#tabbed label.tabs:hover,
#tabbed label.tabs:focus {
	background: #013562;
	color: #fff;
}
#tabbed input:checked + label.tabs {
	background: #013562;
	color: #fff;
}
#tabbed label.tabs:hover,
#tabbed label.tabs:focus,
#tabbed input:checked + label.tabs {
	
}
#tabbed label.tabs:before {
	padding-right: 10px;
}


/*  ==================
    4. LAYOUT
    ==================  */




/***** Helper margins *****/

#tabbed .mt-5 {
	margin-top: 5px;
}
#tabbed .mt-10 {
	margin-top: 10px;
}
#tabbed .mt-15 {
	margin-top: 15px;
}
#tabbed .mt-20 {
	margin-top: 20px;
}
#tabbed .mt-30 {
	margin-top: 30px;
}

/***** Clearfixes *****/

#tabbed .clrfx {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	clear: both;
	content: "";
}

/***** Floats *****/

#tabbed .fl-left {
	float: left;
}
#tabbed .fl-right {
	float: right;
}



/*  ==================
    6. VISUAL CANDIES
    ==================  */

/***** Shadows *****/

#tabbed .wrapper.shadow,
#tabbed input:checked + label.tabs.shadow {
	
}


/*  ==================
    7. MEDIA QUERIES
    ==================  */

/***** Max width 1024px *****/

@media screen and (max-width:1024px){
	#tabbed {
		width: 100%;
	}
	#tabbed label.tabs {
	
	}
}

/***** Max width 800px *****/

@media screen and (max-width:800px){
	#tabbed .wrapper {
		border-top: none
	}
	#tabbed .cell.w-83,
	#tabbed .cell.w-66,
	#tabbed .cell.w-49,
	#tabbed .cell.w-32,
	#tabbed .cell.w-15 {
		width: 100%;
	}
	#tabbed .cell {
		margin: 2% 0;
	}
	#tabbed p.framed-quote:before {
		display: none;
	}
	#tabbed label.tabs {
		width: 100%;
		font-size: 16px;
		text-align: left;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		padding: 12px 25px;
		border-radius: 0;
		border-bottom: 1px solid #0074D2;
	}
	#tabbed label.tabs:before {
		display: inline-block;
		padding: 0;
		width: 30px;
	}
	#tabbed input:checked + label.tabs.shadow {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#tabbed .wrapper.shadow {
		
	}
	#tabbed .fl-right {
		float: left;
	}
	#tabbed iframe {
		height: 380px;
	}
	#tabbed .map {
		width: 100%;
	}
}