@import "bootstrap3/mixins";
@import "bootstrap3/variables";

//
// Navs
// --------------------------------------------------

.intense {

  //
  // Navs
  // --------------------------------------------------


  // BASE CLASS
  // ----------

  &.nav {
    margin-left: 0;
    margin-bottom: $line-height-base;
    list-style: none;
  }

  // Make links block level
  &.nav > li > a {
    display: block;
  }
  &.nav > li > a:hover,
  &.nav > li > a:focus {
    text-decoration: none;
    background-color: $gray-lighter;
  }

  // Prevent IE8 from misplacing imgs
  // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
  &.nav > li > a > img {
    max-width: none;
  }

  // Redeclare pull classes because of specifity
  &.nav > .pull-right {
    float: right;
  }

  // Nav headers (for dropdowns and lists)
  &.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: $line-height-base;
    color: $gray-light;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    text-transform: uppercase;
  }
  // Space them out when they follow another list item (link)
  &.nav li + .nav-header {
    margin-top: 9px;
  }

  // NAV LIST
  // --------

  &.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
  }
  &.nav-list > li > a,
  &.nav-list .nav-header {
    margin-left:  -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
  }
  &.nav-list > li > a {
    padding: 3px 15px;
  }
  &.nav-list > .active > a,
  &.nav-list > .active > a:hover,
  &.nav-list > .active > a:focus {
    color: #fff;;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    background-color: $link-color;
  }
  &.nav-list [class^="icon-"],
  &.nav-list [class*=" icon-"] {
    margin-right: 2px;
  }
  // Dividers (basically an hr) within the dropdown
  &.nav-list .divider {
    @include nav-divider();
  }



  // TABS AND PILLS
  // -------------

  // Common styles
  &.nav-tabs,
  &.nav-pills {
    @include clearfix();
  }
  &.nav-tabs > li,
  &.nav-pills > li {
    float: left;
  }

  &.nav-tabs.rtl > li,
  &.nav-pills.rtl > li {
    float: right;
  }

  &.nav-tabs > li > a,
  &.nav-pills > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px; // keeps the overall height an even number
    display: block !important;
    position: static !important;
  }

  // TABS
  // ----

  // Give the tabs something to sit on
  &.nav-tabs {
    border-bottom: 1px solid #ddd;
  }
  // Make the list-items overlay the bottom border
  &.nav-tabs > li {
    margin-bottom: -1px;
  }
  // Actual tabs (as links)
  &.nav-tabs > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: $line-height-base;
    border: 1px solid transparent;
    border-radius: 0;
    &:hover,
    &:focus {
      border-color: $gray-lighter $gray-lighter #ddd;
    }

    h4 {
      margin: 10px 0;
    }
  }
  // Active state, and it's :hover/:focus to override normal :hover/:focus
  &.nav-tabs > .active > a,
  &.nav-tabs > .active > a:hover,
  &.nav-tabs > .active > a:focus {
    color: $gray;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
  }


  // PILLS
  // -----

  // Links rendered as pills
  &.nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 5px;
  }

  // Active state
  &.nav-pills > .active > a,
  &.nav-pills > .active > a:hover,
  &.nav-pills > .active > a:focus {
    color: #fff;;
    background-color: $link-color;
  }



  // STACKED NAV
  // -----------

  // Stacked tabs and pills
  &.nav-stacked > li {
    float: none;
  }
  &.nav-stacked > li > a {
    margin-right: 0; // no need for the gap between nav items
  }

  // Tabs
  &.nav-tabs.nav-stacked {
    border-bottom: 0;
  }
  &.nav-tabs.nav-stacked > li > a {
    border: 1px solid #ddd;
    border-radius: 0;
  }
  &.nav-tabs.nav-stacked > li:first-child > a {
    border-top-radius: 4px;
  }
  &.nav-tabs.nav-stacked > li:last-child > a {
    border-bottom-radius: 4px;
  }
  &.nav-tabs.nav-stacked > li > a:hover,
  &.nav-tabs.nav-stacked > li > a:focus {
    border-color: #ddd;
    z-index: 2;
  }

  // Pills
  &.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px;
  }
  &.nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px; // decrease margin to match sizing of stacked tabs
  }



  // DROPDOWNS
  // ---------

  &.nav-tabs .dropdown-menu {
    border-radius: 0 0 6px 6px; // remove the top rounded corners here since there is a hard edge above the menu
  }
  &.nav-pills .dropdown-menu {
    border-radius: 6px; // make rounded corners match the pills
  }

  // Default dropdown links
  // -------------------------
  // Make carets use linkColor to start
  &.nav .dropdown-toggle .caret {
    border-top-color: $link-color;
    border-bottom-color: $link-color;
    margin-top: 6px;
  }
  &.nav .dropdown-toggle:hover .caret,
  &.nav .dropdown-toggle:focus .caret {
    border-top-color: $nav-link-hover-bg;
    border-bottom-color: $nav-link-hover-bg;
  }
  /* move down carets for tabs */
  &.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px;
  }

  // Active dropdown links
  // -------------------------
  &.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
  &.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: $gray;
    border-bottom-color: $gray;
  }

  // Active:hover/:focus dropdown links
  // -------------------------
  &.nav > .dropdown.active > a:hover,
  &.nav > .dropdown.active > a:focus {
    cursor: pointer;
  }

  // Open dropdowns
  // -------------------------
  &.nav-tabs .open .dropdown-toggle,
  &.nav-pills .open .dropdown-toggle,
  &.nav > li.dropdown.open.active > a:hover,
  &.nav > li.dropdown.open.active > a:focus {
    color: #fff;;
    background-color: $gray-light;
    border-color: $gray-light;
  }
  &.nav li.dropdown.open .caret,
  &.nav li.dropdown.open.active .caret,
  &.nav li.dropdown.open a:hover .caret,
  &.nav li.dropdown.open a:focus .caret {
    border-top-color: #fff;;
    border-bottom-color: #fff;;
    @include opacity(1);
  }

  // Dropdowns in stacked tabs
  &.tabs-stacked .open > a:hover,
  &.tabs-stacked .open > a:focus {
    border-color: $gray-light;
  }



  // TABBABLE
  // --------


  // COMMON STYLES
  // -------------

  // Clear any floats
  &.tabbable {
    @include clearfix();    
  }
  &.tab-content {
    overflow: auto; // prevent content from running below tabs
  }

  &.tabs-bare {
    display: inline-block;
    vertical-align: top;

    .nav-tabs {
       display: none;
    }

    .tab-content {
      padding: 0;
      background: transparent !important;
      // display: inline;
      overflow: visible !important;
    }

    .tab-pane {
      left: 0;
      right: 0;
      background: transparent !important;      
      // display: inline-block;
      // position: absolute !important;
    }
  }

  // Remove border on bottom, left, right
  &.tabs-below > .nav-tabs,
  &.tabs-right > .nav-tabs,
  &.tabs-left > .nav-tabs {
    border-bottom: 0;
  }

  // Show/hide tabbable areas
  // &.tab-content > .tab-pane,
  &.pill-content > .pill-pane {
    display: none;
  }
  &.tab-content > .tab-pane.effeckt-tab-content {
    display: block;
  }
  &.tab-content > .active,
  &.pill-content > .active {
    display: block;
  }


  // BOTTOM
  // ------

  &.tabs-below > .nav-tabs {
    border-top: 0px solid #ddd;
  }
  &.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
  }
  &.tabs-below > .nav-tabs > li > a {
    border-radius: 0;
    &:hover,
    &:focus {
      border-bottom-color: transparent;
      border-top-color: #ddd;
    }
  }
  &.tabs-below > .nav-tabs > .active > a,
  &.tabs-below > .nav-tabs > .active > a:hover,
  &.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #ddd #ddd #ddd;
  }

  // LEFT & RIGHT
  // ------------

  // Common styles
  &.tabs-left > .nav-tabs > li,
  &.tabs-right > .nav-tabs > li {
    float: none;
  }
  &.tabs-left > .nav-tabs > li > a,
  &.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
  }

  // Tabs on the left
  &.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 0px solid #ddd;
  }
  &.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    border-radius: 0;
  }
  &.tabs-left > .nav-tabs > li > a:hover,
  &.tabs-left > .nav-tabs > li > a:focus {
    border-color: $gray-lighter #ddd $gray-lighter $gray-lighter;
  }
  &.tabs-left > .nav-tabs .active > a,
  &.tabs-left > .nav-tabs .active > a:hover,
  &.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #fff;;
  }

  // Tabs on the right
  &.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 0px solid #ddd;
  }
  &.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    border-radius: 0;
  }
  &.tabs-right > .nav-tabs > li > a:hover,
  &.tabs-right > .nav-tabs > li > a:focus {
    border-color: $gray-lighter $gray-lighter $gray-lighter #ddd;
  }
  &.tabs-right > .nav-tabs .active > a,
  &.tabs-right > .nav-tabs .active > a:hover,
  &.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #fff;;
  }



  // DISABLED STATES
  // ---------------

  // Gray out text
  &.nav > .disabled > a {
    color: $gray-light;
  }
  // Nuke hover/focus effects
  &.nav > .disabled > a:hover,
  &.nav > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    cursor: default;
  }



  &.tab-container {

  }

  &.tab-content {
    padding: 30px;
    /* These are required to fix issues with themes that 
    have bootstrap set the display: table and width: 100% */
    display: block;
    width: auto;
    /* end */
  }

  &.nav {
    margin-bottom: 0 !important;
  }

  &.nav-tabs {
    border-bottom: none;
    padding: 0;

    & > li {
      list-style: none !important;
      margin: 0 !important;
    }

    li > a {
      padding: 1px 15px !important;
      border-style: solid;
      border-right-width: 0 !important;
      border-left-width: 0 !important;
      border-bottom-width: 0 !important;
      border-top-width: 3px !important;
      border-color: transparent;
      text-decoration: none !important;
    }
  }
  &.tabs-below > .nav-tabs {
    li > a {
      border-style: solid;
      border-right-width: 0 !important;
      border-left-width: 0 !important;
      border-bottom-width: 3px !important;
      border-top-width: 0 !important;
      border-color: transparent;
    }
  }
  &.tabs-left > .nav-tabs {
    li > a {
      padding: 1px 15px !important;
      border-style: solid;
      border-right-width: 0 !important;
      border-left-width: 3px !important;
      border-bottom-width: 0 !important;
      border-top-width: 0 !important;
      border-color: transparent;
    }
  }
  &.tabs-right > .nav-tabs {
    li > a {
      padding: 1px 15px !important;
      border-style: solid;
      border-right-width: 3px !important;
      border-left-width: 0 !important;
      border-bottom-width: 0 !important;
      border-top-width: 0 !important;
      border-color: transparent;
    }
  }

  &.nav-tabs>.active>a, 
  &.nav-tabs>.active>a:hover, 
  &.nav-tabs>.active>a:focus, 
  &.nav-tabs>li>a:hover {
    border-top-width: 3px;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
  }
  &.tabs-below>.nav-tabs>.active>a, 
  &.tabs-below>.nav-tabs>.active>a:hover, 
  &.tabs-below>.nav-tabs>.active>a:focus, 
  &.tabs-below>.nav-tabs>li>a:hover  {
    border-bottom-width: 3px;
    border-right-width: 0;
    border-left-width: 0;
    border-top-width: 0;
  }
  &.tabs-left>.nav-tabs>.active>a, 
  &.tabs-left>.nav-tabs>.active>a:hover, 
  &.tabs-left>.nav-tabs>.active>a:focus, 
  &.tabs-left>.nav-tabs>li>a:hover  {
    border-left-width: 3px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-top-width: 0;
  }
  &.tabs-right>.nav-tabs>.active>a, 
  &.tabs-right>.nav-tabs>.active>a:hover, 
  &.tabs-right>.nav-tabs>.active>a:focus, 
  &.tabs-right>.nav-tabs>li>a:hover  {
    border-right-width: 3px;
    border-left-width: 0;
    border-bottom-width: 0;
    border-top-width: 0;
  }

  &.tabs-left>.nav-tabs {
    margin-right: 0 !important;
  }

  &.tabs-right>.nav-tabs {
    margin-left: 0 !important;
  }

  &.effeckt-tab-content {
    left: 30px;
    right: 30px;
  }

  &.effeckt-tabs-container {
    overflow: hidden;
  }
  
  &.nav-tabs a > h4 {
    color: #666;
  } 
}

@import "effeckt/tabs.autoprefixed";

.effeckt-tab-content.effeckt-hide {
  pointer-events: none;
}

.effeckt-tabs-wrap[data-effeckt-type='fade'] .effeckt-tab-content.effeckt-hide {
  opacity: 0;
}

.effeckt-tabs-wrap[data-effeckt-type='fade'] .effeckt-tab-content.effeckt-show {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
}

.effeckt-tabs-wrap[data-effeckt-type='none'] .effeckt-tab-content.effeckt-hide {
  opacity: 0;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

.effeckt-tabs-wrap[data-effeckt-type='none'] .effeckt-tab-content.effeckt-show {  
  opacity: 1;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

.effeckt-tab-content.effeckt-hide {
  z-index: 0;  
}

.effeckt-tab-content.effeckt-show  {
  z-index: 1;
}

.effeckt-tabs-wrap[data-effeckt-type='cycle-up'] .effeckt-tab-content.effeckt-hide {
   -webkit-animation: cycleUpHide linear .3s;
  -moz-animation: cycleUpHide linear .3s; 
  -ms-animation: cycleUpHide linear .3s; 
  -o-animation: cycleUpHide linear .3s; 
  animation: cycleUpHide linear .3s; 
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  opacity: 0;
}

.effeckt-tabs-wrap[data-effeckt-type='cycle-up'] .effeckt-tab-content.effeckt-show {  
  -webkit-animation: cycleUp linear .9s;
  -moz-animation: cycleUp linear .9s; 
  -ms-animation: cycleUp linear .9s; 
  -o-animation: cycleUp linear .9s; 
  animation: cycleUp linear .9s;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  //opacity: 1;
}

@-webkit-keyframes cycleUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes cycleUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(25%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes cycleUp {
  0% {
    opacity: 0;
    -o-transform: translateY(25%);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes cycleUp {
  0% {
    opacity: 0;
    transform: translateY(25%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes cycleUpHide {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-25%);
  }
}

@-moz-keyframes cycleUpHide {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(-25%);
  }
}

@-o-keyframes cycleUpHide {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(-25%);
  }
}

@keyframes cycleUpHide {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-25%);
  }
}

.effeckt-tabs-wrap[data-effeckt-type='cycle-down'] .effeckt-tab-content.effeckt-hide {
   -webkit-animation: cycleDownHide linear .3s;
  -moz-animation: cycleDownHide linear .3s; 
  -ms-animation: cycleDownHide linear .3s; 
  -o-animation: cycleDownHide linear .3s; 
  animation: cycleDownHide linear .3s; 
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  opacity: 0;
}

.effeckt-tabs-wrap[data-effeckt-type='cycle-down'] .effeckt-tab-content.effeckt-show {  
  -webkit-animation: cycleDown linear .9s;
  -moz-animation: cycleDown linear .9s; 
  -ms-animation: cycleDown linear .9s; 
  -o-animation: cycleDown linear .9s; 
  animation: cycleDown linear .9s;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  //opacity: 1;
}

@-webkit-keyframes cycleDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-25%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes cycleDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-25%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes cycleDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-25%);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes cycleDown {
  0% {
    opacity: 0;
    transform: translateY(-25%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes cycleDownHide {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(25%);
  }
}

@-moz-keyframes cycleDownHide {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(25%);
  }
}

@-o-keyframes cycleDownHide {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(25%);
  }
}

@keyframes cycleDownHide {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(25%);
  }
}

.effeckt-tabs-wrap[data-effeckt-type='cycle-right'] .effeckt-tab-content.effeckt-hide {
   -webkit-animation: cycleRightHide linear .3s;
  -moz-animation: cycleRightHide linear .3s; 
  -ms-animation: cycleRightHide linear .3s; 
  -o-animation: cycleRightHide linear .3s; 
  animation: cycleRightHide linear .3s; 
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  opacity: 0;
}

.effeckt-tabs-wrap[data-effeckt-type='cycle-right'] .effeckt-tab-content.effeckt-show {  
  -webkit-animation: cycleRight linear .9s;
  -moz-animation: cycleRight linear .9s; 
  -ms-animation: cycleRight linear .9s; 
  -o-animation: cycleRight linear .9s; 
  animation: cycleRight linear .9s;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  //opacity: 1;
}

@-webkit-keyframes cycleRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-25%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes cycleRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-25%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes cycleRight {
  0% {
    opacity: 0;
    -o-transform: translateX(-25%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes cycleRight {
  0% {
    opacity: 0;
    transform: translateX(-25%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes cycleRightHide {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(25%);
  }
}

@-moz-keyframes cycleRightHide {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(25%);
  }
}

@-o-keyframes cycleRightHide {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(25%);
  }
}

@keyframes cycleRightHide {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(25%);
  }
}

.effeckt-tabs-wrap[data-effeckt-type='cycle-left'] .effeckt-tab-content.effeckt-hide {
   -webkit-animation: cycleLeftHide linear .5s;
  -moz-animation: cycleLeftHide linear .5s; 
  -ms-animation: cycleLeftHide linear .5s; 
  -o-animation: cycleLeftHide linear .5s; 
  animation: cycleLeftHide linear .5s; 
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  opacity: 0;
}

.effeckt-tabs-wrap[data-effeckt-type='cycle-left'] .effeckt-tab-content.effeckt-show {  
  -webkit-animation: cycleLeft linear .9s;
  -moz-animation: cycleLeft linear .9s; 
  -ms-animation: cycleLeft linear .9s; 
  -o-animation: cycleLeft linear .9s; 
  animation: cycleLeft linear .9s;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  //opacity: 1;
}

@-webkit-keyframes cycleLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(25%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes cycleLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(25%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes cycleLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(25%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes cycleLeft {
  0% {
    opacity: 0;
    transform: translateX(25%);
  } 
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes cycleLeftHide {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-25%);
  }
}

@-moz-keyframes cycleLeftHide {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(-25%);
  }
}

@-o-keyframes cycleLeftHide {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(-25%);
  }
}

@keyframes cycleLeftHide {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-25%);
  }
}


div.intense.effeckt-tab-content.effeckt-hide, div.intense.effeckt-tab-content.effeckt-show {
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
       -o-backface-visibility: hidden;
          backface-visibility: hidden;          
}

.effeckt-tabs-wrap[data-effeckt-type='flipX'] .effeckt-tabs-container {
  overflow: hidden;
}

.effeckt-tabs-wrap[data-effeckt-type='flipX'] .effeckt-tabs-container .effeckt-tab-content.effeckt-hide {
  -webkit-transform: rotateX(-90deg) scale(1.1);
  -ms-transform: rotateX(-90deg) scale(1.1);
  -o-transform: rotateX(-90deg) scale(1.1);
  transform: rotateX(-90deg) scale(1.1);
  opacity: 0;
}

.effeckt-tabs-wrap[data-effeckt-type='flipX'] .effeckt-tabs-container .effeckt-tab-content.effeckt-show {
  -webkit-transform: rotateX(0deg) scale(1);
  -ms-transform: rotateX(0deg) scale(1);
  -o-transform: rotateX(0deg) scale(1);
  transform: rotateX(0deg) scale(1);
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
}

.effeckt-tabs-wrap[data-effeckt-type='solid-flipX'] .effeckt-tabs-container .effeckt-tab-content {
  -webkit-transition: -webkit-transform 1s;
   -moz-transition: -moz-transform 1s;
     -o-transition: -o-transform 1s;
        transition: transform 1s;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: center center;
     -moz-transform-origin: center center;
       -o-transform-origin: center center;
          transform-origin: center center;  
}

.effeckt-tabs-wrap[data-effeckt-type='solid-flipX'] .effeckt-tabs-container .effeckt-tab-content.effeckt-hide { 
  -webkit-transform: rotateX( 180deg ) scale(1.2);
     -moz-transform: rotateX( 180deg ) scale(1.2);
       -o-transform: rotateX( 180deg ) scale(1.2);
          transform: rotateX( 180deg ) scale(1.2);  
}

.effeckt-tabs-wrap[data-effeckt-type='solid-flip'] .effeckt-tabs-container .effeckt-tab-content.effeckt-show {
  
}

.effeckt-tabs-wrap[data-effeckt-type='swing-flip'] .effeckt-tabs-container .effeckt-tab-content {
  -webkit-transition: -webkit-transform 1s;
   -moz-transition: -moz-transform 1s;
     -o-transition: -o-transform 1s;
        transition: transform 1s;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: right center;
     -moz-transform-origin: right center;
       -o-transform-origin: right center;
          transform-origin: right center;          
}

.effeckt-tabs-wrap[data-effeckt-type='swing-flip'] .effeckt-tabs-container .effeckt-tab-content.effeckt-hide {
  -webkit-transform: translateX( -100% ) rotateY( -180deg );
     -moz-transform: translateX( -100% ) rotateY( -180deg );
       -o-transform: translateX( -100% ) rotateY( -180deg );
          transform: translateX( -100% ) rotateY( -180deg );
 
}

.effeckt-tabs-wrap[data-effeckt-type='swing-flip'] .effeckt-tabs-container .effeckt-tab-content.effeckt-show {
  
}

.effeckt-tabs-wrap[data-effeckt-type='pinch-flip'] .effeckt-tabs-container .effeckt-tab-content {
  -webkit-transition: -webkit-transform 1s;
   -moz-transition: -moz-transform 1s;
     -o-transition: -o-transform 1s;
        transition: transform 1s;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: center center;
     -moz-transform-origin: center center;
       -o-transform-origin: center center;
          transform-origin: center center;
}

.effeckt-tabs-wrap[data-effeckt-type='pinch-flip'] .effeckt-tabs-container .effeckt-tab-content.effeckt-hide { 
  -webkit-transform: rotateY( 180deg ) scale(.3);
     -moz-transform: rotateY( 180deg ) scale(.3);
       -o-transform: rotateY( 180deg ) scale(.3);
          transform: rotateY( 180deg ) scale(.3);  
}

.effeckt-tabs-wrap[data-effeckt-type='pinch-flip'] .effeckt-tabs-container .effeckt-tab-content.effeckt-show {
  
}