/* -------------------------------------- ========================================= 1. Plugin CSS ========================================= -----------------------------------------*/ /*--------------------------------------- 1.1 Animate CSS -----------------------------------------*/ .animated{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-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%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.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:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.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:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.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}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-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) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,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-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;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%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) 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;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;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:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;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:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;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:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;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:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{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:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{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:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,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%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,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;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideDown{0%{-moz-transform:translateY(-100%)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideDown{0%{-o-transform:translateY(-100%)}100%{-o-transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}.animated.slideDown{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-100%)}}@-moz-keyframes slideUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-100%)}}@-o-keyframes slideUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-100%)}}@keyframes slideUp{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.animated.slideUp{-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp} /*--------------------------------------- 1.2 Magnific Popup CSS -----------------------------------------*/ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}.mfp-with-zoom.mfp-ready.mfp-bg{opacity:.7}.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0} /*--------------------------------------- 1.3 Jscrollpane CSS -----------------------------------------*/ .ps-container{overflow:hidden !important}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999} /*--------------------------------------- 1.4 jQuery.mmenu CSS -----------------------------------------*/ .mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu > .mm-panel{margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-menu{background:inherit;display:block;overflow:hidden;padding:0}.mm-panel{-webkit-transition:-webkit-transform .4s ease;-moz-transition:-moz-transform .4s ease;-ms-transition:-ms-transform .4s ease;-o-transition:-o-transform .4s ease;transition:transform .4s ease;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-panel.mm-opened{-webkit-transform:translate3d(0%,0,0);-moz-transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate3d(-30%,0,0);-moz-transform:translate3d(-30%,0,0);-ms-transform:translate3d(-30%,0,0);-o-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel.mm-highest{z-index:1}.mm-menu > .mm-panel{background:inherit;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:0 20px}.mm-menu > .mm-panel.mm-hasheader{padding-top:40px}.mm-menu > .mm-panel:before,.mm-menu > .mm-panel:after{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}.mm-vertical .mm-listview .mm-panel,.mm-listview .mm-vertical .mm-panel{display:none;padding:10px 0 10px 10px}.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened > .mm-panel,li.mm-vertical.mm-opened > .mm-panel{display:block}.mm-vertical .mm-listview > li > .mm-next,.mm-listview > li.mm-vertical > .mm-next{height:40px;bottom:auto}.mm-vertical .mm-listview > li > .mm-next:after,.mm-listview > li.mm-vertical > .mm-next:after{top:16px;bottom:auto}.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,.mm-listview > li.mm-vertical.mm-opened > .mm-next:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.mm-header{border-bottom:1px solid transparent;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-header > a{text-decoration:none;display:block;padding:10px 0}.mm-header .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-header .mm-btn{box-sizing:border-box;width:40px;height:40px;position:absolute;top:0;z-index:1}.mm-header .mm-btn:first-child{padding-left:20px;left:0}.mm-header .mm-btn:last-child{padding-right:20px;right:0}.mm-listview,.mm-listview > li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px}.mm-listview a,.mm-listview a:hover{text-decoration:none}.mm-listview > li{position:relative}.mm-listview > li > a,.mm-listview > li > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;line-height:20px;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listview > li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:0;right:0;bottom:0;left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}.mm-listview .mm-next + a,.mm-listview .mm-next + span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen + a,.mm-listview .mm-next.mm-fullsubopen + span{padding-right:50px;margin-right:0}.mm-menu > .mm-panel > .mm-listview{margin-left:-20px;margin-right:-20px}.mm-menu > .mm-panel > .mm-listview.mm-first{margin-top:-20px}.mm-menu > .mm-panel > .mm-listview.mm-last{padding-bottom:20px}.mm-prev:before,.mm-next:after{content:'';border:2px solid transparent;display:inline-block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-prev:before{border-right:none;border-bottom:none;left:20px}.mm-next:after{border-top:none;border-left:none;right:20px}.mm-divider{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}.mm-listview > li.mm-spacer{padding-top:40px}.mm-listview > li.mm-spacer > .mm-next{top:40px}.mm-listview > li.mm-spacer.mm-divider{padding-top:25px}.mm-menu{background:#f3f3f3;color:rgba(0,0,0,0.7)}.mm-menu .mm-header{border-color:rgba(0,0,0,0.1)}.mm-menu .mm-header > a{color:rgba(0,0,0,0.3)}.mm-menu .mm-header .mm-btn:before,.mm-menu .mm-header .mm-btn:after{border-color:rgba(0,0,0,0.3)}.mm-menu .mm-listview > li:after{border-color:rgba(0,0,0,0.1)}.mm-menu .mm-listview > li > a.mm-prev,.mm-menu .mm-listview > li > a.mm-next{color:rgba(0,0,0,0.3)}.mm-menu .mm-listview > li > a.mm-prev:before,.mm-menu .mm-listview > li > a.mm-next:after{border-color:rgba(0,0,0,0.3)}.mm-menu .mm-listview > li > a.mm-prev:after,.mm-menu .mm-listview > li > a.mm-next:before{border-color:rgba(0,0,0,0.1)}.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),.mm-menu .mm-listview > li.mm-selected > span{background:rgba(255,255,255,0.5)}.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next,.mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel,.mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next,.mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel{background:rgba(0,0,0,0.05)}.mm-menu .mm-divider{background:rgba(0,0,0,0.05)}.mm-page{box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;-ms-transition:-ms-transform .4s ease;transition:transform .4s ease}html.mm-opened{overflow:hidden;position:relative}html.mm-opened body{overflow:hidden}html.mm-opened .mm-page{min-height:100vh}html.mm-background .mm-page{background:inherit}#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999}html.mm-opened #mm-blocker,html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{display:none;position:fixed}.mm-menu.mm-current{display:block}.mm-menu{width:80%;min-width:140px;max-width:440px}html.mm-opening .mm-slideout{-webkit-transform:translate(80%,0);-moz-transform:translate(80%,0);-ms-transform:translate(80%,0);-o-transform:translate(80%,0);transform:translate(80%,0)}@media all and (max-width: 175px){html.mm-opening .mm-slideout{-webkit-transform:translate(140px,0);-moz-transform:translate(140px,0);-ms-transform:translate(140px,0);-o-transform:translate(140px,0);transform:translate(140px,0)}}@media all and (min-width: 550px){html.mm-opening .mm-slideout{-webkit-transform:translate(440px,0);-moz-transform:translate(440px,0);-ms-transform:translate(440px,0);-o-transform:translate(440px,0);transform:translate(440px,0)}}.mm-menu.mm-top.mm-autoheight,.mm-menu.mm-bottom.mm-autoheight{max-height:80%}.mm-menu.mm-top.mm-autoheight.mm-fullscreen,.mm-menu.mm-bottom.mm-autoheight.mm-fullscreen{max-height:100%}.mm-menu.mm-measureheight > .mm-panel{bottom:auto!important;height:auto!important}.mm-buttonbar{border:1px solid transparent;border-radius:5px;text-align:center;line-height:20px;overflow:hidden;display:block;padding:0;margin:0;position:relative}.mm-buttonbar:after{content:'';display:block;clear:both}.mm-buttonbar > *{border-left:1px solid transparent;box-sizing:border-box;display:block;width:100%;height:100%;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-buttonbar > a{text-decoration:none}.mm-buttonbar > input{position:absolute;left:-1000px;top:-1000px}.mm-buttonbar > input:checked + label{border-color:transparent!important}.mm-buttonbar > :first-child,.mm-buttonbar > input:first-child + *{border-left:none}.mm-buttonbar.mm-buttonbar-2 > *{width:50%}.mm-buttonbar.mm-buttonbar-3 > *{width:33.33%}.mm-buttonbar.mm-buttonbar-4 > *{width:25%}.mm-buttonbar.mm-buttonbar-5 > *{width:20%}.mm-header .mm-buttonbar{margin-top:0;margin-left:-30px;margin-right:-30px}.mm-footer .mm-buttonbar{border:none;border-radius:none;line-height:40px;margin:-10px -10px 0 -20px}.mm-footer .mm-buttonbar > *{border-left:none}.mm-listview > li > .mm-buttonbar{margin:10px 20px}.mm-menu .mm-buttonbar{border-color:rgba(0,0,0,0.7);background:#f3f3f3}.mm-menu .mm-buttonbar > *{border-color:rgba(0,0,0,0.7)}.mm-menu .mm-buttonbar > input:checked + label{background:rgba(0,0,0,0.7);color:#f3f3f3}em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:50px;top:50%}em.mm-counter + a.mm-next{padding-left:40px}em.mm-counter + a.mm-next + a,em.mm-counter + a.mm-next + span{margin-right:90px}em.mm-counter + a.mm-fullsubopen{padding-left:0}.mm-vertical > .mm-counter{top:12px;margin-top:0}.mm-vertical.mm-spacer > .mm-counter{margin-top:40px}.mm-nosubresults > .mm-counter{display:none}.mm-menu em.mm-counter{color:rgba(0,0,0,0.3)}html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-page,html.mm-opened.mm-dragging .mm-fixed-top,html.mm-opened.mm-dragging .mm-fixed-bottom,html.mm-opened.mm-dragging #mm-blocker{-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0}.mm-footer{background:inherit;border-top:1px solid transparent;text-align:center;line-height:20px;box-sizing:border-box;width:100%;height:40px;padding:10px 20px;position:absolute;z-index:3;bottom:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-hasfooter > .mm-panel{bottom:40px}.mm-menu .mm-footer{border-color:rgba(0,0,0,0.1);color:rgba(0,0,0,0.3)}.mm-menu > .mm-header{background:inherit;z-index:3;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu > .mm-header .mm-close:after{content:'x'}.mm-menu.mm-hassearch > .mm-header{top:40px}.mm-menu.mm-hasheader .mm-panel .mm-header{display:none}.mm-menu.mm-hasheader .mm-panel,.mm-menu.mm-hasheader .mm-fixeddivider{top:40px}.mm-menu.mm-hasheader.mm-hassearch .mm-panel,.mm-menu.mm-hasheader.mm-hassearch .mm-fixeddivider{top:80px}.mm-divider > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px}.mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.mm-collapsed:not(.mm-uncollapsed){display:none}.mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-fixeddivider:after{content:none!important;display:none!important}.mm-hasdividers .mm-fixeddivider{display:block}.mm-menu .mm-fixeddivider span{background:rgba(0,0,0,0.05)}.mm-search,.mm-search input{box-sizing:border-box}.mm-menu > .mm-search{background:inherit;z-index:3;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-search{height:40px;width:100%;padding:10px 10px 0;position:absolute;top:0;left:0}.mm-search input{border:none;border-radius:25px;font:inherit;font-size:14px;line-height:25px;outline:none;display:block;width:100%;height:25px;margin:0;padding:0 10px}.mm-search input::-ms-clear{display:none}.mm-panel.mm-hassearch{padding-top:40px}.mm-panel.mm-hassearch.mm-hasheader{padding-top:80px}.mm-panel.mm-hassearch.mm-hasheader .mm-search{top:40px}.mm-noresultsmsg{text-align:center;font-size:21px;display:none;padding:40px 0}.mm-noresults .mm-noresultsmsg{display:block}.mm-noresults .mm-indexer{display:none!important}.mm-menu li.mm-nosubresults > a.mm-next{display:none}.mm-menu li.mm-nosubresults > a.mm-next + a,.mm-menu li.mm-nosubresults > a.mm-next + span{padding-right:10px}.mm-menu.mm-hassearch .mm-panel,.mm-menu.mm-hassearch .mm-fixeddivider{top:40px}.mm-menu .mm-search input{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.7)}.mm-menu .mm-noresultsmsg{color:rgba(0,0,0,0.3)}.mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:10px;bottom:10px;right:-100px;z-index:3;-webkit-transition:right .4s ease;-moz-transition:right .4s ease;-ms-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-indexer a{text-decoration:none;display:block;height:3.71%}.mm-indexer ~ .mm-panel.mm-hasindexer{padding-right:40px}.mm-hasindexer .mm-indexer{right:0}.mm-hasindexer .mm-fixeddivider{right:20px}.mm-hasheader .mm-indexer{top:50px}.mm-hasfooter .mm-indexer{bottom:50px}.mm-hassearch .mm-indexer{top:50px}.mm-hassearch.mm-hasheader .mm-indexer{top:90px}.mm-menu .mm-indexer a{color:rgba(0,0,0,0.3)}input.mm-toggle,input.mm-check{position:absolute;left:-10000px}label.mm-toggle,label.mm-check{margin:0;position:absolute;bottom:50%;z-index:2}label.mm-toggle:before,label.mm-check:before{content:'';display:block}label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-bottom:-15px}label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px}input.mm-toggle:checked ~ label.mm-toggle:before{float:right}label.mm-check{width:30px;height:30px;margin-bottom:-15px}label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}input.mm-check:checked ~ label.mm-check:before{opacity:1}label.mm-toggle,label.mm-check{right:20px}label.mm-toggle + a,label.mm-toggle + span{padding-right:80px}label.mm-check + a,label.mm-check + span{padding-right:60px}a.mm-next + label.mm-toggle,a.mm-next + label.mm-check{right:60px}a.mm-next + label.mm-toggle + a,a.mm-next + label.mm-toggle + span,a.mm-next + label.mm-check + a,a.mm-next + label.mm-check + span{margin-right:50px}a.mm-next + label.mm-toggle + a,a.mm-next + label.mm-toggle + span{padding-right:70px}a.mm-next + label.mm-check + a,a.mm-next + label.mm-check + span{padding-right:50px}em.mm-counter + a.mm-next + label.mm-toggle,em.mm-counter + a.mm-next + label.mm-check{right:100px}em.mm-counter + a.mm-next + label.mm-toggle + a,em.mm-counter + a.mm-next + label.mm-toggle + span,em.mm-counter + a.mm-next + label.mm-check + a,em.mm-counter + a.mm-next + label.mm-check + span{margin-right:90px}.mm-menu label.mm-toggle{background:rgba(0,0,0,0.1)}.mm-menu label.mm-toggle:before{background:#f3f3f3}.mm-menu input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963}.mm-menu label.mm-check:before{border-color:rgba(0,0,0,0.7)}.mm-menu.mm-border-none .mm-listview > li:after,.mm-listview.mm-border-none > li:after{content:none}.mm-menu.mm-border-full .mm-listview > li:after,.mm-listview.mm-border-full > li:after{left:0!important}html.mm-effect-slide .mm-menu.mm-offcanvas{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease}html.mm-effect-slide.mm-opened .mm-menu.mm-offcanvas{-webkit-transform:translate3d(-30%,0,0);-moz-transform:translate3d(-30%,0,0);-ms-transform:translate3d(-30%,0,0);-o-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}html.mm-effect-slide.mm-opening .mm-menu.mm-offcanvas{-webkit-transform:translate3d(0%,0,0);-moz-transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}html.mm-effect-slide.mm-right.mm-opened .mm-menu.mm-offcanvas{-webkit-transform:translate3d(30%,0,0);-moz-transform:translate3d(30%,0,0);-ms-transform:translate3d(30%,0,0);-o-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}html.mm-effect-slide.mm-right.mm-opening .mm-menu.mm-offcanvas{-webkit-transform:translate3d(0%,0,0);-moz-transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}html.mm-effect-zoom-menu .mm-menu.mm-offcanvas{-webkit-transition:-webkit-transform .4s ease;-moz-transition:-moz-transform .4s ease;-ms-transition:-ms-transform .4s ease;-o-transition:-o-transform .4s ease;transition:transform .4s ease}html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas{-webkit-transform:scale(0.7,0.7) translate3d(-30%,0,0);-moz-transform:scale(0.7,0.7) translate3d(-30%,0,0);-ms-transform:scale(0.7,0.7) translate3d(-30%,0,0);-o-transform:scale(0.7,0.7) translate3d(-30%,0,0);transform:scale(0.7,0.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas{-webkit-transform:scale(1,1) translate3d(0%,0,0);-moz-transform:scale(1,1) translate3d(0%,0,0);-ms-transform:scale(1,1) translate3d(0%,0,0);-o-transform:scale(1,1) translate3d(0%,0,0);transform:scale(1,1) translate3d(0%,0,0)}html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas{-webkit-transform:scale(0.7,0.7) translate3d(30%,0,0);-moz-transform:scale(0.7,0.7) translate3d(30%,0,0);-ms-transform:scale(0.7,0.7) translate3d(30%,0,0);-o-transform:scale(0.7,0.7) translate3d(30%,0,0);transform:scale(0.7,0.7) translate3d(30%,0,0);-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center}html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas{-webkit-transform:scale(1,1) translate3d(0%,0,0);-moz-transform:scale(1,1) translate3d(0%,0,0);-ms-transform:scale(1,1) translate3d(0%,0,0);-o-transform:scale(1,1) translate3d(0%,0,0);transform:scale(1,1) translate3d(0%,0,0)}html.mm-effect-zoom-panels .mm-menu .mm-panel{-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);-moz-transform:scale(1.5,1.5) translate3d(100%,0,0);-ms-transform:scale(1.5,1.5) translate3d(100%,0,0);-o-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition-property:-webkit-transform,left;-moz-transition-property:-moz-transform,left;-ms-transition-property:-ms-transform,left;-o-transition-property:-o-transform,left;transition-property:transform,left}html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened{-webkit-transform:scale(1,1) translate3d(0%,0,0);-moz-transform:scale(1,1) translate3d(0%,0,0);-ms-transform:scale(1,1) translate3d(0%,0,0);-o-transform:scale(1,1) translate3d(0%,0,0);transform:scale(1,1) translate3d(0%,0,0)}html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(0.7,0.7) translate3d(-30%,0,0);-moz-transform:scale(0.7,0.7) translate3d(-30%,0,0);-ms-transform:scale(0.7,0.7) translate3d(-30%,0,0);-o-transform:scale(0.7,0.7) translate3d(-30%,0,0);transform:scale(0.7,0.7) translate3d(-30%,0,0)}.mm-menu.mm-fullscreen{width:100%;min-width:140px;max-width:10000px}html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(100%,0);-moz-transform:translate(100%,0);-ms-transform:translate(100%,0);-o-transform:translate(100%,0);transform:translate(100%,0)}@media all and (max-width: 140px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(140px,0);-moz-transform:translate(140px,0);-ms-transform:translate(140px,0);-o-transform:translate(140px,0);transform:translate(140px,0)}}@media all and (min-width: 10000px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(10000px,0);-moz-transform:translate(10000px,0);-ms-transform:translate(10000px,0);-o-transform:translate(10000px,0);transform:translate(10000px,0)}}html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);-o-transform:translate(-100%,0);transform:translate(-100%,0)}@media all and (max-width: 140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-140px,0);-moz-transform:translate(-140px,0);-ms-transform:translate(-140px,0);-o-transform:translate(-140px,0);transform:translate(-140px,0)}}@media all and (min-width: 10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-10000px,0);-moz-transform:translate(-10000px,0);-ms-transform:translate(-10000px,0);-o-transform:translate(-10000px,0);transform:translate(-10000px,0)}}.mm-menu.mm-fullscreen.mm-top,.mm-menu.mm-fullscreen.mm-bottom{height:100%;min-height:140px;max-height:10000px}html.mm-opened.mm-fullscreen .mm-page{box-shadow:none!important}.mm-menu.mm-multiline .mm-listview > li > a,.mm-menu.mm-multiline .mm-listview > li > span,.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a,.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span{text-overflow:clip;white-space:normal}.mm-menu.mm-pageshadow:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99}.mm-menu.mm-pageshadow.mm-right:after{left:auto;right:100%}.mm-menu.mm-pageshadow.mm-next:after,.mm-menu.mm-pageshadow.mm-front:after{content:none;display:none}.mm-menu.mm-pageshadow:after{box-shadow:0 0 10px rgba(0,0,0,0.3)}.mm-menu.mm-top,.mm-menu.mm-bottom{width:100%;min-width:100%;max-width:100%}.mm-menu.mm-right{left:auto;right:0}.mm-menu.mm-bottom{top:auto;bottom:0}html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-80%,0);-moz-transform:translate(-80%,0);-ms-transform:translate(-80%,0);-o-transform:translate(-80%,0);transform:translate(-80%,0)}@media all and (max-width: 175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-140px,0);-moz-transform:translate(-140px,0);-ms-transform:translate(-140px,0);-o-transform:translate(-140px,0);transform:translate(-140px,0)}}@media all and (min-width: 550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-440px,0);-moz-transform:translate(-440px,0);-ms-transform:translate(-440px,0);-o-transform:translate(-440px,0);transform:translate(-440px,0)}}html.mm-front .mm-slideout{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;z-index:0!important}.mm-menu.mm-front{z-index:1}.mm-menu.mm-front,.mm-menu.mm-next{-webkit-transition:-webkit-transform .4s ease;-ms-transition:-ms-transform .4s ease;transition:transform .4s ease;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-top{-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu.mm-bottom{-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-top,.mm-menu.mm-bottom{height:80%;min-height:140px;max-height:880px}.mm-menu.mm-theme-dark{background:#333;color:rgba(255,255,255,0.8)}.mm-menu.mm-theme-dark .mm-header{border-color:rgba(0,0,0,0.15)}.mm-menu.mm-theme-dark .mm-header > a{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-header .mm-btn:before,.mm-menu.mm-theme-dark .mm-header .mm-btn:after{border-color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-listview > li:after{border-color:rgba(0,0,0,0.15)}.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev,.mm-menu.mm-theme-dark .mm-listview > li > a.mm-next{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before,.mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after{border-color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after,.mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before{border-color:rgba(0,0,0,0.15)}.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span{background:rgba(0,0,0,0.1)}.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel,.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next,.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel{background:rgba(255,255,255,0.05)}.mm-menu.mm-theme-dark .mm-divider{background:rgba(255,255,255,0.05)}.mm-menu.mm-theme-dark .mm-buttonbar{border-color:rgba(255,255,255,0.8);background:#333}.mm-menu.mm-theme-dark .mm-buttonbar > *{border-color:rgba(255,255,255,0.8)}.mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label{background:rgba(255,255,255,0.8);color:#333}.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,0.8)}.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-footer{border-color:rgba(0,0,0,0.15);color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-fixeddivider span{background:rgba(255,255,255,0.05)}.mm-menu.mm-pageshadow.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,0.5)}.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,0.3);color:rgba(255,255,255,0.8)}.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark .mm-indexer a{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,0.15)}.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-white{background:#fff;color:rgba(0,0,0,0.6)}.mm-menu.mm-theme-white .mm-header{border-color:rgba(0,0,0,0.1)}.mm-menu.mm-theme-white .mm-header > a{color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-header .mm-btn:before,.mm-menu.mm-theme-white .mm-header .mm-btn:after{border-color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-listview > li:after{border-color:rgba(0,0,0,0.1)}.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev,.mm-menu.mm-theme-white .mm-listview > li > a.mm-next{color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before,.mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after{border-color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after,.mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before{border-color:rgba(0,0,0,0.1)}.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview > li.mm-selected > span{background:rgba(0,0,0,0.05)}.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel,.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next,.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel{background:rgba(0,0,0,0.03)}.mm-menu.mm-theme-white .mm-divider{background:rgba(0,0,0,0.03)}.mm-menu.mm-theme-white .mm-buttonbar{border-color:rgba(0,0,0,0.6);background:#fff}.mm-menu.mm-theme-white .mm-buttonbar > *{border-color:rgba(0,0,0,0.6)}.mm-menu.mm-theme-white .mm-buttonbar > input:checked + label{background:rgba(0,0,0,0.6);color:#fff}.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,0.6)}.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-footer{border-color:rgba(0,0,0,0.1);color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-fixeddivider span{background:rgba(0,0,0,0.03)}.mm-menu.mm-pageshadow.mm-theme-white:after{box-shadow:0 0 10px rgba(0,0,0,0.2)}.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.6)}.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white .mm-indexer a{color:rgba(0,0,0,0.3)}.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,0.1)}.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-black{background:#000;color:rgba(255,255,255,0.6)}.mm-menu.mm-theme-black .mm-header{border-color:rgba(255,255,255,0.2)}.mm-menu.mm-theme-black .mm-header > a{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-header .mm-btn:before,.mm-menu.mm-theme-black .mm-header .mm-btn:after{border-color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-listview > li:after{border-color:rgba(255,255,255,0.2)}.mm-menu.mm-theme-black .mm-listview > li > a.mm-prev,.mm-menu.mm-theme-black .mm-listview > li > a.mm-next{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:before,.mm-menu.mm-theme-black .mm-listview > li > a.mm-next:after{border-color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:after,.mm-menu.mm-theme-black .mm-listview > li > a.mm-next:before{border-color:rgba(255,255,255,0.2)}.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview > li.mm-selected > span{background:rgba(255,255,255,0.3)}.mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > .mm-panel,.mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > a.mm-next,.mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > .mm-panel{background:rgba(255,255,255,0.2)}.mm-menu.mm-theme-black .mm-divider{background:rgba(255,255,255,0.2)}.mm-menu.mm-theme-black .mm-buttonbar{border-color:rgba(255,255,255,0.6);background:#000}.mm-menu.mm-theme-black .mm-buttonbar > *{border-color:rgba(255,255,255,0.6)}.mm-menu.mm-theme-black .mm-buttonbar > input:checked + label{background:rgba(255,255,255,0.6);color:#000}.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,0.6)}.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-footer{border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-fixeddivider span{background:rgba(255,255,255,0.2)}.mm-menu.mm-pageshadow.mm-theme-black:after{content:none;display:none}.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,0.3);color:rgba(255,255,255,0.6)}.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black .mm-indexer a{color:rgba(255,255,255,0.4)}.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,0.2)}.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963} /* -------------------------------------- ========================================= 2. Global Styles ========================================= -----------------------------------------*/ /*--------------------------------------- 2.1 General Styles -----------------------------------------*/ body{ font-family: "Roboto", Arial, sans-serif; font-size: 15px; min-width: 270px; line-height: 1.42857143; color: #555555; font-weight: 400; overflow-x: hidden; background-color: #efefef; background-image: none; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } ::selection { background: #c4170c; color: #fff; text-shadow: none; } ::-moz-selection { /* Code for Firefox */ background: #ff6600; color: #fff; text-shadow: none; } ::-webkit-input-placeholder { color: #dadada; } :-moz-placeholder { /* Firefox 18- */ color: #dadada; } ::-moz-placeholder { /* Firefox 19+ */ color: #dadada; } :-ms-input-placeholder { color: #dadada; } video { max-width: 100%; height: auto; } iframe, embed, object { max-width: 100%; } img { max-width: 100%; height: auto; transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; backface-visibility: hidden; } a{ color:#c4170c; text-decoration: none; } a:focus, a:hover { color: #c4170c; text-decoration: none; } textarea { resize:vertical; } h1, h2, h3, h4, h5, h6{ font-family: "Noto Serif", serif; font-weight: bold; margin:20px 0px; line-height: 1.2; } .h2, h2{ font-size: 32px; } .h3, h3 { font-size: 26px; } .h4, h4 { font-size: 20px; } .h5, h5 { font-size: 16px; } .h6, h6 { font-size: 14px; } blockquote, .modern-quote, .blockquote{ position: relative; font-family: "Noto Serif", serif; font-size: 16px; font-weight: bold; color: #b2b2b2; font-style: italic; border:none; max-width: 250px; } blockquote cite{ font-style: normal; font-weight: normal; display: block; text-transform: uppercase; font-family: "Roboto", sans-serif; font-size: 14px; } blockquote cite:before { content: "\2014"; margin-right: 3px; } .modern-quote{ position: relative; border-left: 2px solid #ff6600; } blockquote:before, .blockquote:before { display: block; top: 0; left: 0; width: 75px; height: 5px; content: ''; margin-bottom: 5px; background: #c4170c; } .modern-quote:before, .modern-quote:after{ content:""; } .btn-label-live { font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: red; border-radius: 3px; color: #fff; display: inline-block; font-size: 10px; line-height: normal; padding: 4px 5px 4px 20px; position: relative; text-transform: uppercase; z-index: 2; } .btn-label-live:before { position: absolute; top: 7px; left: 8px; background: #fff; border-radius: 50%; content: ""; height: 6px; width: 6px; -webkit-animation-name: pulsate; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite } @-webkit-keyframes pulsate { 0% {opacity: 0.0} 10% { opacity: .20} 20% { opacity: .40 } 30% { opacity: .60 } 40% { opacity: .80 } 50% { opacity: 1.0} 60% { opacity: .80} 70% { opacity: .60} 80% { opacity: .40} 90% { opacity: .20} 100% { opacity: 0.0} } /*--------------------------------------- 2.2 General Classes -----------------------------------------*/ body.boxed{ background-color: #efefef; } body.wide{ background-color: #ffffff; } body.no-background{ background-image: none; } body.background-image1{ background-image: url('../img/bg2.jpg'); } body.background-image2{ background-image: url('../img/bg1.jpg'); } body.background-image3{ background-image: url('../img/bg3.jpg'); } body.background-image4{ background-image: url('../img/bg4.jpg'); } .mobile-nav{ display: none; } .featured-news{ margin-bottom: 20px; display: table; } .featured-news > article { box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); } .alpha{ padding-left:0px !important; margin-bottom: 6px; } .omega{ padding-right:5px !important; } .main-wrapper:after, .main-wrapper:before, .widget:before, .widget:after { display: table; content: " "; } .main-wrapper:after, .widget:after { clear: both; } #map-canvas { width:100%; height: 300px; margin: 0px 0px 30px; padding: 0px } .bgcolor1{ background: #ff6600 !important; } .bgcolor2{ background: #8eb021 !important; } .bgcolor3{ background: #2980b9 !important; } .bgcolor4{ background: #16a085 !important; } .bgcolor5{ background: #8e44ad !important; } /* -------------------------------------- ========================================= 3. Content Styles ========================================= -----------------------------------------*/ .m-r-5{ margin-right: 5px; } .m-r-10{ margin-right: 10px; } .m-r-15{ margin-right: 15px; } .m-l-5{ margin-left: 5px; } .m-l-10{ margin-left: 10px; } .m-l-15{ margin-left: 15px; } .m-t-5{ margin-top: 5px; } .m-t-10{ margin-top: 10px; } .m-t-15{ margin-top: 15px; } .m-t-20{ margin-top: 20px; } .font-100{ font-weight: 100; } .font-200{ font-weight: 200; } .font-300{ font-weight: 300; } /*--------------------------------------- 3.1 Header Styles -----------------------------------------*/ .header-wrapper{ position: absolute; left:0px; right:0px; z-index: 1000; } .header{ position: relative; width: 100%; background: #FFF; z-index: 1000; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05); -webkit-backface-visibility: hidden; } .header.text-center .navbar-nav>li{ float: none; display: inline-block; } .header.text-center .header-right, .header.text-center .sb-search{ display: none; } .header.text-center .navbar-collapse.collapse{ float: none; } .header.text-center .navbar-nav{ width:100%; } .fixed-header .header-big .header{ position: relative; } .header-top{ width:100%; background: #545454; padding: 4px 0; color: #fff; } .header-top ul{ margin:5px 0; padding: 0px; list-style: none; } .header-top ul li{ float: left; line-height: 13px; margin: 0; } .header-top .top-menu li{ font-size: 13px; margin: 0px 10px 0px 0px; border-right: 1px solid #fff; padding-right: 10px; } .header-top .top-menu li:last-child{ border:none; } .header-top .top-menu li a{ color:#fff; border-bottom: 1px solid transparent; } .header-top .top-menu li a:hover{ border-bottom: 1px solid #fff; } .header-top .social-icons a{ color:#fff; font-size: 11px !important; line-height: 13px; } .header-top .social-icons a:hover{ color: #fff; } /* === Header style 2 === */ .header-mid{ background: #ffffff; padding: 25px 0; border-bottom: 1px solid #dadada; } .header-big .header-mid-wrapper{ text-align: right; } .header-big .header .navbar-collapse.collapse{ padding-left: 0px; } .header-big .mid-logo-wrapper{ float: left; display: block; } .header-big .text-center{ text-align: center; } .header-big .text-center .mid-logo-wrapper{ float: none; } .header-big .navbar .logo{ display: none; } .header-big .set-fixed .navbar .logo{ display: block; margin-right: 25px; } .header-big .set-fixed .mega-menu .navbar-nav { float: left; width: auto; } .mid-logo-wrapper .logo{ float: none; display: inline-block; margin:0 auto 5px; text-align: center; font-size: 56px; line-height: 58px; } .mid-logo-wrapper .logo span{ padding: 3px 10px; margin-left: -6px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; } .header-big .header-banner{ float: none; display: inline-block; max-width:728px; } .header-big .header-banner a{ display: inline-block; background: #000; } .mid-logo-wrapper .logo-description{ font-size: 14px; line-height: 18px; font-weight: 300; margin: 0px; color:#818181; } /* === Fixed Sidebar Header === */ .fixed-sidebar .fixed-main-wrapper{ max-width:832px; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } .fixed-button, .fixed-sidebar .fixed-button{ float: right; display: none; margin-right: 0px; } .fixed-sidebar-header .container{ max-width: 100%; width: 100%; } .fixed-sidebar-header .mag-content { margin-left: -15px; margin-right: -15px; padding-left: 20px; padding-right: 20px; } .fixed-sidebar-header .mega-menu .dropdown.mega-full .dropdown-menu{ left:-15px; right:-15px; max-width: 1170px; } .fixed-sidebar .fixed-main{ margin-left: 390px; } .fixed-header .set-fixed{ position: fixed !important; top:0px !important; bottom:auto !important; -webkit-backface-visibility:hidden; } .fixed-header .set-sidebar{ position: fixed !important; top:50px !important; bottom:auto !important; -webkit-backface-visibility:hidden; } .set-sidebar{ position: absolute !important; top:50px !important; bottom:auto !important; } .get-sidebar{ position: fixed !important; top:0px !important; bottom:auto !important; -webkit-backface-visibility:hidden; } .sticky-sidebar{ -webkit-transition: none; -o-transition: none; transition: none; } .sticky-sidebar .widget .nav-tabs{ margin-bottom: 0px !important; margin-right: 15px !important; } .fixed-left-sidebar .sticky-sidebar{ left:0px; right:auto; } .fixed-right-sidebar .sticky-sidebar{ right:0px; left:auto; } .fixed-right-sidebar .fixed-main{ margin-left: auto; margin-right: 390px; } .fixed-right-sidebar #go-top-button{ right: auto; left: 10px; } /* === Fixed Sidebar === */ .sticky-sidebar { position: absolute; top: 50px; left:0px; float: left; z-index: 55; background: #fff; height: 100%; width: 390px; -webkit-font-smoothing: antialiased; transition: all .1s ease-in-out; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15); } .sticky-sidebar-wrapper, .sticky-scroll{ position: relative; } .sticky-scroll{ padding-right: 15px; padding-top:20px; } .sticky-content{ padding:20px 10px 20px 20px; } .sticky-content .load-more{ margin-bottom: 10px; } .widget-news-title{ font-size: 16px; font-weight: bold; margin-bottom: 10px; } .widget-news-title:before{ display: block; top: 0; left: 0; width: 40px; height: 5px; content: ''; margin-bottom: 5px; background: #c4170c; } /* === Logo Styles === */ .logo{ margin: 0; line-height: 0; } .header .navbar{ margin:0px; padding:0px; border:none; } .header .navbar-collapse.collapse{ float: left; } .headroom--pinned { display: block; } .headroom--unpinned { display: none; } .headroom { transition: transform 100ms linear; } .headroom--pinned { transform: translateY(0%); } .headroom--unpinned { transform: translateY(-100%); } /*--------------------------------------- 3.2 Navigation Styles -----------------------------------------*/ @media screen and (min-width:768px){ .navbar-brand-centered { position: absolute; left: 50%; display: block; text-align: center; } .navbar>.container .navbar-brand-centered, .navbar>.container-fluid .navbar-brand-centered { margin-left: -100px; padding: 6px; } } .navbar-brand-centered { padding: 6px; } .navbar-default .dropdown-menu:before { border-bottom: 11px solid #fff; border-left: 11px solid transparent; border-right: 11px solid transparent; content: " "; height: 0; left: 13px; position: absolute; top: -11px; width: 0; z-index: 1; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 500; line-height: 1.42857143; color: #5f5f5f; white-space: nowrap; border-left: 2px solid #fff; } .dropdown-menu > li > a:hover { color: #c4170c; text-decoration: none; border-left: 2px solid #c4170c; background: none; } .navbar-default { background: #c4170c; border: 0px; border-bottom: 2px solid #ab170d; } .navbar-default .dropdown-menu { background: #fff; } .navbar-default .navbar-text { color: #fff; } .navbar-default .navbar-toggle { border: none; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: none; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .navbar-collapse { border-color: rgba(0,0,0,0.15); } .navbar-default .navbar-nav>li:after { border-color: rgba(0,0,0,0.15); } .navbar-nav>li>a{ color: #fff !important; font-size: 14px; -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .navbar-nav { margin: 0px; } /* DESABILITAR CSS MENU .navbar-nav>li>a:hover, .navbar-nav>li>a:focus{ color: #222222; background: none; } .navbar-nav>li.open>a, .navbar-nav>li.open>a:after { color: #ff6600; background: none; border-top-color: #ff6600; } .navbar .nav .open>a, .navbar .nav .open>a:hover, .navbar .nav .open>a:focus { background: white; } .navbar-nav>li.open.menu-color1>a, .navbar-nav>li.open.menu-color1>a:after{ color: #ff6600; border-top-color: #ff6600; } .nav .menu-color1 .tabs-left > .nav-tabs > li > a:hover, .nav .menu-color1 .tabs-left > .nav-tabs > li.active > a{ color:#ff6600; } .mega-menu .menu-color1 .dropdown-submenu:hover>a:after, .nav .menu-color1 .tabs-left > .nav-tabs > li.active>a:after{ border-left-color:#ff6600; } .menu-color1 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover{ color:#ff6600; } .mega-menu .menu-color1 .dropdown-menu > li > a:hover, .mega-menu .menu-color1 .dropdown-submenu:hover>a{ color:#ff6600; } .navbar-nav>li.open.menu-color2>a, .navbar-nav>li.open.menu-color2>a:after{ color: #8eb021; border-top-color: #8eb021; } .nav .menu-color2 .tabs-left > .nav-tabs > li > a:hover, .nav .menu-color2 .tabs-left > .nav-tabs > li.active > a{ color:#8eb021; } .mega-menu .menu-color2 .dropdown-submenu:hover>a:after, .nav .menu-color2 .tabs-left > .nav-tabs > li.active>a:after{ border-left-color:#8eb021; } .menu-color2 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover{ color:#8eb021; } .mega-menu .menu-color2 .dropdown-menu > li > a:hover, .mega-menu .menu-color2 .dropdown-submenu:hover>a{ color:#8eb021; } .navbar-nav>li.open.menu-color3>a, .navbar-nav>li.open.menu-color3>a:after{ color: #2980b9; border-top-color: #2980b9; } .nav .menu-color3 .tabs-left > .nav-tabs > li > a:hover, .nav .menu-color3 .tabs-left > .nav-tabs > li.active > a{ color:#2980b9; } .mega-menu .menu-color3 .dropdown-submenu:hover>a:after, .nav .menu-color3 .tabs-left > .nav-tabs > li.active>a:after{ border-left-color:#2980b9; } .menu-color3 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover{ color:#2980b9; } .mega-menu .menu-color3 .dropdown-menu > li > a:hover, .mega-menu .menu-color3 .dropdown-submenu:hover>a{ color:#2980b9; } .navbar-nav>li.open.menu-color4>a, .navbar-nav>li.open.menu-color4>a:after{ color: #16a085; border-top-color: #16a085; } .nav .menu-color4 .tabs-left > .nav-tabs > li > a:hover, .nav .menu-color4 .tabs-left > .nav-tabs > li.active > a{ color:#16a085; } .mega-menu .menu-color4 .dropdown-submenu:hover>a:after, .nav .menu-color4 .tabs-left > .nav-tabs > li.active>a:after{ border-left-color:#16a085; } .menu-color4 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover{ color:#16a085; } .mega-menu .menu-color4 .dropdown-menu > li > a:hover, .mega-menu .menu-color4 .dropdown-submenu:hover>a{ color:#16a085; } .navbar-nav>li.open.menu-color5>a, .navbar-nav>li.open.menu-color5>a:after{ color: #8e44ad; border-top-color: #8e44ad; } .nav .menu-color5 .tabs-left > .nav-tabs > li > a:hover, .nav .menu-color5 .tabs-left > .nav-tabs > li.active > a{ color:#8e44ad; } .mega-menu .menu-color5 .dropdown-submenu:hover>a:after, .nav .menu-color5 .tabs-left > .nav-tabs > li.active>a:after{ border-left-color:#8e44ad; } .menu-color5 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover{ color:#8e44ad; } .mega-menu .menu-color5 .dropdown-menu > li > a:hover, .mega-menu .menu-color5 .dropdown-submenu:hover>a{ color:#8e44ad; } */ /* === Header Social Links Style === */ .header-right{ float: right; position: absolute; right: 35px; top: 0px; } .social-icons a{ color:#cccccc; margin-left:10px; } .social-icons a:hover{ color: #575757; } .navbar-right .social-icons a{ color: #fff; line-height: 50px; font-size: 13px; } .header-right .social-icons a{ color: #fff; line-height: 50px; font-size: 13px; } /* === Header Search Style === */ .sb-search { position: absolute; z-index: 110; width: 0%; min-width: 50px; height: 50px; float: right; right:0px; top:0px; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; } .searchwidget { margin-bottom: 20px; } .sb-search-input { position: absolute; top: 0; right: 0; border: none; outline: none; background: #fff; width: 100%; max-width: 300px; font-size: 14px; height: 50px; margin: 0; z-index: 10; padding: 20px 55px 20px 16px; } .sb-icon-search, .sb-search-submit { width: 50px; height: 50px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; border:none; line-height: 50px; text-align: center; cursor: pointer; } .sb-search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; z-index: -1; } .sb-icon-search { border:none; text-decoration: none; color: #bbbbbb; z-index: 110; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; } .sb-icon-search:hover{ color:#222222; } /* Open state */ .sb-search.sb-search-open, .no-js .sb-search { width: 100%; } .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { background: #ff6600; color: #fff; z-index: 11; } .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 110; } /* === Mega Menu Style === */ .mega-menu .dropdown-menu { left: auto; } .mega-menu ul { list-style:none; padding-left:0px; } .mega-menu .dropdown-menu>li{ border-bottom:1px solid #f1f1f1; } .mega-menu .dropdown-menu>li:last-child, .mega-menu .dropdown-menu li.border-none{ border-bottom: none; } .mega-menu .dropdown-menu > li > a { padding: 10px 30px 10px 15px; font-weight: 500; } .mega-menu .dropdown-menu > li > a:hover, .mega-menu .dropdown-submenu:hover>a{ background: none; color:#ff6600; } .mega-menu .navbar-nav > li > .dropdown-menu { margin-top:0px; border-radius: 0px; } .mega-menu .dropdown-menu { box-shadow:none; border:none; padding:0; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05); } .mega-menu .dropdown-submenu{ position:relative; } .mega-menu .dropdown-submenu>.dropdown-menu{ top:0; left:100%; margin-top:0; margin-left:0px; border-radius: 0px; } .mega-menu .dropdown-submenu:hover>.dropdown-menu{ display:block; } .mega-menu .dropdown-submenu>a, .mega-menu .tab-hover a{ position: relative; } .mega-menu .dropdown-submenu>a:after, .mega-menu .tab-hover ul a:after{ display:block; position:absolute; content:" "; width:0; height:0; border-color:transparent; border-style:solid; border-width:4px 0 4px 4px; border-left-color:#cfcfcf; top:17px; right:15px; -transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; } .mega-menu .dropdown-submenu:hover>a:after, .nav .tabs-left > .nav-tabs > li.active>a:after{ border-left-color:#ff6600; } .mega-menu .nav, .mega-menu .collapse, .mega-menu .dropdown { position: static; } .mega-menu .mini-dropdown { width: 50%; left: auto !important; right: auto !important; } .mega-menu .mega-wrapper{ padding: 15px 25px; } .mega-menu .dropdown.mega-full .dropdown-menu { left: -30px; right: -30px; } /* === Mega Menu Tabbed Content Style === */ .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border:none; } .tabs-below > .nav-tabs > li { margin-top: 0px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border:none; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 0; } .tabs-left > .nav-tabs { float: left; margin-right: 0px; border-right: none; margin-top: 10px; } .tabs-left > .nav-tabs > li > a { margin-right: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav .tabs-left > .nav-tabs > li{ margin: 0px; padding: 0px; border-bottom:1px solid #f1f1f1; } .nav .tabs-left > .nav-tabs > li:last-child{ border-bottom: none; } .nav .tabs-left > .nav-tabs > li > a{ margin:0px; color: #222222; padding: 10px 30px 10px 15px; font-weight: 500; width:230px; border:none; } .nav .tabs-left > .nav-tabs > li > a:hover, .nav .tabs-left > .nav-tabs > li.active > a{ border:none; background: none; color:#ff6600; } .nav .nav-tabs>li.active>a, .nav .nav-tabs>li.active>a:focus, .nav .nav-tabs>li.active>a:hover{ cursor: pointer; border:none; } .tabs-left .tab-content{ width:auto; margin-left: 240px; margin-right: 10px; } .dropdown-menu .mega-menu-news { width: 208px; float: left; margin-bottom: 20px; margin-top: 20px; margin-left: 1%; margin-right: 1%; } .dropdown-menu .mega-menu-news .mega-menu-img{ background: #000; } .dropdown-menu .mega-menu-5block{ padding: 0px 7px; } .dropdown-menu .mega-menu-5block .mega-menu-news { width:18%; } .dropdown-menu .mega-menu-news .mega-menu-img img{ width:100%; height: auto; } .dropdown-menu .mega-menu-news .mega-menu-detail h4{ font-family: "Roboto", sans-serif; font-weight: 500; font-size: 14px; line-height: 18px; margin: 10px 0 7px; } .dropdown-menu .mega-menu-news .mega-menu-detail h4 a{ color:#222222; } .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover{ color:#ff6600; } /* * Body ad style */ .ad728-wrapper{ text-align: center; max-width: 728px; margin: 30px auto 0px; } .ad728-wrapper a{ display: block; background: #000; } .mid-wrapper{ margin: 20px auto 50px; } .pub-wrapper{ margin-top: -15px; margin-bottom: 20px; text-align: center; } .pub-wrapper span{ font-size: 10px; text-transform: uppercase; color: #a5a5a5; } /*--------------------------------------- 3.3 Layout Styles -----------------------------------------*/ .main-wrapper{ padding-top: 50px; } .header-big .main-wrapper, .header-style3 .main-wrapper{ padding-top: 220px; } .fixed-sidebar .main-wrapper{ padding-top: 0px; } .main-wrapper, .main-content, .mag-content, .blog-content{ position: relative; } .main-content{ margin-top: 30px; min-height: 400px; margin-bottom: 0px; /* padding-top: 30px; background: #fff; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05); */ } .wide .main-content{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mag-content{ margin-left: -15px; margin-right: -15px; padding-left: 30px; padding-right: 30px; } .main-body{ margin-top: 50px; } .main-tech{ position: relative; margin-top: 30px; } /*--------------------------------------- 3.4 Home Tag List Style -----------------------------------------*/ .video-duration{ position: absolute; top: 0; left: 0; color: #fff; font-size: 11px; padding: 3px 8px; background-color: rgba(0,0,0,.6); } .tag-list{ width: 100%; margin: 0 0 20px; padding: 5px 15px; list-style: none; height: 45px; overflow: hidden; background: #ffffff; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); border-radius: 2px; } .tag-list li{ float: left; margin:0px 1px 1px 0px; padding:0px; font-weight: bold; color:#999999; font-size: 17px; text-transform: uppercase; line-height: 38px; } .tag-list li.trending{ padding-right: 8px; } .tag-list li.trending > span{ display: none; } .tag-list li a{ font-size: 13px; line-height: 34px; display: block; color:#222222; text-decoration: none; padding:0px 10px; border:2px solid transparent; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tag-list li a:hover, .tag-list li.active a{ color:#fff; background: #7a7a7a; } /*--------------------------------------- 3.5 Slider Styles -----------------------------------------*/ .featured-big, .featured-small{ position: relative; background:#000; overflow: hidden; width:100%; } .featured-big img, .featured-small img{ height: auto; width:100%; max-width:none; z-index: 1; transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: scale(1); transform-style: flat; } .featured-big, .featured-big a.featured-href, .featured-big img{ height: 500px; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: scale(1); } .featured-slider .featured-small, .featured-slider .featured-small a.featured-href, .featured-slider .featured-small img{ height: 250px; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: scale(1); } .featured-slider .featured-big a.featured-href, .featured-slider .featured-small a.featured-href{ display: block; text-decoration: none; color:#fff; outline: 0; border:none; } .featured-header{ position: absolute; left: 0; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: scale(1); transform-style: flat; right: 0; bottom: 0; padding: 45px 20px 15px; z-index: 9; background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%); background: linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%); } .featured-big .category{ top:27px; left:30px; } .featured-small .category{ left:20px; } .featured-big .featured-header{ padding: 50px 50px 30px 30px; } .featured-header h2{ font-family: "Roboto", sans-serif; color:#fff; font-weight: 300; font-size: 18px; line-height: 21px; margin: 10px 0; } .featured-big .featured-header h2{ font-size: 42px; line-height: 46px; margin-bottom:10px; } .featured-full .featured-header h2{ font-size: 52px; line-height: 56px; } .category{ position: absolute; top:20px; left: 20px; margin:0px; padding: 6px 9px; background: #000; background: rgba(0,0,0,.2); font-weight: bold; font-size: 11px; line-height: 1; color: #fff; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } a.category{ text-decoration: none; } a.category:hover{ color:#fff; background: #fff; background: rgba(0,0,0,.5); } .featured-header .category{ opacity: 1; background: #ff6600; } .featured-header .article-date{ display: inline-block; margin-right: 5px; } /* === Flexslider Style === */ .flexslider { position: relative; zoom: 1; } .featured-slider .slider-item { overflow: hidden; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flex-direction-nav { list-style: none; height: 0; margin:0px; padding:0px; border:none; } .flex-direction-nav li{ list-style: none; } .flex-direction-nav a { text-decoration: none; display: block; width: 50px; height: 50px; opacity: 0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; color: #fff; font-size: 40px; line-height: 50px; text-align: center; margin: -25px 0 0; position: absolute; top: 45%; z-index: 10; overflow: hidden; cursor: pointer; } .flex-direction-nav a{ color: #ffffff; } .flex-direction-nav .flex-prev { left: 0px; } .flex-direction-nav .flex-next { right: 0px; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 1!important; filter: alpha(opacity=1); cursor: default; } /*--------------------------------------- 3.6 Grid Style -----------------------------------------*/ .featured-slider .box-news{ margin-bottom: 0px; } .featured-slider .box-bottom{ border-bottom: 1px solid #3c3c3c; } .featured-slider .box-right{ border-right: 1px solid #3c3c3c; } .box-news .category{ top:0px; } .box-news a, .box-news .simple-share a{ color: #fff; } .box-news .simple-share a{ color: #ff6600; border-bottom: 1px solid transparent; } .box-news .simple-share a:hover{ border-bottom-color: #ff6600; color:#ff6600; } .box-news:hover img{ opacity: .75; } .box-news p, .featured-header p{ display: block; color:#b9b3ac; color: rgba(255, 255, 255, 0.5); font-size: 12px; font-weight: 300; margin:0px; } .box-news h2{ font-family: "Roboto", sans-serif; margin-bottom: 10px; } .box-news h2 a:hover{ border-bottom: none; } .box-news .featured-header{ padding-top:30px; } .box-widget{ height: auto; width: 100%; } .featured-slider .box-widget{ margin-bottom: 0px; } .featured-slider .box-bottom{ border-bottom: 1px solid #3c3c3c; } .featured-slider .box-right{ border-right: 1px solid #3c3c3c; } .box-widget .category{ top:0px; } .box-widget a, .box-widget .simple-share a{ color: #fff; } .box-widget .simple-share a{ color: #ff6600; border-bottom: 1px solid transparent; } .box-widget .simple-share a:hover{ border-bottom-color: #ff6600; color:#ff6600; } .box-widget:hover img{ opacity: .75; } .box-widget p, .featured-header p{ display: block; color:#b9b3ac; color: rgba(255, 255, 255, 0.5); font-size: 12px; font-weight: 300; margin:0px; } .box-widget h2{ font-family: "Roboto", sans-serif; margin-bottom: 10px; } .box-widget h2 a:hover{ border-bottom: none; } .box-widget .featured-header{ padding-top:25px; } .box-big img{ width:100%; height:auto; } .box-big h2{ font-size: 40px; line-height: 40px; } .slider-one{ margin-bottom: 30px; } .slider-one .box-news{ height: 420px; } /* === Video News Icon Style === */ .news-icon{ position: absolute; top: 0; right: 0; color: #fff; background-color: rgba(0, 0, 0, 0.5); text-align: center; padding: 5px 0px 5px 5px; } .play-button { color: #fff; border: none; text-decoration: none; display: block; float: left; margin-right: 5px; -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; width: 25px; height: 25px; z-index: 10; border: 2px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 10px; line-height: 21px; text-align: center; opacity: 0.5; background: rgba(0,0,0,0.3); } .play-button i{ display: inline-block; } .play-button i.fa-play{ margin-left: 4px; } .play-button:hover{ opacity: .8; color:#fff; } /*--------------------------------------- 3.7 Block Styles -----------------------------------------*/ .block-title, .widget .nav-tabs>li>a{ font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; height: 45px; padding: 15px; margin: -15px -15px 15px -15px; background-color: #7a7a7a; color: #fff; } .block-title span{ border-bottom: 2px solid #ff6600; display: inline-block; line-height: 17px; height: 27px; } .block-title a{ color: #222222; } .block-title a:hover{ color: #222222; opacity: .9; } .tag-title{ color: #dadada; font-family: "Roboto", sans-serif; font-weight: 900; font-size: 27px; line-height: 32px; margin: 0px 0px 20px; } .tag-title span{ color: #222222; } .search-div{ width:100%; margin-bottom: 30px; } .widget-content{ margin:0px; padding:0px; list-style: none; } .widget-content li, .small-article{ margin-bottom: 18px; } .widget-content p, .small-article p{ margin: 0px; color: #bbbbbb; } .widget-content li, .small-article{ font-size: 13px; line-height: 17px; } .widget-content li h3, .small-article h3{ font-family: "Roboto", sans-serif; font-weight: 500; font-size: 14px; line-height: 17px; margin: 0px 0px 5px; } .widget-content li h3 a, .small-article a{ color:#222222; text-decoration: none; } .widget-content li h3 a:hover, .small-article a:hover{ color: #ff6600; } .feed-image{ margin-bottom: 13px; } .feed-image a{ display: block; background: #000; } /* BOX EM FORMA DE LISTA */ .list .image-overlay{ width: 420px; position: relative; float: left; margin: 0 15px 0 0; } .list > .news-details{ margin: 0 !important; position: initial; } .news-block{ width: 100%; position: relative; margin-bottom: 20px; background-color: #fff; } .news-block img{ width:100%; height: auto; } .image-overlay{ position: relative; display: block; min-height: 100px; } .overlay-link{ outline: none; text-decoration: none; } .news-details{ color: #a9a9a9; position: relative; padding:10px 15px 10px; background: #fff; font-size: 14px; line-height: 20px; font-weight: 400; margin-right: 10px; margin-left: 10px; z-index: 10; } .news-details-text{ text-align: center; color: #a9a9a9; line-height: 20px; font-weight: 400; z-index: 10; } .featured-label{ border-left: 2px solid #c4170c; padding-left: 4px; color: #fff; font-size: 14px; font-weight: 200; text-shadow: 0 1px 5px rgba(0,0,0,0.8); } .news-label{ font-size: 12px; font-weight: 600; color: #c4170c; } .news-title{ font-family: "Noto Serif", serif; font-size: 36px; font-weight: bold; line-height: 39px; margin-top:0px; margin-bottom: 10px; } .small-block .news-title{ font-size: 24px; line-height: 28px; margin-bottom: 10px; } .slim-block{ padding: 0; } .slim-block .news-details{ margin: 0; } .slim-block .excerpt{ display: none; } .minimal-block .news-title{ font-size: 17px; line-height: 20px; margin-bottom: 10px; } .no-photo .news-details{ background:none; margin: 0; } .big-block .news-title{ font-size: 41px; line-height: 45px; } .news-title a{ color:#464646; } .widget-content li h3 a:hover, .news-title a:hover, .simple-post h3 a:hover, .widget-post h3 a:hover, .widget-post h2 a:hover, .categorywidget li a:hover, .categorywidget li a:hover span, .comments-wrapper .comment-reply-link, .post-wrapper .simple-share a, .parallax-wrapper .simple-share a{ color:#c4170c; } .news-view { background: #fff; padding: 20px; margin-bottom: 30px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); } /* === Simple post style === */ .simple-post{ padding: 15px; margin-bottom: 20px; background-color: #fff; } .simple-thumb, .author-thumb{ position: relative; float: left; margin: 0 15px 0 0; background: #000; } .simple-thumb{ width:160px; } .widget-post .simple-thumb{ width: 140px; } .simple-big .simple-thumb{ width:320px; } .author-thumb, .author-thumb a, .author-thumb img{ background: none; display: block; transition: none; -webkit-transition: none; -moz-transition: none; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .simple-post h3{ font-size: 23px; line-height: 27px; margin:0px 0px 10px; } .simple-post h3 a{ color:#464646; } .simple-share{ color: #bbbbbb; font-size: 12px; line-height: 1; margin:0px; } .widget-post .simple-share{ margin-top: 5px; } .simple-share a{ color: #999999; text-decoration: none; } .simple-share a:hover{ color: #999999; border-bottom: 1px solid #999999; } /* === Simple big post style === */ .simple-big .simple-share{ margin-bottom: 5px; } .simple-big h3{ font-size: 28px; line-height: 32px; margin-bottom: 5px; } .simple-big .excerpt{ color: #a9a9a9; font-size: 14px; line-height: 20px; font-weight: 400; } .news-text-block{ margin-top: 20px; margin-bottom: 20px; } /*--------------------------------------- 3.8 Post Content Style -----------------------------------------*/ .post-wrapper{ font-size: 15px; line-height: 26px; } .post-wrapper h1, .post-wrapper h2, .post-wrapper h3, .post-wrapper h4, .post-wrapper h5, .post-wrapper h6 { color: #464646; } .post-wrapper p, .post-wrapper address, .post-wrapper pre, .post-wrapper hr, .post-wrapper ul, .post-wrapper ol, .post-wrapper dl, .post-wrapper dd, .post-wrapper table { margin-bottom: 20px; } .post-wrapper, .post-header{ position: relative; } .post-content > p:first-child:first-letter, .drop-caps { float: left; color: #c4170c; font-size: 50px; font-weight: 700; line-height: 50px; padding-top: 4px; padding-right: 8px; padding-left: 3px; margin: -2px 0 0; font-family: "Noto Serif"; } .drop-caps-square{ background: #ff6600; padding:5px 13px; margin-right: 15px; margin-top: 8px; font-size: 54px; line-height: 54px; color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .post-content ul, .post-content ol{ margin-left: 0px; } .post-content ul li{ list-style: none; } .related-news li{ border-bottom: 1px solid #efefef; margin-bottom: 10px; } .related-news li:last-child{ border-bottom: none; } .related-news p{ margin: 0; font-size: 12px; font-weight: 500; line-height: 13px; color: #959595; } .post-content ol li{ margin: 0px; list-style: decimal; } /* === WordPress Core === */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { padding: 0; } .wp-caption a:hover{ border-bottom: none; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; padding: 0; width: 100%; } .wp-caption p.wp-caption-text { font-size: 13px; line-height: 17px; font-style: italic; color:#bbbbbb; margin: 0; padding: 5px 0; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .post-header .category{ top: -30px; left: 0px; } .post-title{ margin-top: 0; color:#000; font-size: 36px; margin-bottom: 10px; line-height: 39px; } .post-subtitle{ color: #464646; font-size: 18px; font-weight: 300; line-height: 23px; margin-bottom: 10px; } .post-wrapper .post-header{ margin:0 0 20px; } .fullwidth-header{ margin:0 0 10px; } .post-wrapper .image-overlay img{ width:100%; height: auto; } .post-wrapper .tags-widget{ margin-bottom: 0px; } /* === Post Review Style === */ .post-review-label{ width:100%; font-family: "Roboto", sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 10px; } .post-review-label .post-review-text{ float: left; } .post-review-label .post-review-point{ float: right; } .post-review-wrapper{ margin-bottom: 20px; } .post-review-description{ margin-bottom: 20px; } .post-review-sum-point{ float: left; border: 2px solid #dadada; padding: 10px; margin-right: 20px; } .post-review-wrapper .star-reviews{ margin: 0px; font-size: 13px; } .post-review-sum-point h4{ font-family: "Roboto", sans-serif; font-size: 40px; font-weight: 900; text-transform: uppercase; text-align: center; line-height: 40px; margin: 0 0 -5px; } .progress{ height: 20px; background: #dadada; border-radius: 0; box-shadow: none; } .progress-bar{ box-shadow: none; } /* === Post Tag Style === */ .tags-wrapper{ margin-top: 20px; margin-bottom: 20px; } .tags-wrapper .tag-list li{ margin-right: 10px; margin-bottom: 10px; } .tags-wrapper .tag-list a{ border: 2px solid #dadada; } .tags-wrapper .tag-list a:hover{ border-color: #7a7a7a; } /* === Post Meta Styles === */ .post-wrapper .simple-share, .parallax-wrapper .simple-share{ font-size: 13px; line-height: 17px; color: #959595; font-weight: 500; } .post-wrapper .simple-share span, .parallax-wrapper .simple-share span{ display: inline-block; margin-right: 10px; } .post-wrapper .simple-share a:hover, .post-wrapper .simple-share a:focus, .parallax-wrapper .simple-share a:hover, .parallax-wrapper .simple-share a:focus{ color: #ff6600; border-color: #ff6600; } .post-wrapper .simple-share .comments-count, .parallax-wrapper .simple-share .comments-count{ float: right; position: relative; background: #b2b2b2; display: block; color: #fff !important; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); padding:3px 7px; font-size: 12px; line-height: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .post-wrapper .simple-share .comments-count:after, .parallax-wrapper .simple-share .comments-count:after{ content: ""; position: absolute; bottom: -5px; right: 4px; border-width: 0 8px 5px 0px; border-style: solid; border-color: transparent #b2b2b2; display: block; width: 0; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; } .post-wrapper .simple-share .comments-count:hover, .post-wrapper .simple-share .comments-count:focus, .parallax-wrapper .simple-share .comments-count:hover, .parallax-wrapper .simple-share .comments-count:focus{ border: none; background: #7a7a7a; color:#fff; } .post-wrapper .simple-share .comments-count:hover:after, .post-wrapper .simple-share .comments-count:focus:after, .parallax-wrapper .simple-share .comments-count:hover:after, .parallax-wrapper .simple-share .comments-count:focus:after{ border-right-color: #7a7a7a; border-left-color: #7a7a7a; } .header-divider { background: #e9e9e9; border: 0 none; display: block; height: 1px; margin-top: -13px; width: 100%; } .share-wrapper{ position: relative; text-align: center; margin-bottom: 30px; } .total-shares{ display: inline-block; margin-right: 15px; text-align: center; position: relative; min-width: 75px; white-space: nowrap; border-right: 1px solid #e5e5e5; padding-right: 15px; } .total-shares em { color: #222222; font-size: 40px; line-height: 40px; font-weight: 800; font-style: normal; } .total-shares .caption { font-size: 13px; font-weight: 300px; margin-top: -8px; color: #c1c1c1; text-transform: uppercase; } .share-wrapper .share-buttons { display: inline-block; margin-right: 0; margin-left: 0; position: relative; margin-bottom: 0px; background: white; padding: 0px 15px; } .social-share{ font-size: 12px; padding: 8px 9px; line-height: 20px; background: #7a7a7a; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:none; } .social-share i{ font-size: 15px; } .social-share:hover, .social-share:focus{ color:#fff; text-decoration: none; border:none; } .share-wrapper .whatsapp { background: #0dce00; } .share-wrapper .facebook { background: #2d609b; } .share-wrapper .twitter { background: #1ebef0; } .share-wrapper .pinterest { background: #c8232c; } .share-wrapper .google-plus { background: #e02f2f; } .share-wrapper .linked_in { background: #0083be; } .alt-text{ margin-left: 3px; } .post-nav-wrapper{ margin:20px 0; } .post-nav-label{ color:#b2b2b2; margin-bottom: 5px; font-weight: bold; font-size: 13px; line-height: 17px; text-transform: uppercase; } .post-nav-label i{ font-size: 14px; } .post-nav-title{ display: block; color:#222222; font-size: 17px; line-height: 21px; font-weight: 500; } .next-post{ width: 100%; text-align: right; padding-left: 30px; } .previous-post{ width: 100%; min-height: 70px; text-align: left; padding-right: 30px; border-right:1px solid #e3e3e3; } /* === Author Box Styles === */ .author-box{ position: relative; width:100%; margin-top: 30px; margin-bottom: 20px; padding:20px 25px; border: 2px solid #d6d6d6; } .author-box .author-avatar{ float: left; display: block; margin-right: 20px; } .author-box .author-info{ margin-left: 130px; position: relative; } .author-box .author-avatar, .author-box .author-avatar a, .author-box .author-avatar a img{ overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .author-box .author-info h3{ margin: 0 0 5px 0; font-size: 29px; line-height: 33px; font-family: "Roboto", sans-serif; font-weight: 900; } .author-box .author-info h3 a{ color:#222222; } .author-box .author-info h3 a:hover{ color: #ff6600; } .author-box .author-bio{ margin-bottom: 9px; } .author-contact a{ color:#222222; display: inline-block; margin-right: 5px; } .author-contact a:hover{ color:#ff6600; } .related-posts{ margin-bottom: 20px; } .post-wrapper .tags-wrapper{ margin: 10px 0 20px; } /* === Parallax Post Styles === */ .parallax-header, .parallax-wrapper, .parallax-wrapper .parallax-box{ height: 580px; } .parallax-image{ height: 630px; } .page-wrapper, .page-wrapper .parallax-wrapper, .page-wrapper .parallax-box{ height: 320px; } .page-wrapper .parallax-image{ height: 350px; } .parallax-wrapper .page-header{ border: none; margin-top: 120px; color: #fff; text-align: center; } .page-header .page-title{ color: #fff; font-size: 52px; line-height: 56px; font-weight: 900; text-transform: uppercase; text-shadow: 0px 1px 0px #000; font-family: "Roboto", sans-serif; } .page-wrapper .parallax-image img{ opacity: .45; } .page-header .page-description{ color: #fafafa; font-size: 16px; line-height: 24px; font-weight: 100; width: 85%; margin: 0 auto; } .page-subtitle{ font-family: "Roboto", sans-serif; font-weight: 900; font-size: 38px; line-height: 46px; color: #474747; text-transform: uppercase; text-align: center; margin: 30px 0; } .parallax-header{ position: relative; overflow: hidden; width:100%; z-index: 9; background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; background-color: #000; background-size: auto 720px; } .parallax-image img{ transition: none; -webkit-transition: none; -moz-transition: none; } .parallax-image{ position: absolute; width:100%; left:0px; bottom:0px; right: 0px; } .parallax-wrapper{ position: absolute; z-index: 10; left:0px; right:0px; top:0px; bottom:0px; background: url(images/parallax-bg.png) transparent repeat-x 0 0; background-size: auto 100%; } .parallax-wrapper .post-header{ position: absolute; bottom:40px; left:15px; right: 15px; } .parallax-wrapper .post-title{ font-size: 52px; line-height: 56px; color:#fff; text-shadow: 0px 1px 0px rgba(0,0,0, 0.75); } .parallax-wrapper .simple-share{ color: #fff; } /*--------------------------------------- 3.9 Shortcodes & Pages Style -----------------------------------------*/ .post-content .nav-tabs, .post-content .nav-tabs ul{ margin:0px; background: #7a7a7a; border-bottom: none; border-left:1px solid #ebebeb; border-right: 1px solid #ebebeb; } .post-content .nav-tabs li{ list-style: none; margin:0px; border-right: 1px solid #a1a1a1; } .post-content .nav-tabs>li>a, .post-content .dropdown-menu>li>a{ color:#fff; font-size: 13px; font-weight: 800; line-height: 13px; margin: 0px; border-radius: 0px; border-bottom: none; padding:20px 35px; border:none; border-top: 2px solid transparent; } .post-content .nav-tabs>li>a:hover, .post-content .nav-tabs>li>a:focus{ background: #646363; border-bottom: none; border-left:none; border-right:none; border-top-color: #646363; } .post-content .nav-tabs>li.active{ border-right-color: transparent; } .post-content .nav-tabs>li.active>a, .post-content .nav-tabs>li.active>a:focus, .post-content .nav-tabs>li.active>a:hover{ color:#222; background: #fff; border-left-color: #ebebeb; border-right-color: transparent; border-top:2px solid #ff6600; } .post-content .tab-content{ padding: 20px; border-top: none; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } /* === Pagination Style === */ .post-content .pagination, .post-content .pager{ margin-left: 0px; text-align: center; width:100%; } .pagination>li, .post-content .pagination>li, .post-content .pager li{ list-style-type: none; float: none; display: inline-block; } .pagination>li>a, .pagination>li>span, .pager li>a, .pager li>span { margin-left: 5px; font-weight: 500; font-size: 14px; color:#7a7a7a !important; padding: 9px 15px; text-decoration: none; background-color: #fff !important; border:2px solid #dadada !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; } .pager li>a, .pager li>span{ min-width: 100px; } .pager li.previous, .pager li.next{ display: block; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pager li>a:focus, .pager li>a:hover, .pager li>span:focus, .pager li>span:hover{ color: #fff !important; border:2px solid #7a7a7a !important; background: #7a7a7a !important; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ color: #fff !important; background-color: #7a7a7a !important; border-color: #7a7a7a !important; } .pagination-lg>li>a, .pagination-lg>li>span { padding: 10px 16px; font-size: 18px; } .pagination-sm>li>a, .pagination-sm>li>span { padding: 5px 10px; font-size: 12px; } /* === Load More Button Style === */ .load-more{ margin-bottom: 30px; } .load-more .btn{ margin-left: auto; margin-right: auto; font-weight: 500; font-size: 14px; color:#7a7a7a; border:2px solid #dadada; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: #fff; } .load-more .btn:hover, .load-more .btn:focus{ color: #fff; border:2px solid #7a7a7a; background: #7a7a7a; } /* === Toggle style === */ .panel-group .panel{ background: none; border-radius: 0; border:1px solid #ebebeb; box-shadow: none; } .panel-default>.panel-heading{ background: #8a8a8a; border:none; } .panel-heading{ border-radius: 0; padding: 0; } .panel-heading .panel-title{ background: #fff; width:100%; height:100%; display: block; } .panel-heading .panel-title a{ display: block; width:100%; padding:15px 20px; color:#222222; border-left: 2px solid #ff6600; border-bottom: none; font-family: "Roboto", sans-serif; font-weight: 800; font-size: 13px; line-height: 13px; } .panel-heading .panel-title a i{ color:#ff6600; } .panel-heading .panel-title a i:before{ content: "\f068"; } .panel-heading .panel-title a.collapsed i{ color:#fff; } .panel-heading .panel-title a.collapsed i:before{ content: "\f067"; } .panel-heading .panel-title a:hover{ background: #fff; color:#222222; border-bottom: none; } .panel-title>a.collapsed{ background: #8a8a8a; border-left-color:#8a8a8a; color:#fff !important; } .panel-title>a.collapsed:hover{ color:#fff; background: #646363; border-left-color:#646363; } .panel-body{ padding: 15px 20px; } .toggle-button i{ float: right; } /* === Form Styles === */ .btn{ padding: 10px 20px; border-radius: 0; border:none; transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; } .btn-default, .btn-link{ color:#fff; background-color: #7a7a7a; } .btn-default:hover, .btn-link:hover{ color: #fff; background: #646363; } .btn-border, .btn-link{ color: #cccccc; background-color: #ffffff; border: 2px solid #cccccc; } .btn-border:hover, .btn-link:hover{ color: #c4170c; background: #ffffff; border: 2px solid #c4170c; } .btn.focus, .btn:focus, .btn:hover{ outline: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{ outline: none; } .form-control{ border: 2px solid #d6d6d6; border-radius: 0; height: 45px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .form-control:focus{ box-shadow: none; outline: none; border-color: #cdcbcb; } .form-group{ margin-bottom: 20px; } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{ margin-left: 0px; } /* === Comment Styles === */ .comments-wrapper .comment-list { list-style: none; margin: 0 0 30px; padding: 0; } .comments-wrapper .comment-list ol{ list-style: none; margin-left: 40px; } .comment-list .children > li { list-style:none; padding-left: 15px; } .comment-list .comment-body { position: relative; padding: 15px 0; overflow: hidden; } .comment-data { font-style: italic; font-size: 13px; color: #bbb; } .avatar-wrapper{ float: left; width:80px; height: 80px; overflow: hidden; border-radius: 50%; margin-right: 20px; } .avatar-wrapper img{ width:80px; height: 80px; border-radius: 50%; } .comment-metadata, .comment-content, .reply{ margin-left: 100px; } .comment-content{ font-size: 15px; line-height: 26px; } .comment-metadata .article-date{ float: right; font-size: 13px; color:#bbbbbb; } .comments-wrapper .author-name{ color:#222222; font-weight: 500; } .comments-wrapper .author-name:hover{ color:#ff6600; } .comments-wrapper .icon-bom{ color: #0cc435; } .comments-wrapper .comment-reaction{ background: #fbfbfb; padding: 0px 5px; border-radius: 5px; border: 1px solid #efefef; color: #949494; } .comments-wrapper .comment-reaction a:hover{ cursor: pointer; } .comments-wrapper .comment-reply-link{ font-size: 13px; border-bottom: 1px solid transparent; } .comments-wrapper .comment-reply-link:hover{ border-bottom-color: #ff6600; } .comment-title{ font-family: "Roboto", sans-serif; font-size: 17px; line-height: 21px; text-transform: uppercase; font-weight: 800; color:#7a7a7a; } .comment-form{ margin-bottom: 30px; } /*--------------------------------------- 3.10 Widget Style -----------------------------------------*/ .widget{ margin-bottom: 20px; background-color: #fff; padding: 15px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); } .topics { background-color: #fff; padding: 0px; border-radius: 5px 5px 0 0; } .widget footer{ font-size: 11px; text-align: right; padding: 10px 15px 10px 15px; border-top: 1px solid #f1f1f1; position: relative; font-weight: 400; } .topics h4{ font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 15px; margin: 0px; background-color: #c4170c; color: #fff; border-radius: 5px 5px 0 0; } .topics .more-news-list{ padding: 5px; } .topics .more-news-list .thumb-numeral{ display: inline-block; font-size: 35px; font-style: italic; font-weight: 300; margin-right: 5px; text-align: center; float: left; width: 70px; height: 60px; } .topics .more-news-list .thumb-data{ display: inline-block; font-size: 18px; font-weight: 300; line-height: 70px; margin-right: 5px; text-align: center; float: left; width: 70px; } .theiaStickySidebar{ background: #fff; } /* .social-links, .tagwidget, .searchwidget, .categorywidget{ margin-bottom: 40px; } .adwidget{ margin-bottom: 50px; } */ .news-block.colunists .author-widget { text-align: center; padding: 0px; border: none; } .news-block.colunists .author-widget > div.author-thumb { width: 90px; } .news-block.colunists .author-widget > div.author-meta > h3.author-title { font-weight: 600; font-size: 14px; } .news-block.colunists .author-widget > div.author-meta > p.author-last-post { font-family: "Roboto", sans-serif; color:#464646; font-size: 14px; line-height: 17px; font-weight: 400; margin: 5px 0 5px; } .author-page-contact a.facebook { color: #ffffff; padding: 3px; background: #cccccc; } .author-page-contact a.facebook:hover { background: #2d609b; color: #fff; } .author-page-contact a.whatsapp { color: #ffffff; padding: 3px; background: #cccccc; } .author-page-contact a.whatsapp:hover { background: #0dce00; color: #fff; } .sticky-sidebar .adwidget{ margin-bottom: 20px; } .widget ul{ margin:0px; padding: 0px; list-style: none; } .adwidget{ text-align: center; padding: 20px; border: 2px solid #dadada; } .author-widget{ text-align: center; padding: 20px 30px; } .author-widget a{ color:#222; } .author-widget i{ margin: 5px 3px; } .adwidget a{ display: inline-block; background: #000; } .bannerwidget{ text-align: center; padding:20px; border: 2px solid #dadada; } .bannerwidget a{ display: block; background: #000; } .author-widget .author-thumb{ float: none; margin: 0 auto 10px; width:140px; } .author-widget .author-title{ font-family: "Roboto", sans-serif; font-weight: 800; font-size: 29px; margin: 0; } .author-widget .author-title a{ color:#c4170c; } .author-widget a:hover{ color:#464646; border:none; } .author-widget .author-position{ color: #ffffff; background: #555; font-size: 13px; font-weight: 300; } .author-bio{ color:#5f5f5f; font-size: 14px; line-height: 22px; margin:5px 0px 10px; font-weight: 300; } .sidebar .subscribewidget{ text-align: left; } .widget-125 a{ float: left; display: inline-block; margin: 13px; } /* === Category widget === */ .categorywidget .block-title{ margin-bottom: 10px; } .categorywidget li{ border-bottom: 1px solid #f1f1f1; position: relative; } .categorywidget li:last-child{ border-bottom: none; } .categorywidget li a{ color:#222222; display: block; text-decoration: none; padding: 10px 0px; cursor: pointer; } .categorywidget li a span{ position:absolute; right:20px; top:50%; margin-top: -10px; color:#222222; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* === Programacao widget === */ .radio-widget input, .radio-widget button, .radio-widget .form-inline .input-group{ width:100%; border-radius: 0; height: 38px; border: none !important; } .radio-widget input{ background: #f0f0f0; } .radio-widget p{ margin-bottom: 15px; } .radio-widget .block-title{ margin-bottom: 10px; } .radio-widget li{ border-bottom: 1px solid #f1f1f1; position: relative; padding: 15px 0px; } .radio-widget li:last-child{ border-bottom: none; } .radio-widget li a{ color:#222222; display: block; text-decoration: none; padding: 10px 0px; cursor: pointer; } .radio-widget li a span{ position:absolute; right:20px; top:50%; margin-top: -10px; color:#222222; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* === Tab widget === */ .widget .nav-tabs{ border:none; background-color: #7a7a7a; margin: -15px -15px 15px -15px; padding: 15px 15px 0px 30px; } .widget .nav-tabs>li{ float: left; display: block; background: none; } .widget .nav>li>a { padding: 0px; } .widget .nav-tabs>li>a { margin-right: 30px; line-height: 1; border:none; margin-bottom: 0px; line-height: 39px; height: 40px; color: rgba(255, 255, 255, 0.7); background: none; } .widget .nav>li>a:focus, .widget .nav>li>a:hover { text-decoration: none; background: none; } .widget .nav-tabs>li>a:hover { border-color: transparent; color:#fff; } .widget .nav-tabs>li.active>a, .widget .nav-tabs>li.active>a:focus, .widget .nav-tabs>li.active>a:hover{ color: #fff; background: none; border:none; } .widget-post{ padding: 0px; margin-bottom: 5px; } .widget-post .numeral{ border-bottom: 1px solid #efefef; } .widget-post:last-child{ margin-bottom: 0px; } .widget-post h3{ margin: 0px; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 14px; line-height: 17px; } .widget-post h3 a{ color:#222222; } .widget-post h2{ margin: 0px; font-family: "Roboto", sans-serif; font-weight: 800; font-size: 16px; line-height: 18px; } .widget-post h2 a{ color:#222222; } .widget-post .simple-thumb{ margin: 0px 15px 0px 0px; } /* === Subscribe Widget Style === */ .subscribewidget input, .subscribewidget button, .subscribewidget .form-inline .input-group{ width:100%; border-radius: 0; height: 38px; border: none !important; } .subscribewidget input{ background: #f0f0f0; } .subscribewidget p{ margin-bottom: 15px; } /* === Search Widget Style === */ .searchwidget-form{ border:2px solid #dadada; } .searchwidget-form input[type="text"]{ border: none; outline: none; } .searchwidget-form input[type="text"], .searchwidget-form button{ height: 40px; line-height: 40px; border: none; } .searchwidget-form button{ background: none; color:#7a7a7a; text-align: center; width:40px; padding: 0px; } .searchwidget-form button:hover, .searchwidget-form button:focus{ color:#222; background: none; } /* === Tags Widget Style === */ .tags-widget{ margin:0px; padding:0px; list-style: none; } .tags-widget li{ float: left; margin: 0px 10px 10px 0px; } .tags-widget li.trending{ font-family: "Roboto", sans-serif; font-weight: 800; font-size: 17px; line-height: 30px; } .tags-widget li a{ display: block; color:#7a7a7a; font-weight: 500; font-size: 13px; line-height: 13px; padding: 7px 9px; border: 2px solid #dadada; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tags-widget li a:hover{ color:#fff !important; background: #7a7a7a !important; border-color: #7a7a7a !important; } /* === Reviews Widget Style === */ .star-reviews{ color: orange; margin-right: 10px; display: inline-block; cursor: default; } .star-reviews i{ margin-left: -1px; margin-right: -1px; } .social-list{ margin:0px -5px !important; padding:0px; list-style: none; } .social-list li{ float: left; list-style: none !important; margin:0px 5px 10px !important; padding:0px; } /* === Social button Style === */ .social-list li a{ display: block; text-align: center; border:2px solid #dadada; width:40px; height: 40px; font-size: 18px; line-height: 36px; color:#b2b2b2; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .social-list li a:hover, .social-list li a:focus{ background: #000; color:#fff; border-color:#000; } .social-list li.social-facebook a:hover, .social-list li.social-facebook a:focus{ background: #507cbe; border-color:#507cbe; } .social-list li.social-twitter a:hover, .social-list li.social-twitter a:focus{ background: #63cdf1; border-color:#63cdf1; } .social-list li.social-gplus a:hover, .social-list li.social-gplus a:focus{ background: #e04b35; border-color:#e04b35; } .social-list li.social-youtube a:hover, .social-list li.social-youtube a:focus{ background: #f16261; border-color:#f16261; } .social-list li.social-vimeo a:hover, .social-list li.social-vimeo a:focus{ background: #87d3e0; border-color:#87d3e0; } .social-list li.social-instagram a:hover, .social-list li.social-instagram a:focus{ background: #5c7da6; border-color:#5c7da6; } .social-list li.social-pinterest a:hover, .social-list li.social-pinterest a:focus{ background: #f16261; border-color:#f16261; } .social-list li.social-skype a:hover, .social-list li.social-skype a:focus{ background: #507cbe; border-color:#507cbe; } .social-list li.social-rss a:hover, .social-list li.social-rss a:focus{ background: #ffb432; border-color:#ffb432; } /*--------------------------------------- 3.11 Footer Style -----------------------------------------*/ .footer{ width: 100%; margin: 30px 0 0; padding: 0; background: #373737; z-index: 1; color: #fff; } .footer .logo{ color: #fff; margin-bottom: 0px; margin-top: 0px; } .footer li{ list-style: none; } .footer p{ margin-bottom: 15px; } .footer-main .social-list{ margin: 0px -5px; padding: 0px; } .footer-main .social-list li{ float: left; margin: 0px 5px 10px; padding: 0px; } .footer-main .social-list li a, .footer-main .tags-widget li a{ background: #4b4b4b; border-color:#4b4b4b; color:#e3e3e3; } .footer-main .social-list li a:hover, .footer-main .tags-widget li a:hover{ color:#fff; } .footer-main{ padding-top:50px; padding-bottom: 50px; } .footer-main p{ color: #d7d7d7; } .footer-main h3{ font-family: "Roboto", sans-serif; font-size: 15px; line-height: 19px; text-transform: uppercase; margin: 0px 0px 20px 0px; } .footer-main .form-group{ margin-bottom: 10px; } .footer-main .form-control{ background: #2c2c2c; border-color: #2c2c2c; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .footer-main .btn{ width:100%; color:#fff; background: #4b4b4b; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .footer-main .btn:hover, .footer-main .btn:focus { color:#fff; background: #7a7a7a; } .footer-menu { margin: 0; padding: 0; list-style: none; } .footer-menu li { margin: 0 0 10px; padding: 0; } .footer-menu li:last-child{ margin-bottom: 0px; } .footer-menu li a { color: #fff; position: relative; text-decoration: none; border-bottom: 1px solid transparent; } .footer a:hover { color: #fff; border-bottom-color: #fff; } .footer-menu li a:hover:after { right: 5px; } .footer-bottom{ background: #2c2c2c; padding: 15px 0px; color:#fff; } .footer-bottom p, .footer-bottom ul{ margin: 0px; padding: 0px; } .footer-bottom a{ color: #969696; } .footer-bottom a:hover{ color:#fff; border:none; text-decoration: none; } /* === Go to top Button Style === */ #go-top-button { position: fixed; z-index: 100; background: #7a7a7a; color:#fff; background: rgba(122, 122, 122, .25); width: 40px; height: 40px; text-align: center; font-size: 24px; line-height: 37px; bottom: -70px; right: 10px; cursor: pointer; overflow: auto; opacity: 0.7; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; -webkit-backface-visibility:hidden; } #go-top-button:hover{ opacity: 1; } /* === Mobile overlay === */ .mobile-overlay{ left:0; z-index:990; height:0; width:0; -webkit-transition:-webkit-transform .5s; transition:transform .5s; -webkit-backface-visibility: hidden; cursor:pointer } .mobile-overlay:after{ position:fixed; top:0; z-index:990; right:0; width:0; height:0; background:rgba(0,0,0,.5); content:''; opacity:0; -webkit-transition:opacity .5s,width .1s .5s,height .1s .5s; transition:opacity .5s,width .1s .5s,height .1s .5s; -webkit-backface-visibility: hidden; } .ad-opened .mobile-overlay:after { width:100%; height:100%; opacity:1; -webkit-transition:opacity .5s; transition:opacity .5s; z-index:990; } .ad-opened .fixed-left-sidebar .sticky-sidebar, .ad-opened .fixed-right-sidebar .sticky-sidebar{ z-index: 999; right:0; left: auto; } /* -------------------------------------- ========================================= 4. Responsive CSS ========================================= -----------------------------------------*/ @media (max-width: 1260px) { .fixed-left-sidebar .sticky-sidebar, .fixed-right-sidebar .sticky-sidebar{ right:-390px; left: auto; } .fixed-sidebar .fixed-main{ margin-left: auto; margin-right: auto; } .header-style2 .mid-logo-wrapper{ display: block; float: none; } .header-style2 .header-mid-wrapper{ text-align: center; } .header-style2 .header-banner{ display: none; } } @media (max-width: 1199px) { .featured-slider .featured-big, .featured-slider .featured-big img, .featured-slider .featured-big a.featured-href{ height: 440px; } .featured-slider .featured-small, .featured-slider .featured-small img, .featured-slider .featured-small a.featured-href { height: 220px; } .featured-header{ padding: 25px 20px 20px; } .featured-small .category{ left: 20px; top: 0px; } .box-news .category{ top: 5px; } .nav>li>a{ padding-right: 12px; padding-left: 12px; } .navbar-collapse{ padding-left: 5px; } .featured-slider .featured-header h2, .featured-header h2, .simple-big h3, .small-block .news-title, .simple-post h3 { font-size: 20px; line-height: 24px; } .featured-slider .featured-big .featured-header h2, .box-big h2, .big-block .news-title, .news-title, .post-title{ font-size: 30px; line-height: 34px; margin-bottom: 10px; } .slim-block .news-details{ margin-right: 10px; margin-left: 10px; padding: 10px 15px 10px; } .parallax-wrapper .post-title{ font-size: 34px; line-height: 38px; } .news-details p.excerpt{ display: none; } .widget .nav-tabs>li>a{ margin-right: 15px; } .parallax-header, .parallax-wrapper, .parallax-wrapper .mag-content, .parallax-wrapper .col-md-12, .parallax-image{ height: 500px; } .page-wrapper, .page-wrapper .parallax-wrapper, .page-wrapper .parallax-box{ height: 320px; } } @media (max-width: 991px) { .logo-circuito-top{ max-width: 255px; padding: 9px; } .fixed-button, .fixed-sidebar .fixed-button{ display: inline-block; } .page-wrapper, .page-wrapper .parallax-wrapper, .page-wrapper .parallax-box{ height: 300px; } .header .mega-menu .collapse, .sb-search{ display: none !important; } .header-right{ right: 0px; } .mobile-nav{ display: block; } .fixed-button{ display: none; } .omega{ padding-right: 15px !important; margin-bottom: 15px; } .alpha{ padding-left: 15px !important; margin-bottom: 15px; } /* BOX EM FORMA DE LISTA */ .list .image-overlay{ width: auto; float: none; margin: 0; } .featured-slider .featured-big, .featured-slider .featured-big a.featured-href, .featured-slider .featured-big img, .featured-slider .featured-small, .featured-slider .featured-small a.featured-href, .featured-slider .featured-small img, .box-news, .box-news img, .feed-image img, .featured-slider .slider-item img{ height: auto; width:100%; border-right: none; border-left: none; } .category{ top: 20px; left: 20px !important; padding: 5px 6px; font-size: 10px; } .box-news .category{ top:5px; } .featured-slider .featured-header h2, .box-news h2, .featured-header h2{ font-family: "Roboto", sans-serif; color:#fff; font-weight: 300; font-size: 20px; line-height: 25px; margin: 10px 0; } .news-title, .big-block .news-title, .minimal-block .news-title, .small-block .news-title, .fixed-left-sidebar .widget-content li h3, .fixed-left-sidebar .widget-content li h3 a{ font-family: "Noto Serif", serif; font-weight: bold; font-size: 30px; line-height: 34px; } .fixed-left-sidebar .news-details{ margin: 15px 0 0 0; padding:0px; } .simple-big h3{ font-size: 24px; line-height: 28px; } .featured-slider .featured-header, .featured-slider .featured-big .featured-header { padding: 40px 20px 20px; } .featured-slider .featured-big .category{ top: 20px; left:15px; } .tag-list{ height: auto; } .tag-list li{ font-size: 14px; line-height: 29px; } .tag-list li.trending{ padding: 3px 0; float: none; border-bottom: 1px solid #efefef; text-align: center; } .tag-list li.trending > span{ display: block; } .tag-list li a{ font-size: 13px; line-height: 26px; padding: 0px 8px; } .widget{ margin-bottom: 20px; } .widget .nav-tabs>li>a{ margin-right: 5px; } .parallax-header, .parallax-wrapper, .parallax-wrapper .mag-content, .parallax-wrapper .col-md-12, .parallax-image{ height: 500px; } .page-wrapper, .page-wrapper .parallax-wrapper, .page-wrapper .parallax-box{ height: 320px; } .featured-slider .featured-big .featured-header p, .news-details p.excerpt, .featured-small p{ display: block; } .footer-block{ margin-bottom: 20px; text-align: center; } .footer-main { padding-top: 20px; padding-bottom: 0px; } .footer-bottom{ text-align: center; } .footer .social-icons{ float: none !important; margin-top: 10px; } .footer .logo{ float: none; display: block; margin-right: auto; margin-left: auto; width:110px; } .footer-main .footer-block{ margin-bottom: 25px; } .footer-main .social-list, .footer-main .tags-widget{ text-align: center; } .footer-main .social-list li, .footer-main .tags-widget li{ float: none; display: inline-block; } .footer-main .form-group{ max-width: 400px; margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .featured-slider .featured-big .category{ top: 0px; } .featured-slider .featured-big .featured-header p, .news-details p.excerpt, .featured-small p, .alt-text, .share-wrapper .linked_in, .share-wrapper .pinterest{ display: none; } .mag-content{ margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; } .previous-post, .next-post{ padding: 0px; text-align: center; margin-bottom: 10px; border:none; } .author-box .author-info{ margin: 0px; text-align: center; } .author-box .author-avatar{ float: none; text-align: center; margin: 0 0 5px 0; } .alignright, .alignleft{ float: none; } .search, .news-details p, .simple-big .excerpt{ display: none; } /* Ndr */ /* BOX EM FORMA DE LISTA */ .list .image-overlay{ width: auto; float: none; margin: 0; } .news-block { margin-bottom: 15px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); } .simple-post { margin-bottom: 15px; } /* NDr Fim */ .news-details .simple-share{ display: block; } .avatar-wrapper, .avatar-wrapper img{ width: 60px; height: 60px; } .comments-wrapper .comment-list ol{ padding-left: 5px; margin-left: 0px; } .comment-metadata, .comment-content, .reply { margin-left: 70px; } .featured-slider .featured-header h2, .featured-slider .featured-big .featured-header h2, .featured-header h2{ font-family: "Roboto", sans-serif; color:#fff; font-weight: 300; font-size: 20px; line-height: 25px; margin: 10px 0; } .news-title, .minimal-block .news-title, .big-block .news-title, .small-block .news-title, .fixed-left-sidebar .widget-content li h3, .fixed-left-sidebar .widget-content li h3 a { font-family: "Noto Serif", serif; font-size: 20px; line-height: 24px; font-weight: bold; } .page-header .page-title{ font-size: 28px; line-height: 28px; } .simple-post h3, .simple-big h3{ font-size: 15px; line-height: 19px; } .simple-thumb, .author-thumb { margin: 0 10px 10px 0; width: 140px !important; } .news-details{ margin: 0px; padding: 10px 15px 10px; } .slim-block .news-details{ margin: 0px; padding: 10px 15px 10px; } .featured-header{ padding: 20px 10px 10px !important; } .category{ left: 10px !important; } .adwidget{ padding: 0; border: none; } .parallax-header, .parallax-wrapper, .parallax-wrapper .mag-content, .parallax-wrapper .col-md-12, .parallax-image{ height: 400px; } .page-wrapper, .page-wrapper .parallax-wrapper, .page-wrapper .parallax-box{ height: 320px; } } @media (max-width: 400px) { .fixed-left-sidebar .sticky-sidebar, .fixed-right-sidebar .sticky-sidebar{ width: 300px; } .sticky-content{ padding: 15px; } .mid-logo-wrapper .logo{ font-size: 30px; line-height: 32px; } .mid-logo-wrapper .logo-description { font-size: 12px; line-height: 15px; } .header-style2 .main-wrapper, .header-style3 .main-wrapper{ padding-top: 190px; } /* BOX EM FORMA DE LISTA */ .list .image-overlay{ width: auto; float: none; margin: 0; } } /* -------------------------------------- ========================================= 5. Dark Skin CSS ========================================= -----------------------------------------*/ body.dark-skin, .dark-skin .btn, .dark-skin .pagination>li>a, .dark-skin .pagination>li>span, .dark-skin .pager li>a, .dark-skin .pager li>span{ background: #111; } .dark-skin a{ color: #e8e8e8; } .dark-skin .simple-share a:hover{ color: #e8e8e8; border-color: #e8e8e8; } body.dark-skin, .dark-skin .btn, .dark-skin .pagination>li>a, .dark-skin .pagination>li>span, .dark-skin .pager li>a, .dark-skin .pager li>span, .dark-skin .load-more .btn{ color: #bbbbbb; } .dark-skin .load-more .btn:hover, .dark-skin .load-more .btn:focus, .dark-skin .pagination>li>a:focus, .dark-skin .pagination>li>a:hover, .dark-skin .pagination>li>span:focus, .dark-skin .pagination>li>span:hover, .dark-skin .pager li>a:focus, .dark-skin .pager li>a:hover, .dark-skin .pager li>span:focus, .dark-skin .pager li>span:hover, .dark-skin .pagination>.active>a, .dark-skin .pagination>.active>a:focus, .dark-skin .pagination>.active>a:hover, .dark-skin .pagination>.active>span, .dark-skin .pagination>.active>span:focus, .dark-skin .pagination>.active>span:hover{ color: #fff; background-color: #606060; border-color: #606060; } .dark-skin .pagination>.disabled>a, .dark-skin .pagination>.disabled>a:focus, .dark-skin .pagination>.disabled>a:hover, .dark-skin .pagination>.disabled>span, .dark-skin .pagination>.disabled>span:focus, .dark-skin .pagination>.disabled>span:hover{ background: #111; color: #bbbbbb; border-color: #606060; } .dark-skin .logo, .dark-skin .header-mid .logo, .dark-skin .comments-wrapper .author-name, .dark-skin .social-icons a:hover{ color:#fff !important; } .dark-skin.wide, .dark-skin .header, .dark-skin .main-content, .dark-skin .news-details, .dark-skin .dropdown-menu, .dark-skin .sticky-sidebar, .dark-skin .navbar .nav .open>a, .dark-skin .navbar .nav .open>a:hover, .dark-skin .navbar .nav .open>a:focus, .dark-skin .header-mid, .dark-skin .header-top, .dark-skin .sb-icon-search{ background: #1d1d1d; } .dark-skin.wide .sticky-sidebar{ border-right: 1px solid #222; border-left: 1px solid #222; } .dark-skin.wide .header{ border-bottom: 1px solid #222; } .dark-skin .nav .tabs-left > .nav-tabs > li, .dark-skin .mega-menu .dropdown-menu>li, .dark-skin .categorywidget li, .dark-skin .header-mid, .dark-skin .header-top{ border-bottom: 1px solid #2a2a2a; } .dark-skin .mega-menu .fullwidth>li{ border:none; } .dark-skin .nav .tabs-left > .nav-tabs > li:last-child{ border-bottom: none; } .dark-skin.wide .main-content{ border:none; } .dark-skin .main-content, .dark-skin .header, .dark-skin .mega-menu .dropdown-menu{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dark-skin .navbar-nav li a, .dark-skin .news-title a, .dark-skin .nav .tabs-left > .nav-tabs > li > a, .dark-skin .dropdown-menu .mega-menu-news .mega-menu-detail h4 a, .dark-skin .tag-list li a, .dark-skin .widget-title, .dark-skin .widget .nav-tabs>li>a, .dark-skin .widget-content li h3 a, .dark-skin .widget-post h3 a, .dark-skin .widget-post h2 a, .dark-skin .widget .nav-tabs>li.active>a, .dark-skin .widget .nav-tabs>li.active>a:focus, .dark-skin .widget .nav-tabs>li.active>a:hover, .dark-skin .categorywidget li a, .dark-skin .categorywidget li a span, .dark-skin .simple-post h3 a, .dark-skin .block-title, .dark-skin .block-title a, .dark-skin .widget .nav-tabs>li>a, .dark-skin .post-title, .dark-skin .post-wrapper, .dark-skin .total-shares em, .dark-skin .comments-wrapper, .dark-skin .comments-wrapper .author-name, .dark-skin .comment-title, .dark-skin .tags-widget li a, .dark-skin .mid-logo-wrapper .logo-description, .dark-skin .social-list li a, .dark-skin .post-wrapper h1, .dark-skin .post-wrapper h2, .dark-skin .post-wrapper h3, .dark-skin .post-wrapper h4, .dark-skin .post-wrapper h5, .dark-skin .post-wrapper h6, .dark-skin .author-widget .author-title a, .dark-skin .author-box .author-info h3 a, .dark-skin .author-bio, .dark-skin .author-widget a { color: #c4170c; } .dark-skin .progress{ background-color: #606060; } .dark-skin .navbar-toggle i, .dark-skin .navbar-toggle span{ background-color: #e8e8e8; } .dark-skin .widget-title, .dark-skin .widget .nav-tabs>li>a, .dark-skin .block-title, .dark-skin .widget .nav-tabs>li>a, .dark-skin .widget .nav-tabs{ border-bottom:2px solid #606060; } .dark-skin button.btn.btn-lg.btn-block, .dark-skin .adwidget, .dark-skin .author-widget, .dark-skin .widget .tags-widget li a, .dark-skin .bannerwidget, .dark-skin .social-list li a, .dark-skin .searchwidget-form, .dark-skin .btn, .dark-skin .pagination>li>a, .dark-skin .pagination>li>span, .dark-skin .pager li>a, .dark-skin .pager li>span, .dark-skin .load-more .btn, .dark-skin .share-wrapper, .dark-skin .total-shares, .dark-skin .author-box, .dark-skin .previous-post{ border-color: #606060; } .dark-skin .form-control, .dark-skin .searchwidget-form .btn{ background: #f0f0f0; } .dark-skin .widget .nav-tabs>li.active>a{ border-bottom: 2px solid #ff6600; } .dark-skin .widget-content li h3 a:hover, .dark-skin .news-title a:hover, .dark-skin .simple-post h3 a:hover, .dark-skin .widget-post h3 a:hover, .dark-skin .widget-post h2 a:hover, .dark-skin .comments-wrapper .author-name:hover { color: #ff6600; } /* -------------------------------------- ========================================= 6. Template color options CSS ========================================= -----------------------------------------*/ /* Color2 style #ff6600 */ .body-color2 .header, .body-color2 .sb-icon-search, .body-color2 .progress-bar, .body-color2 .drop-caps-square { background: #ff6600; } .body-color2 .logo, .body-color2 .navbar-nav>li>a, .body-color2 .social-icons a, .body-color2 .sb-icon-search{ color: #fff; } .body-color2 .drop-caps-square{ color: #fff !important; } .body-color2 .header-mid .logo{ color:#000; } .body-color2 .logo span, .body-color2 .sb-search.sb-search-open .sb-icon-search, .body-color2 .no-js .sb-search .sb-icon-search{ background: #fff; color:#ff6600; } .body-color2 .header-mid .logo span, .body-color2 .footer .logo span{ background: #ff6600; color:#fff; } .body-color2 .navbar-nav>li>a.dropdown-toggle:after{ border-top-color: #fff; } .body-color2 .navbar-nav>li.open>a{ color: #ff6600; background: white; border-top-color: #ff6600; } .body-color2 .navbar-nav>li.open>a:after{ color: #ff6600; border-top-color: #ff6600; } .body-color2 .mega-menu .dropdown-menu > li > a:hover, .body-color2 .mega-menu .dropdown-submenu:hover>a, .body-color2 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover, .body-color2 .nav .tabs-left > .nav-tabs > li > a:hover, .body-color2 .nav .tabs-left > .nav-tabs > li.active > a, .body-color2 .widget-content li h3 a:hover, .body-color2 .news-title a:hover, .body-color2 .simple-post h3 a:hover, .body-color2 .widget-post h3 a:hover, .body-color2 .widget-post h2 a:hover, .body-color2 .categorywidget li a:hover, .body-color2 .categorywidget li a:hover span, .body-color2 .comments-wrapper .comment-reply-link, .body-color2 .post-wrapper .simple-share a, .body-color2 .parallax-wrapper .simple-share a, .body-color2 .post-content > p:first-child:first-letter, .body-color2 .drop-caps, .body-color2 .box-news .simple-share a, .body-color2 .box-news .simple-share a:hover, .body-color2 .post-nav-title:hover, .body-color2 .author-box .author-info h3 a:hover, .body-color2 .author-contact a:hover, .body-color2 .comments-wrapper .author-name:hover{ color: #ff6600; } .body-color2 .mega-menu .dropdown-submenu:hover>a:after, .body-color2 .nav .tabs-left > .nav-tabs > li.active>a:after{ border-left-color:#ff6600; } .body-color2 .widget .nav-tabs>li.active>a, .body-color2 .widget .nav-tabs>li.active>a:focus, .body-color2 .widget .nav-tabs>li.active>a:hover, .body-color2 .block-title span, .body-color2 .comments-wrapper .comment-reply-link:hover, .body-color2 .modern-quote, .body-color2 .box-news .simple-share a:hover{ border-color: #ff6600; } .body-color2 .navbar-toggle span, .body-color2 .navbar-toggle .icon-bar{ background-color: #fff; } /* Color3 style #ff4106 */ .body-color3 .header, .body-color3 .sb-icon-search, .body-color3 .progress-bar, .body-color3 .drop-caps-square { background: #ff4106; } .body-color3 .logo, .body-color3 .navbar-nav>li>a, .body-color3 .social-icons a, .body-color3 .sb-icon-search{ color: #fff; } .body-color3 .drop-caps-square{ color: #fff !important; } .body-color3 .header-mid .logo{ color:#000; } .body-color3 .logo span, .body-color3 .sb-search.sb-search-open .sb-icon-search, .body-color3 .no-js .sb-search .sb-icon-search{ background: #fff; color:#ff4106; } .body-color3 .header-mid .logo span, .body-color3 .footer .logo span{ background: #ff4106; color:#fff; } .body-color3 .navbar-nav>li>a.dropdown-toggle:after{ border-top-color: #fff; } .body-color3 .navbar-nav>li.open>a{ color: #ff4106; background: white; border-top-color: #ff4106; } .body-color3 .navbar-nav>li.open>a:after{ color: #ff4106; border-top-color: #ff4106; } .body-color3 .mega-menu .dropdown-menu > li > a:hover, .body-color3 .mega-menu .dropdown-submenu:hover>a, .body-color3 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover, .body-color3 .nav .tabs-left > .nav-tabs > li > a:hover, .body-color3 .nav .tabs-left > .nav-tabs > li.active > a, .body-color3 .widget-content li h3 a:hover, .body-color3 .news-title a:hover, .body-color3 .simple-post h3 a:hover, .body-color3 .widget-post h3 a:hover, .body-color3 .widget-post h2 a:hover, .body-color3 .categorywidget li a:hover, .body-color3 .categorywidget li a:hover span, .body-color3 .comments-wrapper .comment-reply-link, .body-color3 .post-wrapper .simple-share a, .body-color3 .parallax-wrapper .simple-share a, .body-color3 .post-content > p:first-child:first-letter, .body-color3 .drop-caps, .body-color3 .box-news .simple-share a, .body-color3 .box-news .simple-share a:hover, .body-color3 .author-box .author-info h3 a:hover, .body-color3 .author-contact a:hover, .body-color3 .comments-wrapper .author-name:hover{ color: #ff4106; } .body-color3 .mega-menu .dropdown-submenu:hover>a:after, .body-color3 .nav .tabs-left > .nav-tabs > li.active>a:after{ border-left-color:#ff4106; } .body-color3 .widget .nav-tabs>li.active>a, .body-color3 .widget .nav-tabs>li.active>a:focus, .body-color3 .widget .nav-tabs>li.active>a:hover, .body-color3 .block-title span, .body-color3 .comments-wrapper .comment-reply-link:hover, .body-color3 .modern-quote, .body-color3 .box-news .simple-share a:hover{ border-color: #ff4106; } .body-color3 .navbar-toggle span, .body-color3 .navbar-toggle .icon-bar{ background-color: #fff; } /* Color4 style #00acec */ .body-color4 .header, .body-color4 .sb-icon-search, .body-color4 .progress-bar, .body-color4 .drop-caps-square { background: #00acec; } .body-color4 .logo, .body-color4 .navbar-nav>li>a, .body-color4 .social-icons a, .body-color4 .sb-icon-search{ color: #fff; } .body-color4 .drop-caps-square{ color: #fff !important; } .body-color4 .header-mid .logo{ color:#000; } .body-color4 .logo span, .body-color4 .sb-search.sb-search-open .sb-icon-search, .body-color4 .no-js .sb-search .sb-icon-search{ background: #fff; color:#00acec; } .body-color4 .header-mid .logo span, .body-color4 .footer .logo span{ background: #00acec; color:#fff; } .body-color4 .navbar-nav>li>a.dropdown-toggle:after{ border-top-color: #fff; } .body-color4 .navbar-nav>li.open>a{ color: #00acec; background: white; border-top-color: #00acec; } .body-color4 .navbar-nav>li.open>a:after{ color: #00acec; border-top-color: #00acec; } .body-color4 .mega-menu .dropdown-menu > li > a:hover, .body-color4 .mega-menu .dropdown-submenu:hover>a, .body-color4 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover, .body-color4 .nav .tabs-left > .nav-tabs > li > a:hover, .body-color4 .nav .tabs-left > .nav-tabs > li.active > a, .body-color4 .widget-content li h3 a:hover, .body-color4 .news-title a:hover, .body-color4 .simple-post h3 a:hover, .body-color4 .widget-post h3 a:hover, .body-color4 .widget-post h2 a:hover, .body-color4 .categorywidget li a:hover, .body-color4 .categorywidget li a:hover span, .body-color4 .comments-wrapper .comment-reply-link, .body-color4 .post-wrapper .simple-share a, .body-color4 .parallax-wrapper .simple-share a, .body-color4 .post-content > p:first-child:first-letter, .body-color4 .drop-caps, .body-color4 .box-news .simple-share a, .body-color4 .box-news .simple-share a:hover, .body-color4 .author-box .author-info h3 a:hover, .body-color4 .author-contact a:hover, .body-color4 .comments-wrapper .author-name:hover{ color: #00acec; } .body-color4 .mega-menu .dropdown-submenu:hover>a:after, .body-color4 .nav .tabs-left > .nav-tabs > li.active>a:after{ border-left-color:#00acec; } .body-color4 .widget .nav-tabs>li.active>a, .body-color4 .widget .nav-tabs>li.active>a:focus, .body-color4 .widget .nav-tabs>li.active>a:hover, .body-color4 .block-title span, .body-color4 .comments-wrapper .comment-reply-link:hover, .body-color4 .modern-quote, .body-color4 .box-news .simple-share a:hover{ border-color: #00acec; } .body-color4 .navbar-toggle span, .body-color4 .navbar-toggle .icon-bar{ background-color: #fff; } /* Color5 style #89b21c */ .body-color5 .header, .body-color5 .sb-icon-search, .body-color5 .progress-bar, .body-color5 .drop-caps-square { background: #89b21c; } .body-color5 .logo, .body-color5 .navbar-nav>li>a, .body-color5 .social-icons a, .body-color5 .sb-icon-search{ color: #fff; } .body-color5 .drop-caps-square{ color: #fff !important; } .body-color5 .header-mid .logo{ color:#000; } .body-color5 .logo span, .body-color5 .sb-search.sb-search-open .sb-icon-search, .body-color5 .no-js .sb-search .sb-icon-search{ background: #fff; color:#89b21c; } .body-color5 .header-mid .logo span, .body-color5 .footer .logo span{ background: #89b21c; color:#fff; } .body-color5 .navbar-nav>li>a.dropdown-toggle:after{ border-top-color: #fff; } .body-color5 .navbar-nav>li.open>a{ color: #89b21c; background: white; border-top-color: #89b21c; } .body-color5 .navbar-nav>li.open>a:after{ color: #89b21c; border-top-color: #89b21c; } .body-color5 .mega-menu .dropdown-menu > li > a:hover, .body-color5 .mega-menu .dropdown-submenu:hover>a, .body-color5 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover, .body-color5 .nav .tabs-left > .nav-tabs > li > a:hover, .body-color5 .nav .tabs-left > .nav-tabs > li.active > a, .body-color5 .widget-content li h3 a:hover, .body-color5 .news-title a:hover, .body-color5 .simple-post h3 a:hover, .body-color5 .widget-post h3 a:hover, .body-color5 .widget-post h2 a:hover, .body-color5 .categorywidget li a:hover, .body-color5 .categorywidget li a:hover span, .body-color5 .comments-wrapper .comment-reply-link, .body-color5 .post-wrapper .simple-share a, .body-color5 .parallax-wrapper .simple-share a, .body-color5 .post-content > p:first-child:first-letter, .body-color5 .drop-caps, .body-color5 .box-news .simple-share a, .body-color5 .box-news .simple-share a:hover, .body-color5 .author-box .author-info h3 a:hover, .body-color5 .author-contact a:hover, .body-color5 .comments-wrapper .author-name:hover{ color: #89b21c; } .body-color5 .mega-menu .dropdown-submenu:hover>a:after, .body-color5 .nav .tabs-left > .nav-tabs > li.active>a:after{ border-left-color:#89b21c; } .body-color5 .widget .nav-tabs>li.active>a, .body-color5 .widget .nav-tabs>li.active>a:focus, .body-color5 .widget .nav-tabs>li.active>a:hover, .body-color5 .block-title span, .body-color5 .comments-wrapper .comment-reply-link:hover, .body-color5 .modern-quote, .body-color5 .box-news .simple-share a:hover{ border-color: #89b21c; } .body-color5 .navbar-toggle span, .body-color5 .navbar-toggle .icon-bar{ background-color: #fff; } /* Color6 style #1d1d1d */ .body-color6 .header, .body-color6 .sb-icon-search, .body-color6 .progress-bar, .body-color6 .drop-caps-square { background: #1d1d1d; } .body-color6 .logo, .body-color6 .navbar-nav>li>a, .body-color6 .social-icons a, .body-color6 .sb-icon-search{ color: #fff; } .body-color6 .drop-caps-square{ color: #fff !important; } .body-color6 .header-mid .logo{ color:#000; } .body-color6 .logo span, .body-color6 .sb-search.sb-search-open .sb-icon-search, .body-color6 .no-js .sb-search .sb-icon-search{ background: #fff; color:#1d1d1d; } .body-color6 .header-mid .logo span, .body-color6 .footer .logo span{ background: #1d1d1d; color:#fff; } .body-color6 .navbar-nav>li>a.dropdown-toggle:after{ border-top-color: #fff; } .body-color6 .navbar-nav>li.open>a{ color: #1d1d1d; background: white; border-top-color: #1d1d1d; } .body-color6 .navbar-nav>li.open>a:after{ color: #1d1d1d; border-top-color: #1d1d1d; } .body-color6 .mega-menu .dropdown-menu > li > a:hover, .body-color6 .mega-menu .dropdown-submenu:hover>a, .body-color6 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover, .body-color6 .nav .tabs-left > .nav-tabs > li > a:hover, .body-color6 .nav .tabs-left > .nav-tabs > li.active > a, .body-color6 .widget-content li h3 a:hover, .body-color6 .news-title a:hover, .body-color6 .simple-post h3 a:hover, .body-color6 .widget-post h3 a:hover, .body-color6 .widget-post h2 a:hover, .body-color6 .categorywidget li a:hover, .body-color6 .categorywidget li a:hover span, .body-color6 .comments-wrapper .comment-reply-link, .body-color6 .post-wrapper .simple-share a, .body-color6 .parallax-wrapper .simple-share a, .body-color6 .post-content > p:first-child:first-letter, .body-color6 .drop-caps, .body-color6 .box-news .simple-share a, .body-color6 .box-news .simple-share a:hover, .body-color6 .author-box .author-info h3 a:hover, .body-color6 .author-contact a:hover, .body-color6 .comments-wrapper .author-name:hover{ color: #1d1d1d; } .body-color6 .mega-menu .dropdown-submenu:hover>a:after, .body-color6 .nav .tabs-left > .nav-tabs > li.active>a:after{ border-left-color: #1d1d1d; } .body-color6 .widget .nav-tabs>li.active>a, .body-color6 .widget .nav-tabs>li.active>a:focus, .body-color6 .widget .nav-tabs>li.active>a:hover, .body-color6 .block-title span, .body-color6 .comments-wrapper .comment-reply-link:hover, .body-color6 .modern-quote, .body-color6 .box-news .simple-share a:hover{ border-color: #1d1d1d; } .body-color6 .navbar-toggle span, .body-color6 .navbar-toggle .icon-bar{ background-color: #fff; } /*///////////////////////////// HOME TITLE ///////////////////////////*/ .home-title span{ box-shadow: -5px 5px 0 #111; background: #333; padding: 0px 10px; color: #fff; } /*///////////////////////////// TOPICNEWS ///////////////////////////*/ .scrollbar-y { overflow-y: scroll; } #scroll-style-1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.2); } #scroll-style-1::-webkit-scrollbar { width: 8px; } #scroll-style-1::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #555; } .topics .more-news-list > article .numeral{ border-bottom: 1px solid #efefef; } /*///////////////////////////// Vermelho Bordo COLOR-01 ///////////////////////////*/ .color-01 .widget-title h4{ background-color: #c4170c; color: #fff; } .color-01 .featured-label{ border-left: 2px solid #c4170c; color: #fff; } .color-01 .news-label{ color: #c4170c; } .widget.color-01 > footer > a{ color: #c4170c; } .home-title.color-01 span{ color: #fff; box-shadow: -5px 5px 0 #cccccc; background: #c4170c; } /*///////////////////////////// Preto COLOR-02 ///////////////////////////*/ .color-02 .widget-title h4{ background-color: #000; color: #fff; } .color-02 .featured-label{ border-left: 2px solid #000; color: #fff; } .color-02 .news-label{ color: #000; } .widget.color-02 > footer > a{ color: #000; } .home-title.color-02 span{ color: #fff; box-shadow: -5px 5px 0 #000; background: #333; } /*///////////////////////////// Cinza Escuro COLOR-03 ///////////////////////////*/ .color-03 .widget-title h4{ background-color: #333; color: #fff; } .color-03 .featured-label{ border-left: 2px solid #333; color: #fff; } .color-03 .news-label{ color: #333; } .widget.color-03 > footer > a{ color: #333; } .home-title.color-03 span{ color: #fff; box-shadow: -5px 5px 0 #cccccc; background: #333; } /*///////////////////////////// Verde COLOR-04 ///////////////////////////*/ .color-04 .widget-title h4{ background-color: #359e00; color: #fff; } .color-04 .featured-label{ border-left: 2px solid #359e00; color: #fff; } .color-04 .news-label{ color: #359e00; } .widget.color-04 > footer > a{ color: #359e00; } .home-title.color-04 span{ color: #fff; box-shadow: -5px 5px 0 #cccccc; background: #359e00; } /*///////////////////////////// Laranja COLOR-05 ///////////////////////////*/ .color-05 .widget-title h4{ background-color: #ff9f00; color: #fff; } .color-05 .featured-label{ border-left: 2px solid #ff9f00; color: #fff; } .color-05 .news-label{ color: #ff9f00; } .widget.color-05 > footer > a{ color: #ff9f00; } .home-title.color-05 span{ color: #fff; box-shadow: -5px 5px 0 #cccccc; background: #ff9f00; } /*///////////////////////////// Azul COLOR-06 ///////////////////////////*/ .color-06 .widget-title h4{ background-color: #1E68BF; color: #fff; } .color-06 .featured-label{ border-left: 2px solid #1E68BF; color: #fff; } .color-06 .news-label{ color: #1E68BF; } .widget.color-06 > footer > a{ color: #1E68BF; } .home-title.color-06 span{ color: #fff; box-shadow: -5px 5px 0 #cccccc; background: #1E68BF; } /* Main carousel style */ .carousel { width: 100%; } /* Indicators list style */ .article-slide .carousel-indicators { bottom: 0; left: 0; margin-left: 5px; width: 100%; } .article-slide .carousel-control{ background: none; } .article-slide .flex-counter{ float: left; margin: 0 10px 0 0px; font-size: 30px; line-height: 30px; letter-spacing: -1px; } .article-slide .flex-caption{ padding: 15px 10px; font-weight: 400; font-size: 14px; line-height: 18px; color: #333; background: #f9f9f9; } } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{ font-size: 20px; } /* BLOGS */ .blog-box{ margin-bottom: 10px; } .blog-box div:last-child{ float: none; margin-right: none; } .blog-widget{ background: none; box-shadow: none; border-bottom: 1px solid #e0e0e0; } .blog-author{ display: table; float: left; margin-right: 10px; margin-bottom: 10px; min-width: 160px; } .blog-author div{ display: inline-block; vertical-align: middle; } .author-image{ width: 50px; height: 50px; border: solid 1px #d7d7d7; margin: 0 10px 0 0; border-radius: 100%; object-fit: cover; } .author-name{ font-size: 11px; line-height: 15px; font-weight: 700; text-transform: uppercase; color: #c4170c; margin: 0px !important; padding: 0px; } .author-more{ font-size: 11px; margin: 0px !important; padding: 0; line-height: 11px; } /* BOX DARK */ article.box-dark { background: #333; } article.box-dark > div.news-details { background: #333; } article.box-dark > div.news-details > h2.news-title > a { color: #fff; } article.box-dark > div.news-details > h2.news-title > a:hover { color: #efefef; } article.box-dark > header > h3 > a { color: #fff; } article.box-dark > header > h3 > a:hover { color: #efefef; } figure.image{ text-align: center; border: solid 1px #ccc; border-radius: 2px; background: rgba(0,0,0,0.05); padding: 10px; margin: 10px 20px; font-size: 14px; display: inline-block; }