/**
 * @author    RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2014 RocketTheme, LLC
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */
/* Tabs Core */
.sprocket-tabs { position: relative;overflow: hidden; margin:0px !important;}
.layout-top.sprocket-tabs ,.layout-bottom.sprocket-tabs{
  border: 1px solid #eeeeee;
}

.tm-block-full-width .sprocket-tabs {
   border:none;
 }

.sprocket-tabs:before, .sprocket-tabs:after {display: table;content: "";*zoom: 1;}
.sprocket-tabs:after {clear: both;}

/* Tabs Nav */
.sprocket-tabs-nav {margin: 0;padding: 0;list-style: none !important;position: relative;z-index: 2;}
.sprocket-tabs-nav {*zoom: 1;}
.sprocket-tabs-nav:before, .sprocket-tabs-nav:after {display: table;content: "";}
.sprocket-tabs-nav:after {clear: both;}
.sprocket-tabs-nav li {float: left;}

.sprocket-tabs-nav > li > .sprocket-tabs-inner {display: block;}
.sprocket-tabs-nav > .active > a {cursor: default;}
.sprocket-tabs-nav li .sprocket-tabs-inner {cursor: pointer;display: block; line-height: 1em;}
.sprocket-tabs-nav .dropdown-menu {margin-top: 1px;border-width: 1px;}
.sprocket-tabs-nav .sprocket-tabs-icon {float: left;margin-right: 5px;}


.layout-top .sprocket-tabs-nav {padding: 5px 5px 0 5px !important;}

/* Tabs Nav - Layout Bottom */
.layout-bottom .sprocket-tabs-nav {border-bottom: 0;padding: 0 5px 5px 5px !important;}
.layout-bottom .sprocket-tabs-nav > li {margin-top: -1px;margin-bottom: 0;}

/* Tabs Nav - Layout Left / Right  */


/* Tabs Content */
.sprocket-tabs-panels > .sprocket-tabs-panel {position: absolute;opacity: 0;height: 0;width: 0;visibility: hidden;}
.sprocket-tabs-panels > .sprocket-tabs-panel.active {position: static;opacity: 1;height: auto;width: 100%;visibility: visible;}
.layout-top.animation-slideandfade .sprocket-tabs-panel, .layout-bottom.animation-slideandfade .sprocket-tabs-panel {margin-left: 200px;}
.layout-top.animation-slideandfade .sprocket-tabs-panel.active, .layout-bottom.animation-slideandfade .sprocket-tabs-panel.active {margin-left: 0;}

/* Tabs - Colors */
.sprocket-tabs-nav {}
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner {}
.layout-bottom .sprocket-tabs-nav {}
.layout-bottom .sprocket-tabs-nav li.active > .sprocket-tabs-inner, .layout-bottom .sprocket-tabs-nav li.active > .sprocket-tabs-inner:hover {}
.layout-bottom .sprocket-tabs-nav > li > .sprocket-tabs-inner:hover {}


/* Transitions */
.sprocket-tabs-nav li .sprocket-tabs-inner {transition: background 0.1s ease-in;-webkit-transition: background 0.1s ease-in;-moz-transition: background 0.1s ease-in;-o-transition: background 0.1s ease-in;}
.animation-slideandfade .sprocket-tabs-panel.active {-webkit-transition: margin 0.3s ease-out, opacity 0.4s ease-in;-moz-transition: margin 0.3s ease-out, opacity 0.4s ease-in;-o-transition: margin 0.3s ease-out, opacity 0.4s ease-in;transition: margin 0.3s ease-out, opacity 0.4s ease-in;}
.animation-fade .sprocket-tabs-panel.active {-webkit-transition: opacity 0.4s ease-in;-moz-transition: opacity 0.4s ease-in;-o-transition: opacity 0.4s ease-in;transition: opacity 0.4s ease-in;}




.tab-center .layout-top .center-tab.uk-container,
.tab-center .layout-bottom .center-tab.uk-container{
   padding: 0; margin: 0;
}
.layout-top .sprocket-tabs-nav li{ margin-bottom: -1px;}
.layout-bottom.sprocket-tabs-nav li{  margin-top: -1px;}

 .layout-top .center-tab,
 .layout-bottom .center-tab{
    padding: 0 !important;
 }

.tab-center .layout-top .center-tab,
.tab-center .layout-bottom .center-tab{
   border: medium none;
    float: right;
    position: relative;
    right: 50%;
    display: flex;
    flex-flow: row wrap;

    padding: 0 !important;
 }


.layout-top .center-tab li,
.layout-bottom .center-tab li{
     position: relative;
     padding: 8px 15px;
     box-shadow:-1px 0 0 rgba(0, 0, 0, 0.09);   -webkit-box-shadow:-1px 0 0 rgba(0, 0, 0, 0.09);
  }
  .layout-top .center-tab li:last-child,
.layout-bottom .center-tab li:last-child{
  box-shadow: 0 0 0 transparent;  -webkit-box-shadow: 0 0 0 transparent;
}

.layout-top .center-tab li{ border-top: 4px solid #e7e7e7;}
.layout-bottom .center-tab li{ border-bottom: 4px solid #e7e7e7;}

.tab-center .layout-top .center-tab li,
.tab-center .layout-bottom .center-tab li{
    right: -50%;
      display: block;
     flex: 1 1 0 !important;
      padding: 8px 13px;
}

.layout-bottom .center-tab li.active{
     box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.05), -2px 3px 3px 0 rgba(0, 0, 0, 0.05);  -webkit-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.05), -2px 3px 3px 0 rgba(0, 0, 0, 0.05);
     background: #fff;
}
.layout-top .center-tab li.active {
    background: #ffffff;
    box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, 0.05), -2px -3px 3px 0 rgba(0, 0, 0, 0.05);   -webkit-box-shadow:2px -3px 3px 0 rgba(0, 0, 0, 0.05), -2px -3px 3px 0 rgba(0, 0, 0, 0.05);
}

 .layout-top .full-w,
 .layout-bottom .full-w{
    background: #f9f9f9;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    width: 100%;
    box-shadow: 0 22px 19px 0 rgba(255, 255, 255, 0.8) inset;    -webkit-box-shadow:  0 22px 19px 0 rgba(255, 255, 255, 0.8) inset;
     display: table;
     padding: 0 !important;
}
.tab-icon{   display: block !important;    float: left;    font-size: 40px;   padding: 12px 0;    text-align: center;    width: 30%;}
.tab-img{ text-align: center;}
.tab-title, .tab-title-center{    display: block;    padding-top: 9px;}
.tab-title{  text-align: left;  }
.tab-title-center{ width: 100%; text-align: center;}
.tab-title-inner{ white-space: nowrap;  font-size: 19px;}
.tab-text{ color: rgba(0,0,0,0.25);  display: block;  line-height: 19px;  padding-top: 10px;}
.dark .tab-text{ color: rgba(255,255,255,0.34); }

/* right $ left tab */
.layout-left .sprocket-tabs-nav, .layout-right .sprocket-tabs-nav {border-bottom: 0;}
.layout-left .sprocket-tabs-nav > li, .layout-right .sprocket-tabs-nav > li {float: none;}
.layout-left .sprocket-tabs-nav > li > .sprocket-tabs-inner {margin-right: -1px; }
.layout-right .sprocket-tabs-nav > li > .sprocket-tabs-inner {margin-left: -1px; }
.layout-left.animation-slideandfade .sprocket-tabs-panel, .layout-right.animation-slideandfade .sprocket-tabs-panel {margin-top: -200px;}
.layout-left.animation-slideandfade .sprocket-tabs-panel.active, .layout-right.animation-slideandfade .sprocket-tabs-panel.active {margin-top: 0;}
.layout-right .sprocket-tabs-nav { border-left: 1px solid #eeeeee;  box-shadow:12px 0 16px -11px rgba(0, 0, 0, 0.05) inset;  -webkit-box-shadow: 12px 0 16px -11px rgba(0, 0, 0, 0.05) inset;}
.layout-left .sprocket-tabs-nav { border-right: 1px solid #eeeeee; box-shadow: -12px 0 16px -11px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: -12px 0 16px -11px rgba(0, 0, 0, 0.05) inset; }
.center-tab li:hover{cursor: pointer;}
.layout-right .center-tab li,
.layout-left .center-tab li{ padding:15px 20px;}

.layout-right .center-tab li{
border: 1px solid transparent;
 border-left:none;
 margin-left: -1px;
   margin-bottom: 5px;
}

.layout-left .center-tab li{
border: 1px solid transparent;
 border-right:none;
 margin-right: -1px;
}

.layout-right .center-tab li.active {
  border:1px solid rgba(0, 0, 0, 0.05);
  border-left:none;
  background: #ffffff;
 }
.layout-left .center-tab li.active {  border:1px solid rgba(0, 0, 0, 0.05);  border-right:none;  background: #ffffff;}
.secondary .layout-right .center-tab li.active, .primary .layout-right .center-tab li.active ,.third .layout-right .center-tab li.active,.fourth .layout-right .center-tab li.active ,.gray .layout-right .center-tab li.active ,.dark .layout-right .center-tab li.active{  background: rgba(0,0,0,0.2);}
.layout-right .center-tab li:hover{  background:rgba(0, 0, 0, 0.02);}
.layout-right .sprocket-tabs-nav .sprocket-tabs-icon{   float: none; margin-left: 10px;}
/* right tab */
.full-tab{  max-width:100%;  position: relative;  width: auto !important;}
.full-tab .full-tab{ margin: 0; max-width: 100%; padding: 0 !important;  width: 100% !important;;}
.tab-transparent .sprocket-tabs{ background-color: transparent ; border:none;}
.tab-transparent .full-w{ background: #f9f9f9 none repeat scroll 0 0;  border-radius: 2px;  box-shadow:0 22px 19px 0 rgba(255, 255, 255, 0.8) inset, 0 0 0 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 22px 19px 0 rgba(255, 255, 255, 0.8) inset, 0 0 0 1px rgba(0, 0, 0, 0.1);  border: none; color: #8e8e8e;}
.tab-transparent .center-tab li{    margin: 0;}
.tab-transparent .center-tab li.active{    box-shadow:-1px 0 0 rgba(0, 0, 0, 0.09) ,1px 0 0 rgba(0, 0, 0, 0.09); -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.09) ,1px 0 0 rgba(0, 0, 0, 0.09);}
.tab-transparent .center-tab{ border-radius: 2px;}

.ie10 .tab-center .layout-top .center-tab li .tab-icon,.ie10 .tab-center .layout-top .center-tab li .tab-title,
.ie10 .tab-center .layout-bottom .center-tab li .tab-icon, .ie10 .tab-center .layout-bottom .center-tab li .tab-title,
.ie9 .tab-center .layout-top .center-tab li .tab-icon,.ie9 .tab-center .layout-top .center-tab li .tab-title,
.ie9 .tab-center .layout-bottom .center-tab li .tab-icon, .ie9 .tab-center .layout-bottom .center-tab li .tab-title{
 display: inline-block;
}

@media (max-width: 960px ){
.tab-center .layout-top .center-tab,
.tab-center .layout-bottom .center-tab{  width: 100%;}
.tab-center .layout-top .full-w, .tab-center .layout-bottom .full-w{  min-height: none;}
.tab-text{   display: none; visibility: hidden;}
.tab-icon {font-size: 32px; padding: 4px 0 0;}

}
@media (max-width: 768px ){
  .tab-title{ display: none;}
 .tab-icon{  float: none;  width: 100%; }
 .layout-right .sprocket-tabs-nav{
   border: none;
   border-bottom:1px solid rgba(0,0,0,0.1);
   box-shadow: none; -webkit-box-shadow:   none;
 }


 .layout-left .sprocket-tabs-nav > li, .layout-right .sprocket-tabs-nav > li{
    border: 1px solid rgba(0, 0, 0, 0.08);
    display: block;
    margin: 0 0 -1px;
    width: 90%;
     }
     .tab-center .layout-top .center-tab li, .tab-center .layout-bottom .center-tab li {
    display: block;
    flex: 0 0 auto !important;
    padding: 8px 13px;
    right: -50%;
    width: 100%;
}
 .layout-right .sprocket-tabs-nav > li.active , .layout-left .sprocket-tabs-nav > li.active{
     box-shadow: 0 4px 0 #00a1e9 inset;  -webkit-box-shadow: 0 4px 0 #00a1e9 inset;    border:1px solid rgba(0,0,0,0.1); border-bottom:none;
 }

}