@charset "utf-8";

/**
*
* -------------------------------------------------
*
* Template : UKskins - Uikit Element Packages
* Author : thecodude
* Author URI : http://thecodude.com
*
* --------------------------------------------------
*
**/

/*-----------------------
    Tabs style 1
------------------------*/
.tc-tab-style1 {padding: 20px;background: #ffffff;box-shadow: 0 3px 10px rgba(51, 122, 183, 0.1);}
.tc-tab-style1 .uk-tab {border-bottom: 0;}
.tc-tab-style1 .uk-tab>li>a {border: 0;padding: 8px 12px !important;color: #444;font-weight: 600;transition: all .3s ease;margin-bottom: 0 !important;}
.tc-tab-style1 .uk-tab>li.uk-active>a {background: #eee;color: #444;}
.tc-tab-style1 .uk-tab>li>a:hover {color: #444;background: #eee;}
.tc-tab-style1 .tab-title {font-size: 20px;color: #1a1a1a;}

/*-----------------------
    Tabs style 2
------------------------*/
.tc-tab-style2 {padding: 20px;background: #ffffff;box-shadow: 0 3px 10px rgba(51, 122, 183, 0.1);}
.tc-tab-style2 .uk-tab {border-bottom: 0;}
.tc-tab-style2 .uk-tab>li>a {border: 0;padding: 8px 12px !important;color: #444;font-weight: 600;transition: all .3s ease;margin-bottom: 0 !important;}
.tc-tab-style2 .uk-tab>li.uk-active>a {background: #444;color: #fff;}
.tc-tab-style2 .uk-tab>li>a:hover {color: #fff;background: #444;}
.tc-tab-style2 .tab-title {font-size: 20px;color: #1a1a1a;}

/*-----------------------
    Tabs style 3
------------------------*/
.tc-tab-style3 {padding: 20px;background: #ffffff;box-shadow: 0 3px 10px rgba(51, 122, 183, 0.1);}
.tc-tab-style3 .uk-tab {border-bottom: 0;}
.tc-tab-style3 .uk-tab>li>a {border: 0;margin-right: 15px;padding: 8px 0px !important;color: #666;font-weight: 600;transition: all .3s ease;margin-bottom: 0 !important;position: relative;}
.tc-tab-style3 .uk-tab>li>a:after {content: '';position: absolute;left: 0;bottom: 0;height: 2px;width: 0;background: #444;-webkit-transition: all .4s ease;transition: all .4s ease;}
.tc-tab-style3 .uk-tab>li.uk-active>a:after {width: 100% !important;}
.tc-tab-style3 .uk-tab>li.uk-active>a {color: #444;}
.tc-tab-style3 .uk-tab>li>a:hover {color: #444;background: transparent;}
.tc-tab-style3 .uk-tab>li>a:hover:after {width: 30%;}
.tc-tab-style3 .tab-title {font-size: 20px;color: #1a1a1a;}

/*-----------------------
    Tabs style 4
------------------------*/
.tc-tab-style4 {padding: 20px;background: #1a1a1a;box-shadow: 0 3px 10px rgba(51, 122, 183, 0.1);}
.tc-tab-style4 .uk-tab {border-bottom: 0;}
.tc-tab-style4 .uk-tab>li>a {border: 0;padding: 8px 12px !important;color: #eee;font-weight: 600;transition: all .3s ease;margin-bottom: 0 !important;}
.tc-tab-style4 .uk-tab>li.uk-active>a {background: rgba(255, 255, 255, 0.24);color: #f5f5f5;}
.tc-tab-style4 .uk-tab>li>a:hover {color: #f5f5f5;background: rgba(255, 255, 255, 0.24);}
.tc-tab-style4 .tab-title {font-size: 20px;color: #ccc;border-bottom: 1px solid rgba(153, 153, 153, 0.32);}
.tc-tab-style4 .tab-desc {color: #777;}

/*-----------------------
    Tabs style 5
------------------------*/
.tc-tab-style5 {padding: 20px;background: #ffffff;box-shadow: 0 3px 10px rgba(51, 122, 183, 0.1);}
.tc-tab-style5 .uk-tab {border-bottom: 0;}
.tc-tab-style5 .uk-tab>li>a {border: 0;margin-right: 15px;padding: 8px 0px !important;color: #666;font-weight: 600;transition: all .3s ease;margin-bottom: 0 !important;position: relative;}
.tc-tab-style5 .uk-tab>li>a:after {content: '';position: absolute;left: 0;bottom: 0;height: 1px;width: 0;background: #444;-webkit-transition: all .4s ease;transition: all .4s ease;}
.tc-tab-style5 .uk-tab>li>a:before {content: '';position: absolute;right: 0;top: 0;height: 1px;width: 0;background: #444;-webkit-transition: all .4s ease;transition: all .4s ease;}
.tc-tab-style5 .uk-tab>li.uk-active>a:after {width: 100% !important;}
.tc-tab-style5 .uk-tab>li.uk-active>a:before {width: 100% !important;}
.tc-tab-style5 .uk-tab>li.uk-active>a {color: #444;}
.tc-tab-style5 .uk-tab>li>a:hover {color: #444;background: transparent;}
.tc-tab-style5 .uk-tab>li>a:hover:after {width: 50%;}
.tc-tab-style5 .uk-tab>li>a:hover:before {width: 50%;}
.tc-tab-style5 .tab-title {font-size: 20px;color: #1a1a1a;}

/*-----------------------
    Tabs style 6
------------------------*/
.tc-tab-style6 {padding: 20px;background: #ffffff;box-shadow: 0 3px 10px rgba(51, 122, 183, 0.1);}
.tc-tab-style6 .uk-tab {border-bottom: 0;}
.tc-tab-style6 .uk-tab>li>a {border: 0;padding: 8px 12px !important;color: #444;font-weight: 600;transition: all .3s ease;margin-bottom: 0 !important;}
.tc-tab-style6 .uk-tab>li.uk-active>a {background: #eee;color: #444;}
.tc-tab-style6 .uk-tab>li.uk-active>a:after, 
.tc-tab-style6 .uk-tab>li>a:hover:after {content: '';position: absolute;border: 10px solid transparent;border-top-color: #eeeeee;bottom: -20px;left: 50%;transform: translateX(-50%);transition: all .3s ease;}
.tc-tab-style6 .uk-tab>li>a:hover {color: #444;background: #eee;}
.tc-tab-style6 .tab-title {font-size: 20px;color: #1a1a1a;}