/**
*
* -------------------------------------------------------
*
* Template : ePack - Modern Element Packages
* Author : thecodrops
* Author URI : http://thecodrops.com
*
* -------------------------------------------------------
*
*/

[class*="tc-tabs-"] .nav-tabs li {margin-right: 8px;}

/*-----------------------
    Tabs style 1
-------------------------*/
.tc-tabs-style1 {padding: 20px;background-color: #ffffff; /*border: 1px solid rgba(68, 68, 68, 0.1);*/}
.tc-tabs-style1 .tc-tab-title {margin: 0 0 15px 0;font-size: 20px;line-height: normal;}
.tc-tabs-style1 .tc-tab-desc {font-size: 13px;}
.tc-tabs-style1 .tab-content {margin-top: 26px;padding-left: 5px;    height: 360px;}
.tc-tabs-style1 .nav-tabs {border-bottom: 0;border-bottom:1px solid #ccc;}
.tc-tabs-style1 .nav-tabs li a { width:150px; height:40px; border-radius: 0;line-height: 40px; text-align:center; font-size: 14px; color: #333;font-weight: 600;padding:0;margin-right: 4px;margin-bottom: 0;background: transparent;z-index: 10; border:1px solid #ccc; border-bottom:none; /*box-shadow: 0 1px 4px rgba(221, 221, 221, 0.53);*/position: relative;}
.tc-tabs-style1 .nav-tabs li a:after { content: '';position: absolute;left: 0;bottom: 0;height: 0;width: 100%;background-color: #232323;-webkit-transition: all .4s ease;transition: all .4s ease;z-index: -1;}
.tc-tabs-style1 .nav-tabs li a:hover {color: #444;}
.tc-tabs-style1 .nav-tabs li.active a {color: #fff;border:0;}
.tc-tabs-style1 .nav-tabs li a:hover:after {height: 4px;}
.tc-tabs-style1 .nav-tabs li.active a:after {height: 100%;}

.tab-content ul li {
		float:left;
		border-bottom:1px solid #ccc;
		padding-left:0%;
		padding-right:1%;
		width:46%;
		height:35px;
		line-height:35px;
		margin-left:1%;
		margin-right:2%;
		
}

.tab-content ul li a {
		width:75%;
		height:35px;
		color:#333;
		overflow:hidden;
		display:block;
		float:left;
	
	}
.tab-content #tab1 ul li a:hover {color:#f00;}
.tab-content #tab2 ul li a:hover {color:#ED6A0B;}
.tab-content #tab3 ul li a:hover {color:#009944;}
.tab-content #tab4 ul li a:hover {color:#1D2088;}
	
.tab-content ul li span {
		float:right;
	
	}
	
.tab-content .newmore{margin-top: 26px; margin-left:1%; }
.tab-content #tab1 .newmore a {color:#f00;display: block;}
.tab-content #tab2 .newmore a {color:#ED6A0B;display: block;}
.tab-content #tab3 .newmore a {color:#009944;display: block;}
.tab-content #tab4 .newmore a {color:#1D2088;display: block;}	


/*-----------------------
    Tabs Alignment
-------------------------*/
.tc-align-center .nav-tabs {text-align: center;}
.tc-align-center .nav-tabs li, 
.tc-align-right .nav-tabs li {display: inline-block;float: none;margin-right: 4px;}
.tc-align-right .nav-tabs {text-align: right;}
.tc-tabs-style3.tc-align-center .nav-tabs li a:after {left: 50%;transform: translateX(-50%);}
.tc-tabs-style3.tc-align-right .nav-tabs li a:after, 
.tc-tabs-style3.tc-vertical-right .nav-tabs li a:after, 
.tc-tabs-style7.tc-align-right .nav-tabs li a:after,  
.tc-tabs-style7.tc-vertical-right .nav-tabs li a:after {left: auto;right: 0;}

/*-----------------------
    Tabs Vertical
-------------------------*/
.tc-vertical-left .nav-tabs li, 
.tc-vertical-right .nav-tabs li {margin-right: 0px;}
.tc-vertical-left .nav-tabs li a, 
.tc-vertical-right .nav-tabs li a {width: 100%;margin-bottom: 10px;}
.tc-vertical-right .nav-tabs {text-align: right;padding-right: 0;}
.tc-tabs-style6.tc-vertical-left .nav-tabs li.active a:after, 
.tc-tabs-style6.tc-vertical-left .nav-tabs li a:hover:after {border-top-color: transparent;border-left-color: #f5f5f5;bottom: 50%;left: auto;right: -14px;transform: translateY(50%)}
.tc-tabs-style6.tc-vertical-right .nav-tabs li.active a:after, 
.tc-tabs-style6.tc-vertical-right .nav-tabs li a:hover:after {border-top-color: transparent;border-right-color: #f5f5f5;bottom: 50%;left: -14px;transform: translateY(50%)}
.tc-vertical-left.tc-tabs-style8 .nav-tabs li a, 
.tc-vertical-right.tc-tabs-style8 .nav-tabs li a {margin-bottom: 20px;}

/*-----------------------
    Responsive Medium
-------------------------*/
@media (max-width: 767px) {
	[class*="tc-tabs-"] .nav-tabs li {margin-right: 0;}
    .tc-vertical-right .nav-tabs {margin-top: 25px;}
    [class*="tc-tabs"] .nav-tabs li {display: inline-block;float: none;}
	
	.tc-tabs-style1 .nav-tabs li a { width:120px; height:40px; border-radius: 0;line-height: 40px; text-align:center; font-size: 13px; color: #333;font-weight: 600;padding:0;margin-right: 4px;margin-bottom: 0;background: transparent;z-index: 10; border:1px solid #ccc;border-bottom:none; /*box-shadow: 0 1px 4px rgba(221, 221, 221, 0.53);*/position: relative;}

	.tc-tabs-style1 .tab-content {margin-top: 26px;padding-left: 5px;    height: auto;}
	
	.tab-content ul li {

		border-bottom:1px solid #ccc;
		padding-left:0%;
		padding-right:1%;
		width:100%;
		height:35px;
		line-height:35px;
		margin-left:1%;
		margin-right:2%;
		
	}
	.tab-content ul li a {
		width:85%;
		height:35px;
		color:#333;
		overflow:hidden;
		display:block;
		float:left;
	
	}
	
}

@media (max-width: 480px) {
	[class*="tc-tabs-"] .nav-tabs li {margin-right: 0;}
	
	.tc-tabs-style1 {padding: 0px;background-color: #ffffff; /*border: 1px solid rgba(68, 68, 68, 0.1);*/}
	.tc-tabs-style1 .nav-tabs {border-bottom: 0;border-bottom:0;}
	.tc-tabs-style1 .nav-tabs li a { width:150px; height:40px; border-radius: 0;line-height: 40px; text-align:center; font-size: 14px; color: #333;font-weight: 600;padding:0;margin-right: 4px;margin-bottom: 0;background: transparent;z-index: 10; border:1px solid #ccc;/*box-shadow: 0 1px 4px rgba(221, 221, 221, 0.53);*/position: relative;}
	
    [class*="tc-tabs"] .nav-tabs li {display: block;width: 50%; float:left;}
    [class*="tc-tabs"] .nav-tabs li a {margin-bottom: 10px;}
    [class*="tc-tabs"] .nav-tabs li a {margin-bottom: 10px;}
	
	.tc-tabs-style1 .tab-content {margin-top: 26px;padding-left: 5px;    height: auto;}
	
	.tab-content ul li {

		border-bottom:1px solid #ccc;
		padding-left:0%;
		padding-right:1%;
		width:100%;
		height:35px;
		line-height:35px;
		margin-left:1%;
		margin-right:2%;
		
	}
	.tab-content ul li a {
		width:95%;
		height:35px;
		color:#333;
		overflow:hidden;
		display:block;
		float:left;
	
	}
	.tab-content ul li span {
		display:none;
	
	}
	
	.tab-content .newmore{ margin-top: 26px;padding-left:0px;  }
	
	
}