/* --------------------------------------------------- */ /* ---------- ANIMATE TABS PART - IMPORTANT ---------- */ /* --------------------------------------------------- */ @charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%,100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}}@keyframes wobble{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);-ms-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} /* --------------------------------------------------- */ /* -------- RESPONZIVE TABS PART - IMPORTANT --------- */ /* --------------------------------------------------- */ .resp-tabs-list li,h2.resp-accordion{font-size:13px;cursor:pointer}ul.resp-tabs-list{margin:0;padding:0}.resp-tabs-list li{font-weight:600;display:inline-block;padding:13px 15px;margin:0 4px 0 0;list-style:none;float:left}.resp-tabs-container{padding:0;background-color:#fff;clear:left}h2.resp-accordion{display:none}.resp-tab-content{display:none;padding:15px}.resp-accordion-active,.resp-content-active,.resp-easy-accordion h2.resp-accordion,.resp-tab-content-active{display:block}.resp-tab-active{border:1px solid #5AB1D0!important;margin-bottom:-1px!important;padding:12px 14px 14px!important;border-top:4px solid #5AB1D0!important;border-bottom:0 #fff solid!important;background-color:#fff}.resp-tab-content{border:1px solid #c1c1c1;border-top-color:#5AB1D0}h2.resp-accordion{font-size:13px;border:1px solid #c1c1c1;border-top:0 solid #c1c1c1;margin:0;padding:10px 15px}h2.resp-tab-active{border-bottom:0 solid #c1c1c1!important;margin-bottom:0!important;padding:10px 15px!important}h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1!important;background:#00f}.resp-vtabs ul.resp-tabs-list{float:left;width:30%}.resp-vtabs .resp-tabs-list li{display:block;padding:15px!important;margin:0 0 4px;cursor:pointer;float:none}.resp-vtabs .resp-tabs-container{padding:0;background-color:#fff;border:1px solid #c1c1c1;float:left;width:68%;min-height:250px;border-radius:4px;clear:none}.resp-vtabs .resp-tab-content{border:none;word-wrap:break-word}.resp-vtabs li.resp-tab-active{position:relative;z-index:1;margin-right:-1px!important;padding:14px 15px 15px 14px!important;border:1px solid #5AB1D0!important;border-left:4px solid #5AB1D0!important;margin-bottom:4px!important;border-right:1px #FFF solid!important}.resp-arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #c1c1c1}h2.resp-tab-active span.resp-arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #9B9797}h2.resp-tab-active{background:#DBDBDB}.resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1}.resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1}.resp-jfit{width:100%;margin:0}h2.resp-accordion:first-child{border-top:1px solid #c1c1c1}@media only screen and (max-width:768px){ul.resp-tabs-list{display:none}h2.resp-accordion{display:block}.resp-vtabs .resp-tab-content{border:1px solid #C1C1C1}.resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:100px;clear:none}.resp-accordion-closed{display:none!important}.resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1!important}} /* --------------------------------------------------- */ /* ----------- MAIN TABS PART - IMPORTANT ------------ */ /* --------------------------------------------------- */ /* ===================================================== --------------- Horizontal Tabs ------------------ ===================================================== */ .tabs_scroll { height: 500px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .nicescroll-rails { width: 12px !important; background: rgba(0,0,0,0.1) !important; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } /* --------------- Demo 1 ------------------ */ .HorizontalTab.tabs_hor_1 .resp-tabs-list li { display: inline-block; margin: 0 4px 0 0; list-style: none; cursor: pointer; float: left; background-color: rgba(0,0,0,0.6) !important; color: #fff; border: none; padding: 18px; font-size: 14px; font-weight: 500; margin-right: 6px; line-height: 24px; border-radius: 2px 2px 0 0; margin-bottom: 3px !important; } .HorizontalTab.tabs_hor_1 .resp-tabs-list .resp-tab-active { border: 0 !important; margin-bottom: -1px !important; padding: 18px !important; color: #fff !important; } .HorizontalTab.tabs_hor_1 .resp-tabs-list li i { font-size: 16px; margin-right: 8px; } .HorizontalTab.tabs_hor_1 h2.title_contanier { font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 300; color: #999; text-transform: inherit; margin-top: 0px; margin-bottom: 25px; padding-bottom: 25px; padding-top: 12px; line-height: 3px; border-bottom: 1px solid #eee; } .HorizontalTab.tabs_hor_1 .resp-tab-content { border: 0 !important; padding: 33px 30px; -webkit-box-shadow: 9px 9px 0px rgba(50, 50, 50, 0.31); -moz-box-shadow: 9px 9px 0px rgba(50, 50, 50, 0.31); box-shadow: 9px 9px 0px rgba(50, 50, 50, 0.31); } .HorizontalTab.tabs_hor_1 p { color: #434a54; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 15px; } /* --------------- Demo 2 ------------------ */ .HorizontalTab.tabs_hor_2 .resp-tabs-list li { display: inline-block; margin: 0 4px 0 0; list-style: none; cursor: pointer; float: left; background-color: rgba(0,0,0,0.6) !important; color: #fff; border: none; padding: 18px; font-size: 14px; font-weight: 500; margin-right: 6px; line-height: 24px; border-radius: 2px 2px 0 0; margin-bottom: 3px !important; width: 100px; text-align: center; } .HorizontalTab.tabs_hor_2 .resp-tabs-list .resp-tab-active { border: 0 !important; margin-bottom: -1px !important; padding: 18px !important; color: #fff !important; } .HorizontalTab.tabs_hor_2 .resp-tabs-list li i { font-size: 20px; position: relative; display: block; text-align: center; margin-bottom: 8px; } .HorizontalTab.tabs_hor_2 h2.title_contanier { font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 300; color: #999; text-transform: inherit; margin-top: 0px; margin-bottom: 25px; padding-bottom: 25px; padding-top: 12px; line-height: 3px; border-bottom: 1px solid #eee; } .HorizontalTab.tabs_hor_2 .resp-tab-content { border: 0 !important; padding: 33px 30px; -webkit-box-shadow: 9px 9px 0px rgba(50, 50, 50, 0.31); -moz-box-shadow: 9px 9px 0px rgba(50, 50, 50, 0.31); box-shadow: 9px 9px 0px rgba(50, 50, 50, 0.31); } .HorizontalTab.tabs_hor_2 p { color: #434a54; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 15px; } /* --------------- Demo 3 ------------------ */ .HorizontalTab.tabs_hor_3 .resp-tabs-list li { display: inline-block; margin: 0 4px 0 0; list-style: none; cursor: pointer; float: left; color: #fff; border: none; padding: 18px; font-size: 14px; font-weight: 500; margin-right: 6px; line-height: 24px; border-radius: 2px 2px 0 0; margin-bottom: 3px !important; text-align: center; padding: 20px !important; display: block; text-align: center; } .HorizontalTab.tabs_hor_3 .resp-tabs-list .resp-tab-active { border: 0 !important; margin-bottom: -1px !important; padding: 18px !important; background-color: #fff !important; padding: 20px !important; } .HorizontalTab.tabs_hor_3 .resp-tabs-list li:hover { background-color: #fff !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; padding: 20px !important; } .HorizontalTab.tabs_hor_3 .resp-tabs-list li i { font-size: 22px; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; display: inline-block; cursor: pointer; margin: 0; width: 42px !important; height: 42px !important; text-align: center; position: relative; z-index: 2; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; line-height: 43px; background: #fff !important; } .HorizontalTab.tabs_hor_3 .resp-tabs-list li:hover i, .HorizontalTab.tabs_hor_3 .resp-tabs-list .resp-tab-active i { color: #fff !important; transition-property: background-color; transition-duration: 0.3s; transition-timing-function: linear; } .HorizontalTab.tabs_hor_3 .resp-tabs-list li span.tabs-text { display: none; } .HorizontalTab.tabs_hor_3 h2.title_contanier { font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 300; color: #999; text-transform: inherit; margin-top: 0px; margin-bottom: 25px; padding-bottom: 25px; padding-top: 12px; line-height: 3px; border-bottom: 1px solid #eee; } .HorizontalTab.tabs_hor_3 .resp-tab-content { border: 0 !important; padding: 33px 30px; -webkit-box-shadow: 9px 9px 0px rgba(50, 50, 50, 0.31); -moz-box-shadow: 9px 9px 0px rgba(50, 50, 50, 0.31); box-shadow: 9px 9px 0px rgba(50, 50, 50, 0.31); } .HorizontalTab.tabs_hor_3 p { color: #434a54; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 15px; } /* --------------- Demo 4 ------------------ */ .HorizontalTab.tabs_hor_4 .resp-tabs-list li { font-weight: 400; font-size: 14px; display: inline-block; padding: 13px 15px; margin: 0 2px 0 0; list-style: none; cursor: pointer; float: left; border: 0 !important; border-top: 2px solid transparent !important; background-color: #fff !important; color: #000 !important; padding: 17px !important; } .HorizontalTab.tabs_hor_4 .resp-tabs-list .resp-tab-active { border: 0 !important; color: #000 !important; font-weight: 600; background-color: #fafafa !important; padding: 17px !important; } .HorizontalTab.tabs_hor_4 .resp-tabs-list li:hover { border: 0 !important; color: #000 !important; background-color: #fafafa !important; padding: 17px !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .HorizontalTab.tabs_hor_4 .resp-tabs-list li i { font-size: 16px; margin-right: 8px; } .HorizontalTab.tabs_hor_4 h2.title_contanier { font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 300; color: #999; text-transform: inherit; margin-top: 0px; margin-bottom: 25px; padding-bottom: 25px; padding-top: 12px; line-height: 3px; border-bottom: 1px solid #eee; } .HorizontalTab.tabs_hor_4 .resp-tab-content { border: 0 !important; padding: 33px 30px; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; background-color: #fafafa; border: 0; } .HorizontalTab.tabs_hor_4 p { color: #666; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 15px; } /* --------------- Demo 5 ------------------ */ .HorizontalTab.tabs_hor_5 .resp-tabs-list { border-bottom: 1px solid #d9d9d9; height: 62px; } .HorizontalTab.tabs_hor_5 .resp-tabs-list li { font-weight: 400; font-size: 14px; display: inline-block; padding: 13px 15px; margin: 0 2px 0 0; list-style: none; cursor: pointer; float: left; border: 0 !important; border-bottom: 2px solid transparent !important; background-color: transparent !important; color: #000 !important; padding: 17px !important; } .HorizontalTab.tabs_hor_5 .resp-tabs-list .resp-tab-active { border: 0 !important; color: #000 !important; font-weight: 600; background-color: transparent !important; padding: 17px !important; } .HorizontalTab.tabs_hor_5 .resp-tabs-list li:hover { border: 0 !important; color: #000 !important; background-color: transparent !important; padding: 17px !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .HorizontalTab.tabs_hor_5 .resp-tabs-list li i { font-size: 16px; margin-right: 8px; } .HorizontalTab.tabs_hor_5 h2.title_contanier { font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 300; color: #999; text-transform: inherit; margin-top: 0px; margin-bottom: 25px; padding-bottom: 25px; padding-top: 12px; line-height: 3px; border-bottom: 1px solid #eee; display: none; } .HorizontalTab.tabs_hor_5 .resp-tab-content { border: 0 !important; padding: 33px 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; border: 0; } .HorizontalTab.tabs_hor_5 p { color: #666; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 15px; } /* ===================================================== --------------- VerticalTab Tabs ----------------- ===================================================== */ /* --------------- Demo 1 ------------------ */ .VerticalTab.tabs_ver_1 { /*margin-top: 60px !important*/ } .VerticalTab.tabs_ver_1.resp-vtabs ul.resp-tabs-list { float: left; width: 20%; margin-top: 0 !important; } .VerticalTab.tabs_ver_1.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #f9f9f9; border: 0; float: left; width: 80%; min-height: 250px; border-radius: 4px; clear: none; border-radius: 0; } .VerticalTab.tabs_ver_1.resp-vtabs .resp-tabs-container img { display: block; width: 100%; max-width: 350px; height: auto; margin: 0 auto } .VerticalTab.tabs_ver_1.resp-vtabs .resp-tabs-container table { width: 100%; background-color: #eee; border: 1px solid #f9f9f9; margin: 30px 0 0; } .VerticalTab.tabs_ver_1.resp-vtabs .resp-tabs-container table thead tr th { font-size: 14px; font-weight: 400; line-height: 1.2em; text-align: center; padding: 8px 0; border: 1px solid #f9f9f9; } .VerticalTab.tabs_ver_1.resp-vtabs .resp-tabs-container table tbody tr td { font-size: 14px; font-weight: 400; line-height: 1.2em; text-align: center; padding: 8px 0; border: 1px solid #f9f9f9; } .VerticalTab.tabs_ver_1 .resp-tabs-list li { display: block; margin: 0; list-style: none; cursor: pointer; float: none; color: #fff; border: none; padding: 18px !important; font-size: 14px; font-weight: 500; margin-right: 0; line-height: 24px; border-radius: 0; margin-bottom: 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; } .VerticalTab.tabs_ver_1 .resp-tabs-list li:last-child { border-bottom: 0 !important; } .VerticalTab.tabs_ver_1 .resp-tabs-list .resp-tab-active { border: 0 !important; margin-bottom: 0px !important; padding: 18px !important; background-color: #f9f9f9 !important; border-left: 4px solid #00adf1 !important; } .VerticalTab.tabs_ver_1 .resp-tabs-list li:hover { color: #fff !important; padding: 18px !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_1 .resp-tabs-list li i { font-size: 16px; margin-right: 8px; } .VerticalTab.tabs_ver_1 h2.title_contanier { font-family: "Roboto", sans-serif; font-size: 22px; font-weight: 300; color: #999; text-transform: inherit; margin-top: 0px; margin-bottom: 20px; padding-bottom: 16px; padding-top: 12px; line-height: 3px; border-bottom: 1px solid #e6e6e6; } .VerticalTab.tabs_ver_1 p.technical-char { position: relative; display: block; } .VerticalTab.tabs_ver_1 p.technical-char span { display: block; font-size: 16px; font-weight: 300; color: #999; text-transform: inherit; padding: 15px 0; margin: 0; line-height: 3px; border-bottom: 1px dashed #e6e6e6; } .VerticalTab.tabs_ver_1 p.technical-char span span { display: inline-block; float: right; font-weight: 500; border-bottom: 0; color: #00adf1; padding: 0; margin: 0; } .VerticalTab.tabs_ver_1 .resp-tab-content { border: 0 !important; padding: 0 20px; } .VerticalTab.tabs_ver_1 p { color: #999; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 15px; } /* --------------- Demo 2 ------------------ */ .VerticalTab.tabs_ver_2.resp-vtabs ul.resp-tabs-list { float: left; width: 25%; margin-top: 0 !important; float: left; width: 8%; margin-bottom: 10px; } .VerticalTab.tabs_ver_2.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #f4f4f4; border: 0; float: left; width: 89%; min-height: 250px; border-radius: 4px; clear: none; border-radius: 0; margin-left: 13px; } .VerticalTab.tabs_ver_2 .resp-tabs-list li { display: block; margin: 0; list-style: none; cursor: pointer; float: none; color: #fff; padding: 17px !important; font-size: 14px; font-weight: 500; margin-right: 0; line-height: 24px; border-radius: 0; margin-bottom: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); text-align: center; } .VerticalTab.tabs_ver_2 .resp-tabs-list .resp-tab-active { margin-bottom: 0px !important; padding: 17px !important; background-color: #f4f4f4 !important; border: 0 !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); } .VerticalTab.tabs_ver_2 .resp-tabs-list li:hover { background-color: #f4f4f4 !important; padding: 17px !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_2 .resp-tabs-list li i { font-size: 22px; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; display: inline-block; cursor: pointer; margin: 0; width: 42px !important; height: 42px !important; text-align: center; position: relative; z-index: 2; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; line-height: 43px; background: #fff !important; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_2 .resp-tabs-list .resp-tab-active i , .VerticalTab.tabs_ver_2 .resp-tabs-list li:hover i { color: #f4f4f4 !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_2 .resp-tabs-list li span.tabs-text{ display: none; } .VerticalTab.tabs_ver_2 h2.title_contanier { font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 300; color: #999; text-transform: inherit; margin-top: 0px; margin-bottom: 25px; padding-bottom: 25px; padding-top: 12px; line-height: 3px; border-bottom: 1px solid #e6e6e6; } .VerticalTab.tabs_ver_2 .resp-tab-content { border: 0 !important; padding: 33px 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .VerticalTab.tabs_ver_2 p { color: #999; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 15px; } /* --------------- Demo 3 ------------------ */ .VerticalTab.tabs_ver_3.resp-vtabs ul.resp-tabs-list { float: right; margin-top: 0 !important; width: 8%; } .VerticalTab.tabs_ver_3.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #f4f4f4; border: 0; float: left; width: 89%; min-height: 250px; border-radius: 4px; clear: none; border-radius: 0; margin-left: 13px; } .VerticalTab.tabs_ver_3 .resp-tabs-list li { display: block; margin: 0; list-style: none; cursor: pointer; float: none; color: #fff; padding: 17px !important; font-size: 14px; font-weight: 500; margin-right: 0; line-height: 24px; border-radius: 0; margin-bottom: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); text-align: center; } .VerticalTab.tabs_ver_3 .resp-tabs-list .resp-tab-active { margin-bottom: 0px !important; padding: 17px !important; background-color: #f4f4f4 !important; border: 0 !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); } .VerticalTab.tabs_ver_3 .resp-tabs-list li:hover { background-color: #f4f4f4 !important; padding: 17px !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_3 .resp-tabs-list li i { font-size: 22px; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; display: inline-block; cursor: pointer; margin: 0; width: 42px !important; height: 42px !important; text-align: center; position: relative; z-index: 2; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; line-height: 43px; background: #fff !important; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_3 .resp-tabs-list .resp-tab-active i , .VerticalTab.tabs_ver_3 .resp-tabs-list li:hover i { color: #f4f4f4 !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_3 .resp-tabs-list li span.tabs-text{ display: none; } .VerticalTab.tabs_ver_3 h2.title_contanier { font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 300; color: #999; text-transform: inherit; margin-top: 0px; margin-bottom: 25px; padding-bottom: 25px; padding-top: 12px; line-height: 3px; border-bottom: 1px solid #e6e6e6; } .VerticalTab.tabs_ver_3 .resp-tab-content { border: 0 !important; padding: 33px 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .VerticalTab.tabs_ver_3 p { color: #999; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 15px; } /* --------------- Demo 4 ------------------ */ .VerticalTab.tabs_ver_4.resp-vtabs ul.resp-tabs-list { float: left; width: 25%; margin-top: 0 !important; float: left; width: 9%; margin-bottom: 10px; } .VerticalTab.tabs_ver_4.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #f4f4f4; border: 0; float: left; width: 88%; min-height: 250px; border-radius: 4px; clear: none; border-radius: 0; margin-left: 13px; } .VerticalTab.tabs_ver_4 .resp-tabs-list li { display: block; margin: 0; list-style: none; cursor: pointer; float: none; color: #fff; padding: 17px !important; font-size: 14px; font-weight: 500; margin-right: 0; line-height: 24px; border-radius: 0; margin-bottom: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); text-align: center; } .VerticalTab.tabs_ver_4 .resp-tabs-list .resp-tab-active { margin-bottom: 0px !important; padding: 17px !important; background-color: #f4f4f4 !important; border: 0 !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); } .VerticalTab.tabs_ver_4 .resp-tabs-list li:hover { background-color: #f4f4f4 !important; padding: 17px !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_4 .resp-tabs-list li i { font-size: 22px; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; display: inline-block; cursor: pointer; margin: 0; text-align: center; position: relative; z-index: 2; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: block; color: #fff; margin-bottom: 5px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_4 .resp-tabs-list .resp-tab-active i , .VerticalTab.tabs_ver_4 .resp-tabs-list li:hover i { -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_4 .resp-tabs-list li span.tabs-text { display: block; } .VerticalTab.tabs_ver_4 h2.title_contanier { font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 300; color: #999; text-transform: inherit; margin-top: 0px; margin-bottom: 25px; padding-bottom: 25px; padding-top: 12px; line-height: 3px; border-bottom: 1px solid #e6e6e6; } .VerticalTab.tabs_ver_4 .resp-tab-content { border: 0 !important; padding: 33px 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .VerticalTab.tabs_ver_4 p { color: #999; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 15px; } /* --------------- Demo 5 ------------------ */ .VerticalTab.tabs_ver_5.resp-vtabs ul.resp-tabs-list { margin-top: 0 !important; float: right; width: 9%; margin-bottom: 10px; } .VerticalTab.tabs_ver_5.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #f4f4f4; border: 0; float: left; width: 88%; min-height: 250px; border-radius: 4px; clear: none; border-radius: 0; margin-left: 13px; } .VerticalTab.tabs_ver_5 .resp-tabs-list li { display: block; margin: 0; list-style: none; cursor: pointer; float: none; color: #fff; padding: 17px !important; font-size: 14px; font-weight: 500; margin-right: 0; line-height: 24px; border-radius: 0; margin-bottom: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); text-align: center; } .VerticalTab.tabs_ver_5 .resp-tabs-list .resp-tab-active { margin-bottom: 0px !important; padding: 17px !important; background-color: #f4f4f4 !important; border: 0 !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); } .VerticalTab.tabs_ver_5 .resp-tabs-list li:hover { background-color: #f4f4f4 !important; padding: 17px !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_5 .resp-tabs-list li i { font-size: 22px; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; display: inline-block; cursor: pointer; margin: 0; text-align: center; position: relative; z-index: 2; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: block; color: #fff; margin-bottom: 5px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_5 .resp-tabs-list li span.tabs-text { display: block; } .VerticalTab.tabs_ver_5 h2.title_contanier { font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 300; color: #999; text-transform: inherit; margin-top: 0px; margin-bottom: 25px; padding-bottom: 25px; padding-top: 12px; line-height: 3px; border-bottom: 1px solid #e6e6e6; } .VerticalTab.tabs_ver_5 .resp-tab-content { border: 0 !important; padding: 33px 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .VerticalTab.tabs_ver_5 p { color: #999; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 15px; } /* --------------- Demo 6 ------------------ */ .VerticalTab.tabs_ver_6.resp-vtabs ul.resp-tabs-list { float: left; width: 25%; margin-top: 0 !important; float: left; width: 9%; margin-bottom: 10px; } .VerticalTab.tabs_ver_6.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #f4f4f4; border: 0; float: left; width: 88%; min-height: 250px; border-radius: 4px; clear: none; border-radius: 0; margin-left: 13px; } .VerticalTab.tabs_ver_6 .resp-tabs-list li { display: block; margin: 0; list-style: none; cursor: pointer; float: none; color: #fff; padding: 17px !important; font-size: 14px; font-weight: 500; margin-right: 0; line-height: 24px; border-radius: 0; margin-bottom: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); text-align: center; } .VerticalTab.tabs_ver_6 .resp-tabs-list .resp-tab-active { margin-bottom: 0px !important; padding: 17px !important; background-color: #f4f4f4 !important; border: 0 !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); } .VerticalTab.tabs_ver_6 .resp-tabs-list li:hover { background-color: #f4f4f4 !important; padding: 17px !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_6 .resp-tabs-list li i { font-size: 22px; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; display: inline-block; cursor: pointer; margin: 0; text-align: center; position: relative; z-index: 2; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: block; color: #fff; margin-bottom: 5px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_6 .resp-tabs-list li span.tabs-text { display: block; } .VerticalTab.tabs_ver_6 h2.title_contanier { font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 300; color: #999; text-transform: inherit; margin-top: 0px; margin-bottom: 25px; padding-bottom: 25px; padding-top: 12px; line-height: 3px; border-bottom: 1px solid #e6e6e6; } .VerticalTab.tabs_ver_6 .resp-tab-content { border: 0 !important; padding: 33px 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .VerticalTab.tabs_ver_6 p { color: #999; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 15px; } /* ===================================================== --------------- Tabs Responsive ------------------ ===================================================== */ h2.resp-accordion { font-size: 17px; text-transform: uppercase; color: #fff; padding: 0.32em 0em 0.32em 0.70em; margin: 0; list-style: none; cursor: pointer; background: transparent; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; line-height: 0px; cursor: pointer; padding: 10px 15px; border-left: 0 !important; border-right: 0 !important; } h2.resp-tab-active { border: 0 !important; border-bottom: 1px solid #ccc !important; margin-bottom: 0 !important; padding: 10px 15px !important; background: #00adf1 !important; /* Need */ border-left: 0 !important; border-right: 0 !important; } h2.resp-accordion:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1) !important; } h2.resp-accordion .tabs-text { position: relative; top: -3px; left: 10px; font-size: 14px; } .arrow-tabs { float: right; margin-top: 10px; font-size: 18px !important; } h2.resp-accordion .fc_icons { font-size: 22px; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; display: inline-block; cursor: pointer; margin: 0; width: 42px !important; height: 42px !important; text-align: center; position: relative; z-index: 2; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; line-height: 43px; background: #fff !important; } @media only screen and (max-width: 768px){ .resp-vtabs .resp-tabs-container { border: none !important; float: none !important; width: 100% !important; min-height: 250px !important; clear: none !important; } .VerticalTab.tabs_ver_2.resp-vtabs .resp-tabs-container, .VerticalTab.tabs_ver_3.resp-vtabs .resp-tabs-container, .VerticalTab.tabs_ver_4.resp-vtabs .resp-tabs-container, .VerticalTab.tabs_ver_5.resp-vtabs .resp-tabs-container, .VerticalTab.tabs_ver_6.resp-vtabs .resp-tabs-container { margin-left: 0; } } /* --------------------------------------------------- */ /* ----------- COLOR TABS PART - IMPORTANT ----------- */ /* --------------------------------------------------- */ #custumize-style a.switcher, #custumize-style #button-reset a, #custumize-style h1 { background-color: #00adf1; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .preloader .spinner .dot1, .preloader .spinner .dot2 { background: #00adf1; } .btn-pursache:before { background-color: #00adf1; } .demo-header a.current-demo { background: #00adf1; } .HorizontalTab.tabs_hor_1 .resp-tabs-list .resp-tab-active { background-color: #00adf1 !important; } .HorizontalTab.tabs_hor_1 .resp-tabs-list li:hover { background-color: #00adf1 !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .HorizontalTab.tabs_hor_2 .resp-tabs-list .resp-tab-active, .HorizontalTab.tabs_hor_3 .resp-tabs-list li { background-color: #00adf1 !important; } .HorizontalTab.tabs_hor_2 .resp-tabs-list li:hover { background-color: #00adf1 !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .HorizontalTab.tabs_hor_3 .resp-tabs-list .resp-tab-active { color: #00adf1 !important; } .HorizontalTab.tabs_hor_3 .resp-tabs-list li i { color: #00adf1; } .HorizontalTab.tabs_hor_3 .resp-tabs-list li:hover i, .HorizontalTab.tabs_hor_3 .resp-tabs-list .resp-tab-active i { background: #00adf1 !important; } .HorizontalTab.tabs_hor_4 .resp-tabs-list .resp-tab-active, .HorizontalTab.tabs_hor_4 .resp-tabs-list li:hover, .HorizontalTab.tabs_hor_5 .resp-tabs-list .resp-tab-active, .HorizontalTab.tabs_hor_5 .resp-tabs-list li:hover { border-top: 2px solid #00adf1 !important; } .VerticalTab.tabs_ver_1 .resp-tabs-list .resp-tab-active { color: #00adf1 !important; } .VerticalTab.tabs_ver_1 .resp-tabs-list li:hover, .VerticalTab.tabs_ver_2 .resp-tabs-list li, .VerticalTab.tabs_ver_1 .resp-tabs-list li { background-color: #00adf1 !important; } .VerticalTab.tabs_ver_2 .resp-tabs-list .resp-tab-active, .VerticalTab.tabs_ver_2 .resp-tabs-list li:hover { color: #00adf1 !important; } .VerticalTab.tabs_ver_2 .resp-tabs-list li i { color: #00adf1; } .VerticalTab.tabs_ver_2 .resp-tabs-list .resp-tab-active i , .VerticalTab.tabs_ver_2 .resp-tabs-list li:hover i { background: #00adf1 !important; } .VerticalTab.tabs_ver_3 .resp-tabs-list li { background-color: #00adf1 !important; } .VerticalTab.tabs_ver_3 .resp-tabs-list .resp-tab-active, .VerticalTab.tabs_ver_3 .resp-tabs-list li:hover { color: #00adf1 !important; } .VerticalTab.tabs_ver_3 .resp-tabs-list li i { color: #00adf1; } .VerticalTab.tabs_ver_3 .resp-tabs-list .resp-tab-active i , .VerticalTab.tabs_ver_3 .resp-tabs-list li:hover i { background: #00adf1 !important; } .VerticalTab.tabs_ver_4 .resp-tabs-list li { background-color: #00adf1 !important; } .VerticalTab.tabs_ver_4 .resp-tabs-list .resp-tab-active i , .VerticalTab.tabs_ver_4 .resp-tabs-list li:hover i, .VerticalTab.tabs_ver_5 .resp-tabs-list .resp-tab-active, .VerticalTab.tabs_ver_5 .resp-tabs-list li:hover, .VerticalTab.tabs_ver_4 .resp-tabs-list li:hover, .VerticalTab.tabs_ver_4 .resp-tabs-list .resp-tab-active { color: #00adf1 !important; } .VerticalTab.tabs_ver_5 .resp-tabs-list li { background-color: #00adf1 !important; } .VerticalTab.tabs_ver_5 .resp-tabs-list .resp-tab-active i , .VerticalTab.tabs_ver_5 .resp-tabs-list li:hover i , .VerticalTab.tabs_ver_6 .resp-tabs-list .resp-tab-active i , .VerticalTab.tabs_ver_6 .resp-tabs-list li:hover i{ color: #00adf1 !important; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .VerticalTab.tabs_ver_6 .resp-tabs-list li { background-color: #00adf1 !important; } .VerticalTab.tabs_ver_6 .resp-tabs-list .resp-tab-active, .VerticalTab.tabs_ver_6 .resp-tabs-list li:hover { color: #00adf1 !important; } .site-footer .copyright span a:hover, .site-footer .credit a:hover { color: #00adf1; } .nicescroll-cursors { background-color: #00adf1 !important; } h2.resp-accordion .fc_icons { color: #00adf1 !important; } /* h2.resp-accordion { background: #00adf1; } */ /* --------------------------------------------------- */ /* ------------ TOP TABS PART - IMPORTANT ------------ */ /* --------------------------------------------------- */ .pcss3t { margin: 0; padding: 0; border: 0; outline: none; font-size: 0; text-align: left; } .pcss3t > input { position: absolute; display: none; } .pcss3t > label { position: relative; display: inline-block; margin: 0; padding: 0; border: 0; outline: none; cursor: pointer; transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; } .pcss3t > label i { display: block; float: left; margin: 0 8px 0 -2px; padding: 0; border: 0; outline: none; font-family: FontAwesome; font-style: normal; font-size: 17px; } .pcss3t > input:checked + label { cursor: default; } .pcss3t > ul { list-style: none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; border: 0; outline: none; font-size: 13px; } .pcss3t > ul > li { position: absolute; width: 100%; overflow: auto; padding: 30px 0; box-sizing: border-box; -moz-box-sizing: border-box; opacity: 0; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .pcss3t > ul > li > p { padding: 0 20px; } .pcss3t > ul > li > h3 { color: #00adf1; font-weight: 500; padding: 0 20px 0; } .pcss3t > ul > li > h5 { font-weight: 400; padding: 30px 20px 0; } .pcss3t > ul > li > ul > li { display: block; list-style-type: none; font-size: 16px; font-weight: 400; padding: 5px 0 5px 25px; color: #333; } .pcss3t > ul > li > ul > li:before { /*Using a Bootstrap glyphicon as the bullet point*/ content: "\e080"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-top: 5px; margin-left: -17px; color: #00adf1; } .pcss3t > .tab-content-first:checked ~ ul .tab-content-first, .pcss3t > .tab-content-2:checked ~ ul .tab-content-2, .pcss3t > .tab-content-3:checked ~ ul .tab-content-3, .pcss3t > .tab-content-4:checked ~ ul .tab-content-4, .pcss3t > .tab-content-5:checked ~ ul .tab-content-5, .pcss3t > .tab-content-6:checked ~ ul .tab-content-6, .pcss3t > .tab-content-7:checked ~ ul .tab-content-7, .pcss3t > .tab-content-8:checked ~ ul .tab-content-8, .pcss3t > .tab-content-9:checked ~ ul .tab-content-9, .pcss3t > .tab-content-last:checked ~ ul .tab-content-last { position: relative; z-index: 1; top: 0; left: 0; opacity: 1; -webkit-transform: scale(1,1); -webkit-transform: rotate(0deg); } .pcss3t-theme-5 { padding: 15px; border-radius: 5px; background-color: #fff; } .pcss3t-theme-5 > label { padding: 0 20px; margin-right: 10px; margin-bottom: 15px; background: #eeeeee; text-align: center; color: #444; opacity: 1; font-size: 18px; line-height: 49px; border-radius: 3px; border: 1px solid #eeeeee; } .pcss3t-theme-5 > label:hover { background: rgba(255,255,255,0.25); border: 1px solid #00adf1; color: #00adf1; } .pcss3t-theme-5 > input:checked + label { background: #00adf1; color: #fff; border: 1px solid #00adf1; } .pcss3t-theme-5 > input:checked + label:after { content: ''; position: absolute; top: 100%; left: 50%; margin-top: 10px; margin-left: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #00adf1; border-left: 6px solid transparent; background: none; } .pcss3t-theme-5 > ul { min-height: 370px; background: #f9f9f9; margin: 0 -15px -15px; border-radius: 0 0 5px 5px; box-shadow: none; text-align: left; border-top: 3px solid #00adf1 ; } @media screen and (max-width: 768px) { .VerticalTab.tabs_ver_1 h2.title_contanier { margin-top: 20px; } .VerticalTab.tabs_ver_1.resp-vtabs .resp-tabs-container table { margin: 30px 0 30px; } h2.resp-accordion { clear: both; background: #00adf1 !important; } h2.resp-accordion .tabs-text { position: relative; top: 0; left: 0; font-size: 20px; font-weight: 400; line-height: 1.2em; padding: 5px 0 5px 10px; margin: 0; background: #00adf1 !important; } } @media screen and (max-width: 767px) { .pcss3t-theme-5 > input:checked + label:after { display: none; } .pcss3t > label { display: block; } .pcss3t > .right { float: none; } }