/*============================================

Tabion CSS by SONHLAB.com - version 1.12
Website: http://sonhlab.com
Documentation: http://docs.sonhlab.com/tabion-metro-tab-accordion-switcher-css/

============================================*/

.tabs-table-box { margin-top:1px; padding:20px 0; background:rgba(37,37,37,.95);}
.tabs-table-box table.fixed-table { z-index:2; position:relative; margin-left:76px;}
.tabs-table-box table.fixed-table td { font-size:9px;}
.tabs-table-box table.fixed-table-top td { padding-top:0; padding-bottom:0; font-weight:bold;}
.tabs-table-box table.fixed-table-top .tr3 td:not(:first-child) { color:#d7123d;}
.tabs-table-box table.fixed-table-top tr:last-child td { border-bottom:2px solid #333;}

.tabs-table-box table { border-collapse: collapse; border-spacing: 0;}
.tabs-table-box table td { box-sizing:border-box; padding:4px; font-size:10px; text-align:center; border:1px solid #ccc; background:#fff;}
.tabs-table-box table td.title-top { width:185px;}
.tabs-table-box table td.title-top1 { font-size:20px; border-bottom:0;}
.tabs-table-box table td.title-top2 { font-weight:normal; border-top:0;}
.tabs-table-box table td.title { width:185px; text-align:left; padding-left:8px; line-height:1.2em; word-break:break-all;}
.tabs-table-box table td.col { width:44px;}

.tabs-table-box .tab-content table { height:290px;}
.tabs-table-box .tab-content table .standart-row td { height:24px; vertical-align:middle;}
.tabs-table-box .tab-content table .empty-row td { height:auto; padding:0;}

/* Solid Colors */
.solid-lightblue { background:#E4F0F7; }
.solid-blue { background:#00BBE2; }
.solid-blue-2 { background:#2C84EE; }
.solid-darkblue { background:#044E94; }
.solid-violetred { background:#781766; }
.solid-red { background:#E51400;}
.solid-red-2 { background:#E81750; }
.solid-pink { background:#FF539B; }
.solid-purple { background:#D02090; }
.solid-orange { background:#FB8F02; }
.solid-orange-2 { background:#FF6600; }
.solid-orange-3 { background:#DD5F37; }
.solid-coral { background:#CD5B45; }
.solid-lightgreen { background:#F5FFFA; }
.solid-green { background:#67B239; }
.solid-green-2 {background:#96BF01; }
.solid-darkgreen { background:#016C38; }
.solid-olive { background:#999900}
.solid-grass { background:#CDCD00; }
.solid-darkred { background:#5F0000; }
.solid-gold { background:#FEE9AE; }
.solid-yellow { background:#F7D100; }
.solid-black { background:#000; }
.solid-smoke { background:#F5F5F5; }
.solid-white { background:#fff; }
.solid-jade { background:#00CE9B; }
/* End Solid Colors */

/* Transparent Colors */
.transparent-deepsea {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33003564, endColorstr=#33003564);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33003564, endColorstr=#33003564)";/* For IE 8*/
	background: rgba(0,53,100,0.2);/* Modern browser */
}
.transparent-smoke {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f5f5f5, endColorstr=#33f5f5f5);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f5f5f5, endColorstr=#33f5f5f5)";/* For IE 8*/
	background: rgba(245,245,245,0.2);/* Modern browser */
}
.transparent-grass {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CDCD00, endColorstr=#33CDCD00);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CDCD00, endColorstr=#33CDCD00)";/* For IE 8*/
	background: rgba(205,250,0,0.2);/* Modern browser */
}
.transparent-black {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";/* For IE 8*/
	background: rgba(0,0,0,0.2);/* Modern browser */
}
.transparent-red {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF0000, endColorstr=#33FF0000);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF0000, endColorstr=#33FF0000)";/* For IE 8*/
	background: rgba(255,0,0,0.2);/* Modern browser */
}
.transparent-violetred {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33D02090, endColorstr=#33D02090);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33D02090, endColorstr=#33D02090)";/* For IE 8*/
	background: rgba(208,32,144,0.2);/* Modern browser */
}
.transparent-green {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3367B239, endColorstr=#3367B239);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3367B239, endColorstr=#3367B239)";/* For IE 8*/
	background: rgba(103,178,57,0.2);/* Modern browser */
}
.transparent-yellow {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFF00, endColorstr=#33FFFF00);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFF00, endColorstr=#33FFFF00)";/* For IE 8*/
	background: rgba(255,255,0,0.2);/* Modern browser */
}
.transparent-orange { 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FB8F02, endColorstr=#33FB8F02);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FB8F02, endColorstr=#33FB8F02)";/* For IE 8*/
	background: rgba(251,143,2,0.2);/* Modern browser */
}
.transparent-coral {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CD5B45, endColorstr=#33CD5B45);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CD5B45, endColorstr=#33CD5B45)";/* For IE 8*/
	background: rgba(205,91,69,0.2);/* Modern browser */
}
.transparent-wheat {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33EED8AE, endColorstr=#33EED8AE);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33EED8AE, endColorstr=#33EED8AE)";/* For IE 8*/
	background: rgba(238,216,174,0.2);/* Modern browser */
}
.transparent-redwine {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#338B0000, endColorstr=#338B0000);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#338B0000, endColorstr=#338B0000)";/* For IE 8*/
	background: rgba(139,0,0,0.2);/* Modern browser */
}
/* End Transparent Colors */

/* Background Images */
.img-wood { background:#FB8F02 url(../images/bg/wood_pattern.jpg) repeat; }
.img-purtywood { background:#FB8F02 url(../images/bg/purty_wood.jpg) repeat; }
.img-woodtexture { background:#FB8F02 url(../images/bg/wood_texture.jpg) repeat; }
.img-darkwood { background:#000 url(../images/bg/dark_wood.jpg) repeat; }
.img-retinawood { background:#FB8F02 url(../images/bg/retina_wood.png) repeat; }
.img-nastyfabric { background:#999 url(../images/bg/nasty_fabric.png) repeat; }
.img-wildoliva { background:#555 url(../images/bg/wild_oliva.png) repeat; }
.img-darkbrick { background:#555 url(../images/bg/dark_brick_wall.png) repeat; }
.img-navyblue { background:#555 url(../images/bg/navy_blue.png) repeat; }
/* End Background Images */

/*========== END BACKGROUND LIST ==========*/





/*========== START TABION ==========*/
.tabion {
	z-index:1;
	margin:-1px 0 -2px;
	padding:0;
	list-style:none;
	position:relative;
	height:290px;
	overflow:hidden
}
.tabion > li {
	list-style:none;
	display:block;
	position:relative;
	width:960px;
	top:0px;
}

.tabtile-small {
	display:block
	text-align:center;
	cursor:pointer;
	width:70px;
	text-align:right;
	padding-right:6px;
	background: rgba(37,37,37,.95);
}
.tabtile-small:hover { opacity:.8;}
.tabtile-small > i, .tabtile-small > img {
	height:46px !important;
	width:46px !important;
	margin:10px auto;
	position:relative;
	display:block;
}
.tabtile-small > span {
	padding-bottom:0px;
	font-size:14px;
	line-height:1; 
	display:table-cell; vertical-align:middle; width:80px; height:48px;
}
.tabtile-small > span > span { display:block; font-size:10px;}

.tabtile-med {
	width:190px;
	height:90px;
	line-height:90px;
	text-align:center;
	cursor:pointer;
	margin:0 10px 10px 0;
}
.tabtile-med > i, .tabtile-med > img {
	vertical-align: middle;
	margin:auto;
	padding:0px 10px;
	position:relative;
	width:48px;
	height:48px !important;
	line-height:1;
}
.tabtile-med > span {
	vertical-align: middle;
	display:inline;
	font-size:18px;
	line-height:1;
}

.tabtile {
	position:absolute;
	display:inline-block;
}


/* Left Positions */
.pos-left-100 { left:100px; }
.pos-left-200 { left:200px; }
.pos-left-300 { left:300px; }
.pos-left-400 { left:400px; }
.pos-left-500 { left:500px; }
.pos-left-600 { left:600px; }
.pos-left-700 { left:700px; }
.pos-left-800 { left:800px; }
.pos-left-900 { left:900px; }

/* Top Position */
.pos-top-100 { top:50px; }
.pos-top-200 { top:100px; }
.pos-top-300 { top:150px; }
.pos-top-400 { top:200px; }
.pos-top-500 { top:250px; }
.pos-top-600 { top:300px; }
.pos-top-700 { top:350px; }
.pos-top-800 { top:400px; }
.pos-top-900 { top:450px; }


.tab-content {
	position:absolute;
	display:none;
	overflow:hidden;
	left: 76px;
	height:304px;
	background:#fff;
}

.tab-content > p {
	padding:20px 20px 0 20px;
	font-size:16px;
	line-height:1.5;
}
.tab-content > .title {
	font-size:30px;
	font-family:"Dosis",sans-serif;
	text-transform:uppercase;
}


/* Start Clickable Tab */
.tabion > li > input[type=radio]:checked  + div > .tab-content {
	display:block;
}

/* Set Active/InActive Tab Button */
/*.tabtile {  InActive 
	opacity:0.5;
}*/
.tabion > li > input[type=radio]:checked + div > .tabtile { /* Active */
	background: #d7123d;
}
/*.tabion > li > input[type=radio]:checked + div > .tabtile  .light-text { color: #333!important;}*/
.tabion > li > input[type=radio]:checked + div > .active-sd-black {
	box-shadow:0px 0px 6px 3px #111;
	-webkit-box-shadow:0px 0px 6px 3px #111;
	-moz-box-shadow:0px 0px 6px 3px #111;
	-o-box-shadow:0px 0px 6px 3px #111;
	-ms-box-shadow:0px 0px 6px 3px #111;
}

.tabion > li > input[type=radio]:checked + div > .active-sd-white {
	box-shadow:0px 0px 6px 3px #fff;
	-webkit-box-shadow:0px 0px 6px 3px #fff;
	-moz-box-shadow:0px 0px 6px 3px #fff;
	-o-box-shadow:0px 0px 6px 3px #fff;
	-ms-box-shadow:0px 0px 6px 3px #fff;
}
.tabion > li > input[type=radio]:checked + div > .active-sd-blue {
	box-shadow:0px 0px 6px 3px #38D1F7;
	-webkit-box-shadow:0px 0px 6px 3px #38D1F7;
	-moz-box-shadow:0px 0px 6px 3px #38D1F7;
	-o-box-shadow:0px 0px 6px 3px #38D1F7;
	-ms-box-shadow:0px 0px 6px 3px #38D1F7;
}
.tabion > li > input[type=radio]:checked + div > .active-sd-green {
	box-shadow:0px 0px 6px 3px #AACA37;
	-webkit-box-shadow:0px 0px 6px 3px #AACA37;
	-moz-box-shadow:0px 0px 6px 3px #AACA37;
	-o-box-shadow:0px 0px 6px 3px #AACA37;
	-ms-box-shadow:0px 0px 6px 3px #AACA37;
}
.tabion > li > input[type=radio]:checked + div > .active-sd-red {
	box-shadow:0px 0px 6px 3px #E81750;
	-webkit-box-shadow:0px 0px 6px 3px #E81750;
	-moz-box-shadow:0px 0px 6px 3px #E81750;
	-o-box-shadow:0px 0px 6px 3px #E81750;
	-ms-box-shadow:0px 0px 6px 3px #E81750;
}

.tabion > li > input[type=radio]:checked + div > .active-sd-orange {
	box-shadow:0px 0px 6px 3px #FF6600;
	-webkit-box-shadow:0px 0px 6px 3px #FF6600;
	-moz-box-shadow:0px 0px 6px 3px #FF6600;
	-o-box-shadow:0px 0px 6px 3px #FF6600;
	-ms-box-shadow:0px 0px 6px 3px #FF6600;
}



/* CSS3 Animation Effects */
.tabion > li > input + div > .tab-content { opacity:0; display:block!important;
 -webkit-transition: all 2s ease;
 -moz-transition: all 2s ease;
 -o-transition: all 2s ease;
 transition: all 2s ease;
}

.tabion > li > input[type="radio"]:checked + div > .tab-content { opacity:1;}



/* End Clickable Tab */




/* Set Height 
.height-470 { height:470px; }
.height-500 { height:500px; }
.height-600 { height:600px; }*/



/* Close Button */
.closebt {
	position:absolute;
	top:0;
	right:0;
}
.closebt img, .closebt i {
	cursor:pointer;
}


/*===== START RESPONSIVE =====*/

@media screen and (max-width:959px) {

	.tabion {
		width:100%;
		height:auto;
		position:relative;
		overflow:hidden;
	}
	.tabion > li {
		position:relative;
		width:100%;
		height:auto;
	}
	
	.tabtile-small, .tabtile-med {
		text-align:left;
		width:100%;
		height:90px;
		line-height:90px;
		margin:0;
	}
	.tabtile-small > i, .tabtile-small > img, .tabtile-med > i, .tabtile-med > img {
		vertical-align: middle;
		margin:auto;
		padding:0px 10px;
		position:relative;
		width:48px !important;
		height:48px !important;
		line-height:1;
		display:inline-block;
	}
	.tabtile-small > span, .tabtile-med > span {
		vertical-align: middle;
		display:inline;
		font-size:18px;
		line-height:1;
	}

	.tabtile {
		position:relative;
		left:0px;
		top:0px;
	}

	.tab-content {
		position:relative;
		height:auto;
		top:0px;
		left:0px;
	}

}

/*===== END RESPONSIVE =====*/


/*========== END TABION ==========*/




/* MISC */
.clearspace { clear: both; }
.floatleft { float:left !important; }
.floatright { float:right !important; }
.none { display:none !important; }

.light-text {
	color:#fff;
}
.dark-text {
	color:#1e1e1e;
}
.gradient {
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 00%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */
	background: linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */
}