/* -------------------------------------------------------------------------- */
/* ---- v3.5 - Z-Endless-Dreams - 14/11/2016 ----_-------------------Joseafs--*/
/* -------------------------------------------------------------------------- */
/* Transition time */
/* ----------------------- */
[class*="live-3d"], [class*="live-3d"]:before, [class*="live-3d"]:after{
    -webkit-transition-duration: .3s;
    -webkit-transition: all  ease-in-out .3s;
    transition: all  ease-in-out .3s;
    -moz-transition: all  ease-in-out .3s;
}
/* ----------------------- */
[class*="live-5d"], [class*="live-5d"]:before, [class*="live-5d"]:after{
    -webkit-transition-duration: .5s;
    -webkit-transition: all  ease-in-out .5s;
    transition: all  ease-in-out .5s ;
    -moz-transition: all  ease-in-out .5s;
}
/* ----------------------- */
[class*="live-1s"], [class*="live-1s"]:before, [class*="live-1s"]:after{
    -webkit-transition-duration: 1s;
    -webkit-transition: all  ease-in-out 1s;
    transition: all  ease-in-out 1s ;
    -moz-transition: all  ease-in-out 1s;
}
/* ----------------------- */
[class*="live-1s5d"], [class*="live-1s5d"]:before,[class*="live-1s5d"]:after{
    -webkit-transition-duration: 1.5s;
    -webkit-transition: all  ease-in-out 1.5s;
    transition: all  ease-in-out 1.5s ;
    -moz-transition: all  ease-in-out 1.5s;
}
/* -------------------------------------------------------------------------- */
/* 0s/none */
[class*="op-live"]:active, [class*="op-live"]:active:before, [class*="op-live"]:active:after
{transition: none; -webkit-transition: none; -webkit-transition-duration: 0;}
/* -------------------------------------------------------------------------- */
.effScale:hover{transform: scale(1.05); -webkit-transform: scale(1.05);}
.effScale:active{transform: scale(1.02);-webkit-transform: scale(1.02);}
/* -------------------------------------------------------------------------- */
.effZoom:hover .spy-child{transform: scale(1.05); -webkit-transform: scale(1.05);}
.effZoom:hover .spy-child3x{transform: scale(1.3); -webkit-transform: scale(1.3);}
/*.effZoom:active .spy-child{transform: scale(1.03);-webkit-transform: scale(1.03);}*/
/* -------------------------------------------------------------------------- */
.effRotate:hover .dizzy-child{transform: rotate(360deg); -webkit-transform: rotate(360deg);}
/* -------------------------------------------------------------------------- */
.ripple-wrapper{z-index: 999999;}
.effRippleDark .ripple-wrapper{ background-color: rgba(0,0,0,.3);}
.effRippleRed .ripple-wrapper{ background-color: rgba(228, 29, 48, .3);}
.effRippleBlue .ripple-wrapper{ background-color: rgba(0, 60, 88, .3);}
.effRippleGreen .ripple-wrapper{ background-color: rgba(121, 188, 33, .3);}
/* -------------------------------------------------------------------------- */
.effBtn{box-shadow: 1px 1px 1px 1px #9e9e9e; }
.effBtn:hover{box-shadow: 2px 2px 2px .5px #9e9e9e; }
.effBtn:active{box-shadow: 1px 1px .5px .5px #9e9e9e; }
/* -------------------------------------------------------------------------- */
.effA1{animation: animaScale .6s ease-in-out  5s  infinite alternate;}
/* -------------------------------------------------------------------------- */
.effActv:active{transform: scale(.96);}
/* -------------------------------------------------------------------------- */
.effAinto{position:relative;}
.effAinto .intoIcon {
    top: 0;
    left: 0;
    position: absolute;
}
.effAinto:hover .intoIcon {animation: animaScale .4s ease-in-out infinite alternate;}
/* -------------------------------------------------------------------------- */
.effBlop:hover>div{ transform: translateY(-20px); text-align: center!important;}
/* -------------------------------------------------------------------------- */
.effOpac2 .puny-child{opacity: .2;}
.effOpac4 .puny-child{opacity: .4;}
.effOpac6 .puny-child{opacity: .6;}
.effOpac8 .puny-child{opacity: .8;}
.effOpac9 .puny-child{opacity: .9;}
[class*="effOpac"]:hover .puny-child{opacity: 1!important;}
/* -------------------------------------------------------------------------- */
/* Shadows */
[class*="effShadow"]{position: relative;}
[class*="effShadow"]:after{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.effShadow:hover:after{background-color: rgba(0,0,0, .1)!important;}

.effShadowWrap:hover{box-shadow: 0 0 0 2000px rgba(0,0,0,.07);}
/* -------------------------------------------------------------------------- */
.effBgOpc-dark:hover{background-color: rgba(0,0,0, .1);}
.effBgOpc-dark:active{background-color: rgba(0,0,0, .2);}

/* -------------------------------------------------------------------------- */
/* Colors */
.effGrayscale{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.effGrayscale:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}
/* -------------------------------------------------------------------------- */
.effHouse .shy-child, 
.effNeighbor ~ .shy-child{
    opacity: 0; 
    visibility: hidden;
}
.effHouse:hover .shy-child, .effHouse:focus .shy-child, .effHouse:active .shy-child,
.effNeighbor:hover ~ .shy-child, .effNeighbor:focus ~ .shy-child, .effNeighbor:active ~ .shy-child{
    visibility: visible;
    opacity: 1;
}

.effHouse .cptH-child{max-width: 0; overflow: hidden;}
.effHouse:hover .cptH-child, .effHouse:focus .cptH-child{max-width: 1000px;}

.effHouse .cptV-child{max-height: 0; overflow: hidden;}
.effHouse:hover .cptV-child, .effHouse:focus .cptV-child{max-height: 500px;}
/* -------------------------------------------------------------------------- */
.effMatrix:hover{transform: translateX(7px);}
/* -------------------------------------------------------------------------- */
/* toggle */
.effToggle{
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 40px;
    height: 36px;
}
.effToggle .has-toggle{
    position: absolute;
    width: 80%;
    left: 0;
    height: 4px;
    border-radius: 3px;
    margin: 3px 10%;
    background-color: #fff;    
}
.effToggle .has-toggle:first-child{
    top: 10%;
}
.effToggle .has-toggle:nth-child(2){
    top: 50%;
    margin-top: -2px;
}
.effToggle .has-toggle:nth-child(3){ 
    bottom: 10%;
}
.effToggle.active .has-toggle{ 
    opacity: 0;
}
.effToggle.active .has-toggle:first-child{ 
    opacity: 1;
    transform:  rotate(42deg) translate(6px, 7px);
}
.effToggle.active .has-toggle:nth-child(3){ 
    opacity: 1;
    transform:  rotate(-42deg) translate(6px, -7px);
}
/* toggle-arrow */
.toggle-arrow .has-toggle:first-child{ 
    transform:  rotate(40deg) translate(4px, 2px) scale(.60,1);
}
.toggle-arrow .has-toggle:nth-child(2){opacity: 0;}
.toggle-arrow .has-toggle:nth-child(3){ 
    transform:  rotate(-40deg) translate(4px, -2px) scale(.60,1);
}

/* -------------------------------------------------------------------------- */
/* Anima com @keyframes */

.anm-rotate{
    animation: rotate 10s linear infinite;
    position: absolute;
}

@keyframes rotate{
    from{ transform: rotate(0deg); left:-20%;}
    to{ transform: rotate(720deg);left:100%;}
}
/* -------------------------------------------------------------------------- */
.anm-Pulse:hover{animation: effPulse .2s linear;}
.anmPulse:active{transform: scale(.98);-webkit-transform: scale(.98);}
@keyframes effPulse{
    50%{ transform: scale(1.05);}
    100%{ transform: scale(1);}
}