@charset "UTF-8";

/**
*
* -------------------------------------------------------
*
* Template :Advance Tabs For WPBakery Page Builder
* Author : thecodude
* Author URI : http://thecodude.com
*
* -------------------------------------------------------
*
*/

/*-----------------------
    Animation
-------------------------*/
[class*='tcd-animation-'] .tab-pane {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
[class*='tcd-animation-'] .tab-content {overflow: hidden;}
.tcd-animation-fade .tab-pane.active {-webkit-animation-name: tcd-fade;animation-name: tcd-fade;-webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-timing-function: linear !important;animation-timing-function: linear !important;}
.tcd-animation-slide-top .tab-pane.active {-webkit-animation-name: tcd-fade-top;animation-name: tcd-fade-top;}
.tcd-animation-slide-bottom .tab-pane.active {-webkit-animation-name: tcd-fade-bottom;animation-name: tcd-fade-bottom;}
.tcd-animation-slide-left .tab-pane.active {-webkit-animation-name: tcd-fade-left;animation-name: tcd-fade-left;}
.tcd-animation-slide-right .tab-pane.active {-webkit-animation-name: tcd-fade-right;animation-name: tcd-fade-right;}
.tcd-animation-scale-up .tab-pane.active {-webkit-animation-name: tcd-animation-scale-up;animation-name: tcd-animation-scale-up;-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}
.tcd-animation-scale-down .tab-pane.active {-webkit-animation-name: tcd-animation-scale-down;animation-name: tcd-animation-scale-down;}
.tcd-animation-shake .tab-pane.active {-webkit-animation-name: tcd-shake;animation-name: tcd-shake;-webkit-animation-duration: 0.9s;animation-duration: 0.9s;}
.tcd-animation-rotate .tab-pane.active {-webkit-animation-name: tcd-rotate;animation-name: tcd-rotate;-webkit-animation-duration: 0.7s;animation-duration: 0.7s;}
.tcd-animation-scale .tab-pane.active {-webkit-animation-name: tcd-scale;animation-name: tcd-scale;-webkit-animation-duration: 0.7s;animation-duration: 0.7s;}
.tcd-animation-hover:not(:hover),
.tcd-animation-hover:not(:hover) [class*='tcd-animation-'] {-webkit-animation-name: none;animation-name: none;}
.tcd-animation-reverse {-webkit-animation-direction: reverse;animation-direction: reverse;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}

/*-------------------------
    Fade
---------------------------*/
@-webkit-keyframes tcd-fade {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes tcd-fade {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/*---------------------------
    Fade Top
------------------------------*/
@-webkit-keyframes tcd-fade-top {
    0% {opacity: 0;-webkit-transform: translateY(-20%);}
    100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes tcd-fade-top {
    0% {opacity: 0;transform: translateY(-20%);}
    100% {opacity: 1;transform: translateY(0);}
}

/*---------------------------
    Fade Bottom
------------------------------*/
@-webkit-keyframes tcd-fade-bottom {
    0% {opacity: 0;-webkit-transform: translateY(60%);}
    100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes tcd-fade-bottom {
    0% {opacity: 0;transform: translateY(60%);}
    100% {opacity: 1;transform: translateY(0);}
}

/*---------------------------
    Fade Left
------------------------------*/
@-webkit-keyframes tcd-fade-left {
    0% {opacity: 0;-webkit-transform: translateX(-20%);}
    100% {opacity: 1;-webkit-transform: translateX(0);}
}
@keyframes tcd-fade-left {
    0% {opacity: 0;transform: translateX(-20%);}
    100% {opacity: 1;transform: translateX(0);}
}

/*---------------------------
    Fade Right
------------------------------*/
@-webkit-keyframes tcd-fade-right {
    0% {opacity: 0;-webkit-transform: translateX(20%);}
    100% {opacity: 1;-webkit-transform: translateX(0);}
}
@keyframes tcd-fade-right {
    0% {opacity: 0;transform: translateX(20%);}
    100% {opacity: 1;transform: translateX(0);}
}


/*------------------------------
   Scale Up
--------------------------------*/
@-webkit-keyframes tcd-animation-scale-up {
    0% {opacity: 0;-webkit-transform: scale(0.2);}
    100% {opacity: 1;-webkit-transform: scale(1);}
}

@keyframes tcd-animation-scale-up {
    0% {opacity: 0;transform: scale(0.2);}
    100% {opacity: 1;transform: scale(1);}
}

/*---------------------------
    Scale Down
------------------------------*/
@-webkit-keyframes tcd-animation-scale-down {
  0% {opacity: 0;-webkit-transform: scale(1.6);}
  100% {opacity: 1;-webkit-transform: scale(1);}
}
@keyframes tcd-animation-scale-down {
  0% {opacity: 0;transform: scale(1.6);}
  100% {opacity: 1;transform: scale(1);}
}

/*---------------------------
    Rotate
------------------------------*/
@-webkit-keyframes tcd-rotate {
    0% {-webkit-transform: rotate(280deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@keyframes tcd-rotate {
    0% {transform: rotate(280deg);}
    100% {transform: rotate(360deg);}
}

/*---------------------------
    Shake
------------------------------*/
@-webkit-keyframes tcd-shake {
    0%,
    100% {-webkit-transform: translateX(0);}
    10% {-webkit-transform: translateX(-9px);}
    20% {-webkit-transform: translateX(8px);}
    30% {-webkit-transform: translateX(-7px);}
    40% {-webkit-transform: translateX(6px);}
    50% {-webkit-transform: translateX(-5px);}
    60% {-webkit-transform: translateX(4px);}
    70% {-webkit-transform: translateX(-3px);}
    80% {-webkit-transform: translateX(2px);}
    90% {-webkit-transform: translateX(-1px);}
}
@keyframes tcd-shake {
    0%,
    100% {transform: translateX(0);}
    10% {transform: translateX(-9px);}
    20% {transform: translateX(8px);}
    30% {transform: translateX(-7px);}
    40% {transform: translateX(6px);}
    50% {transform: translateX(-5px);}
    60% {transform: translateX(4px);}
    70% {transform: translateX(-3px);}
    80% {transform: translateX(2px);}
    90% {transform: translateX(-1px);}
}

/*-------------------
    Scale
---------------------*/
@-webkit-keyframes tcd-scale {
    0% {-webkit-transform: scale(1.1);}
    100% {-webkit-transform: scale(1);}
}
@keyframes tcd-scale {
    0% {transform: scale(1.1);}
    100% {transform: scale(1);}
}