/**
*
* -------------------------------------------------------
*
* 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: 0px;background-color: #ffffff;border: 0px solid rgba(68, 68, 68, 0.1);  width: 100vw;  }
.tc-tabs-style1 .tc-tab-title {margin: 0 0 15px 0;font-size: 40px;line-height: normal;}
.tc-tabs-style1 .tc-tab-desc {font-size: 18px;}
.tc-tabs-style1 .tab-content {margin-top: 20px;padding-left: 5px;}
.tc-tabs-style1 .nav-tabs {border-bottom: 0;}
.tc-tabs-style1 .nav-tabs li a { border: 0 !important;border-radius: 0;line-height: normal;font-size: 16px;color: #777;font-weight: 600; padding: 12px 40px;margin-right: 4px;margin-bottom: 4px;background: transparent;z-index: 111;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: #0c5adb;-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; }
.tc-tabs-style1 .nav-tabs li a:hover:after {height: 4px; }
.tc-tabs-style1 .nav-tabs li.active a:after {height: 100%; }

/*-----------------------
    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) {
    .tc-vertical-right .nav-tabs {margin-top: 25px;}
    [class*="tc-tabs"] .nav-tabs li {display: inline-block;float: none;}
    .tc-vertical-left.tc-tabs-style8 .nav-tabs li, 
    .tc-vertical-right.tc-tabs-style8 .nav-tabs li {
        margin-right: 15px;
    }
}

@media (max-width: 480px) {
    [class*="tc-tabs"] .nav-tabs li {display: block;width: 100%;}
    [class*="tc-tabs"] .nav-tabs li a {margin-bottom: 10px;}
    [class*="tc-tabs"] .nav-tabs li a {margin-bottom: 10px;}
    .tc-tabs-style8 .nav-tabs li a {margin-bottom: 20px;}
}