/* Theme Name:GreenPress Theme URI:http://greenweb.ir Version:1.1 Author:GreenWeb Team Author URI:http://greenweb.ir */ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ /*================================= Animate ===================================*/ .animated{ -webkit-animation-duration:1s; animation-duration:1s; -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%,20%,53%,80%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)} 40%, 43%{ -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060); transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0)} 70%{ -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060); transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.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%,20%,53%,80%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)} 40%, 43%{ -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060); transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0)} 70%{ -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060); transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0)} 90%{ -webkit-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%,50%,100%{ opacity:1} 25%, 75%{ opacity:0} } @keyframes flash{ 0%,50%,100%{ opacity:1} 25%, 75%{ opacity:0} } .flash{ -webkit-animation-name:flash; animation-name:flash} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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); 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)} } .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,0.75,1); transform:scale3d(1.25,0.75,1)} 40%{ -webkit-transform:scale3d(0.75,1.25,1); transform:scale3d(0.75,1.25,1)} 50%{ -webkit-transform:scale3d(1.15,0.85,1); transform:scale3d(1.15,0.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); transform:scale3d(1,1,1)} 30%{ -webkit-transform:scale3d(1.25,0.75,1); transform:scale3d(1.25,0.75,1)} 40%{ -webkit-transform:scale3d(0.75,1.25,1); transform:scale3d(0.75,1.25,1)} 50%{ -webkit-transform:scale3d(1.15,0.85,1); transform:scale3d(1.15,0.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)} } .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); 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)} } .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); 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)} } .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); 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)} } .tada{ -webkit-animation-name:tada; animation-name:tada} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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; 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} } .wobble{ -webkit-animation-name:wobble; animation-name:wobble} @-webkit-keyframes bounceIn{ 0%,20%,40%,60%,80%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 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%,20%,40%,60%,80%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 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)} } .bounceIn{ -webkit-animation-name:bounceIn; animation-name:bounceIn; -webkit-animation-duration:.75s; animation-duration:.75s} @-webkit-keyframes bounceInDown{ 0%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 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%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 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} } .bounceInDown{ -webkit-animation-name:bounceInDown; animation-name:bounceInDown} @-webkit-keyframes bounceInLeft{ 0%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 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%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 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} } .bounceInLeft{ -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft} @-webkit-keyframes bounceInRight{ 0%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 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%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 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} } .bounceInRight{ -webkit-animation-name:bounceInRight; animation-name:bounceInRight} @-webkit-keyframes bounceInUp{ 0%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 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%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 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)} } .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); 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)} } .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); 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)} } .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); transform:translate3d(20px,0,0)} 100%{ opacity:0; -webkit-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); transform:translate3d(-20px,0,0)} 100%{ opacity:0; -webkit-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); 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)} } .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); transform:translate3d(0,-100%,0)} 100%{ opacity:1; -webkit-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); transform:translate3d(0,-2000px,0)} 100%{ opacity:1; -webkit-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); transform:translate3d(-100%,0,0)} 100%{ opacity:1; -webkit-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); transform:translate3d(-2000px,0,0)} 100%{ opacity:1; -webkit-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); transform:translate3d(100%,0,0)} 100%{ opacity:1; -webkit-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); transform:translate3d(2000px,0,0)} 100%{ opacity:1; -webkit-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); transform:translate3d(0,100%,0)} 100%{ opacity:1; -webkit-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); transform:translate3d(0,2000px,0)} 100%{ opacity:1; -webkit-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); 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); 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); 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); 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); 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); 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); 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); 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); 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} } .animated.flip{ -webkit-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); 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)} } .flipInX{ -webkit-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); 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)} } .flipInY{ -webkit-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); 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} } .flipOutX{ -webkit-animation-name:flipOutX; animation-name:flipOutX; -webkit-animation-duration:.75s; animation-duration:.75s; -webkit-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); 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} } .flipOutY{ -webkit-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); 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} } .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); 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; 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} } .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; 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} } .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; 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} } .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; 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} } .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; 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} } .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; 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} } .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; 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} } .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; 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} } .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; 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} } .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; 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} } .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; 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} } .hinge{ -webkit-animation-name:hinge; animation-name:hinge} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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); transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)} 100%{ opacity:1; -webkit-transform:none; transform:none} } .rollIn{ -webkit-animation-name:rollIn; animation-name:rollIn} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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); 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); 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.550,0.055,0.675,0.190); animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 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,0.885,0.320,1); animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @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.550,0.055,0.675,0.190); animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 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,0.885,0.320,1); animation-timing-function:cubic-bezier(0.175,0.885,0.320,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.550,0.055,0.675,0.190); animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 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,0.885,0.320,1); animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @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.550,0.055,0.675,0.190); animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 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,0.885,0.320,1); animation-timing-function:cubic-bezier(0.175,0.885,0.320,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.550,0.055,0.675,0.190); animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 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,0.885,0.320,1); animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @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.550,0.055,0.675,0.190); animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 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,0.885,0.320,1); animation-timing-function:cubic-bezier(0.175,0.885,0.320,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.550,0.055,0.675,0.190); animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 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,0.885,0.320,1); animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @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.550,0.055,0.675,0.190); animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 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,0.885,0.320,1); animation-timing-function:cubic-bezier(0.175,0.885,0.320,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); 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.550,0.055,0.675,0.190); animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 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,0.885,0.320,1); animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @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.550,0.055,0.675,0.190); animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 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,0.885,0.320,1); animation-timing-function:cubic-bezier(0.175,0.885,0.320,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); 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} } .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); 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} } .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.550,0.055,0.675,0.190); animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 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,0.885,0.320,1); animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @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.550,0.055,0.675,0.190); animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 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,0.885,0.320,1); animation-timing-function:cubic-bezier(0.175,0.885,0.320,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%); transform:translateY(-100%); visibility:visible} 100%{ -webkit-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%); transform:translateX(-100%); visibility:visible} 100%{ -webkit-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%); transform:translateX(100%); visibility:visible} 100%{ -webkit-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%); transform:translateY(100%); visibility:visible} 100%{ -webkit-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); transform:translateY(0)} 100%{ visibility:hidden; -webkit-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); transform:translateX(0)} 100%{ visibility:hidden; -webkit-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); transform:translateX(0)} 100%{ visibility:hidden; -webkit-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); transform:translateY(0)} 100%{ visibility:hidden; -webkit-transform:translateY(-100%); transform:translateY(-100%)} } .slideOutUp{ -webkit-animation-name:slideOutUp; animation-name:slideOutUp} /*----------------------------------------------------------------*/ /*----------------------------------------------------------------*/ /*Prefix Styles*/ .m0{ margin:0} .m_30{ margin:0 -30px} @media (max-width:1200px){ .m_30{ margin:0 -15px} } .p0{ padding:0} .p015{ padding:0 15px} *, body{ position:relative; transition:all 300ms ease-in-out 0s} /*Floating*/ .fleft{ float:left} .fright{ float:right} /*Section Fix*/ section.row, header.row, footer.row{ margin:0; position:relative} /*Ancore*/ a, .btn, button{ outline:none} a:focus, .btn:focus, button:focus, a:hover, .btn:hover, button:hover{ outline:none; text-decoration:none} /*Modify Core CSS*/ .list-inline{ margin:0} /*Unnecessary Horizontal Scroll Bar*/ ul{padding: 0px ; list-style: none} /*=======================================*/ body{font: 12px tahoma;} body *{direction: ltr} @font-face {font-family: 'sans-b'; src: url('fonts/OpenSans-Semibold.eot'); src: url('fonts/OpenSans-Semibold.eot?#iefix') format('eot'), url('fonts/OpenSans-Semibold.woff2') format('woff2'), url('fonts/OpenSans-Semibold.woff') format('woff'), url('fonts/OpenSans-Semibold.ttf') format('ttf'); font-weight: bold; } @font-face {font-family: 'sans'; src: url('fonts/OpenSans-Regular.eot'); src: url('OpenSans-Regular.eot?#iefix') format('eot'), url('fonts/OpenSans-Regular.woff2') format('woff2'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('ttf'); font-weight: normal; } .font-face{font-family: 'sans' ; font-size: 15px; font-weight: normal} .font-face-b{font-family: 'sans-b' ; font-size: 15x; font-weight: bold} @font-face {font-family: 'sans-I';src: url('fonts/IRANSansWeb.eot'); src: url('fonts/IRANSans-web.eot?#iefix') format('eot'), url('fonts/IRANSans-web.woff2') format('woff2'), url('fonts/IRANSans-web.woff') format('woff'), url('fonts/IRANSans-web.ttf') format('ttf'); font-weight: normal; } .font-face-I{font-family: 'sans-I' ; font-size: 14px;; font-weight: normal} header{ position:relative; z-index:1} header .logo_line{ line-height:54px; padding:20px 0 30px} header .logo_line .logo{width: 294px; height: 72px; background: url(images/logo-inside.png) no-repeat left center; max-width: 100%;} @media(max-width:1300px){ header .logo_line .logo{width: 294px; height: 72px; background: url(images/logo-inside.png) no-repeat left center; max-width: 100%;} } header .logo_line .logo a{ display:block; font-size: 1px; text-indent:-9999px;width: 100%; height: 72px}} header .logo_line .logo a img{ max-width:100%} header .logo_line .pre_contact{text-align: right;padding-top: 30px} header .navbar{ border:none; background:rgba(21,81,161,0.8); margin-bottom:0} header .navbar .container-fluid{ padding:0} header .navbar .container-fluid #mainNav ul.nav > li{ border-right:1px solid rgba(0,0,0,0.1) ; position: relative} header .navbar .container-fluid #mainNav ul.nav > li > a{ line-height:80px; padding:0 30px; color:#FFF; font-size:15px; text-transform:uppercase; border-right:1px solid rgba(255,255,255,0.1); position:relative; overflow:hidden} header .navbar .container-fluid #mainNav ul.nav > li > a:after{ content:''; width:100%; height:5px; background:url("images/menu-active.png") no-repeat scroll center center transparent; position:absolute; bottom:-7px; left:0; transition:all 300ms ease-in-out 0s} header .navbar .container-fluid #mainNav{width: 85%; float: left} header .navbar .container-fluid #mainNav ul.nav > li > a:hover, header .navbar .container-fluid #mainNav ul.nav > li > a:focus{ background-color:transparent} header .navbar .container-fluid #mainNav ul.nav > li > a:hover:after, header .navbar .container-fluid #mainNav ul.nav > li > a:focus:after{ bottom:0} .navbar-default .navbar-nav>li ul{position: absolute; top: 80px; left: 0px; min-width:265px ;display: none; padding: 0px} .navbar-default .navbar-nav>li ul * , .navbar-default .navbar-nav>li ul{transition:none} .navbar-default .navbar-nav>li ul li{padding: 11px 15px; font-size: 13px ; border-bottom: 1px solid #4e80c3; background:rgba(21,81,161,0.8);} .navbar-default .navbar-nav>li ul li:hover{background:rgba(21,81,161,1)} .navbar-default .navbar-nav>li ul li a{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s; color: #fff} header .navbar .container-fluid #mainNav ul.nav li.active a{ background:none transparent; box-shadow:none} header .navbar .container-fluid #mainNav ul.nav li.active a:after{ bottom:0} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a{ background:transparent} .language{float: right; color: #ffffff; font-family: 'sans-I'; background: url(images/fa.png)no-repeat 105px center ; height: 80px; text-align: center;line-height: 80px;font-size: 15px; padding-right: 37px; width: 15% } .language:hover{color: #f1f1f1} #language-top{display: none;background: url(images/fa.png)no-repeat 13px center ; height: 30px; width: 15%} /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ @font-face{ font-family:'flexslider-icon'; src:url('fonts/flexslider-icon.eot'); src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),url('fonts/flexslider-icon.woff') format('woff'),url('fonts/flexslider-icon.ttf') format('truetype'),url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight:normal; font-style:normal} /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus{ outline:none} .slides, .flex-control-nav, .flex-direction-nav{ margin:0; padding:0; list-style:none} .flex-pauseplay span{ text-transform:capitalize} /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider{ margin:0; padding:0} .flexslider .slides >li{ display:none; -webkit-backface-visibility:hidden} .flexslider .slides img{ width:100%; display:block} .flexslider .slides:after{ content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0} html[xmlns] .flexslider .slides{ display:block} * html .flexslider .slides{ height:1%} .no-js .flexslider .slides >li:first-child{ display:block} /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider{ margin:0 0 60px; background:#fff; border:4px solid #fff; position:relative; zoom:1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:'' 0 1px 4px rgba(0,0,0,0.2); -moz-box-shadow:'' 0 1px 4px rgba(0,0,0,0.2); -o-box-shadow:'' 0 1px 4px rgba(0,0,0,0.2); box-shadow:'' 0 1px 4px rgba(0,0,0,0.2)} .flexslider .slides{ zoom:1; background: url(images/loading.gif) no-repeat center center; width: 100%; height: 500px} .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} .carousel li{ margin-right:5px} .flex-direction-nav{ *height:0} .flex-direction-nav a{ text-decoration:none; display:block; width:69px; height:106px; margin:0; position:absolute; top:-180px; z-index:10; overflow:hidden; opacity:0; cursor:pointer; color:rgba(0,0,0,0.8); text-indent:-10000px; text-shadow:1px 1px 0 rgba(255,255,255,0.3); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background:url('images/flex-direction-nav-prev.png') no-repeat scroll 0 0} .flex-direction-nav li:last-child a{ text-indent:10000px; background:url('images/flex-direction-nav-next.png') no-repeat scroll 0 0} .flex-direction-nav a:before{/* font-family:"flexslider-icon"; font-size:40px; display:inline-block; content:'\f001'; */ display:none} .flex-direction-nav a.flex-next:before{/* content:'\f002'; */} .flex-direction-nav .flex-prev{/* left:-50px; */} .flex-direction-nav .flex-next{/* right:-50px; */ text-align:right} .flexslider:hover .flex-direction-nav .flex-prev{ opacity:0.7; left:0} .flexslider:hover .flex-direction-nav .flex-prev:hover{ opacity:1} .flexslider:hover .flex-direction-nav .flex-next{ opacity:0.7; right:0} .flexslider:hover .flex-direction-nav .flex-next:hover{ opacity:1} .flex-direction-nav .flex-disabled{ opacity:0!important; filter:alpha(opacity=0); cursor:default} .flex-pauseplay a{ display:block; width:20px; height:20px; position:absolute; bottom:5px; left:10px; opacity:0.8; z-index:10; overflow:hidden; cursor:pointer; color:#000} .flex-pauseplay a:before{ font-family:"flexslider-icon"; font-size:20px; display:inline-block; content:'\f004'} .flex-pauseplay a:hover{ opacity:1} .flex-pauseplay a .flex-play:before{ content:'\f003'} .flex-control-nav{ width:100%; position:absolute; bottom:-40px; text-align:center} .flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1; *display:inline} .flex-control-paging li a{ width:11px; height:11px; display:block; background:#666; background:rgba(0,0,0,0.5); cursor:pointer; text-indent:-9999px; -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3); box-shadow:inset 0 0 3px rgba(0,0,0,0.3); -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px} .flex-control-paging li a:hover{ background:#333; background:rgba(0,0,0,0.7)} .flex-control-paging li a.flex-active{ background:#000; background:rgba(0,0,0,0.9); cursor:default} .flex-control-thumbs{ margin:5px 0 0; position:static; overflow:hidden} .flex-control-thumbs li{ width:25%; float:left; margin:0} .flex-control-thumbs img{ width:100%; display:block; opacity:.7; cursor:pointer; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease} .flex-control-thumbs img:hover{ opacity:1} .flex-control-thumbs .flex-active{ opacity:1; cursor:default} /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width:860px){ .flex-direction-nav .flex-prev{ opacity:1; left:10px} .flex-direction-nav .flex-next{ opacity:1; right:10px} } #slider_blocks{ position:relative; margin-top:-243px;height:870px; z-index:0} #slider_blocks .homeSlider{ border:0; top: -123px; border-radius:0; width:100%; overflow:hidden; height:auto; position:relative; z-index:0} #slider_blocks .homeSlider .flex-viewport{ position:absolute !important; left:0; right:0; width:100%} #slider_blocks .homeSlider .flex-control-nav{ display:block} #slider_blocks .homeSlider .text_lines{ position:absolute; width:100%; top:calc(46% - 60px)} #slider_blocks .homeSlider .text_lines h3{ line-height:62px; padding:0 24px; background:rgba(0,0,0,0.7); color:#FFF; display:inline-block; font-size: 19px; margin:0} #slider_blocks .homeSlider .text_lines h3.line1{ text-shadow:1xp 1px 3px rgba(0,0,0,0.3)} #slider_blocks .homeSlider .text_lines h3.line2{ background:rgba(255,255,255,0.9); color:#000} #slider_blocks .homeSlider .text_lines h3.line2 strong:first-child{ color:#1551a1} #slider_blocks .blocksRow{ position:relative; top:-250px} #slider_blocks .homeSlider .slides li img{ height:870px} #slider_blocks .blocksRow .blocks{ margin:0 -30px} #slider_blocks .blocksRow .blocks .block{ height:200px} #slider_blocks .blocksRow .blocks .block .col-xs-6{ position:relative; z-index:2; height:100%} #slider_blocks .blocksRow .blocks .block .col-xs-6:first-child{ padding:0; width:188px} #slider_blocks .blocksRow .blocks .block .col-xs-6:first-child img.visible420{ display:none} #slider_blocks .blocksRow .blocks .block .col-xs-6:first-child:after{ content:''; width:100%; height:100%; background:url('../images/block-triangle.png') no-repeat scroll right 0 transparent; position:absolute; top:0; right:0} #slider_blocks .blocksRow .blocks .block .col-xs-6:last-child{ padding-right:37px; padding-top:16px; width:calc(100% - 188px); background:url('../images/block-bg.png') repeat-x scroll right top transparent; color:#FFF; text-align:right} #slider_blocks .blocksRow .blocks .block .col-xs-6:last-child h3{ margin-bottom:15px} #slider_blocks .blocksRow .blocks .block .col-xs-6:last-child p{ line-height:20px} #slider_blocks .blocksRow .blocks .block .col-xs-6:last-child a{ display:inline-block; color:#a4a4a4; font-style:italic; font-weight:bold} #slider_blocks .blocksRow .blocks .block .col-xs-6:last-child a i{ margin-right:5px} /*================== About =================*/ #promo{ padding:40px 0; background:#d8d8d8} #promo .container{ padding:45px; background:#FFF; font-size:14.5px; color:#575757; line-height:52px} #promo .container .icon{padding:5px; margin:0 35px 0 25px; display:block; width: 83px; height: 280px; background: url(images/about-icon.png) no-repeat center top; float: left} #promo .container p{ color:#575757 ; font-size: 15.5px; line-height: 35px; margin: 20px 0 } #promo .container p bold{ font-family: 'sans'} #promo .container a{ background:#1551a1; display:inline-block; margin-right:0px; position:relative; font-size:15px; color:#FFF; padding:0 20px; text-transform:uppercase; margin-top: 30px} #promo .container a:before, #promo .container a:after{ content:''; position:absolute; width:0; height:0; border-right:5px solid #1551a1; border-top:26px solid transparent; border-bottom:26px solid transparent; left:-5px; top:0} #promo .container a:after{ border-left:5px solid #1551a1; border-right:0; left:auto; right:-5px} /*=============== Services ================*/ .sectionTitle{ margin-bottom:30px} .sectionTitle h4{ font-size:17px; color:#4a4a4a; line-height:58px; border:1px solid #d8d8d8; margin:0; } .sectionTitle h4 .toolbox{ width:60px; position:relative; background:#1551a1 url(images/toolbox.png) no-repeat center center; line-height:60px; text-align:center; margin-right:20px ; display: block ;height: 58px; float: left} .sectionTitle h4 span:after{ content:''; position:absolute; width:0; height:0; border-left:5px solid #1551a1; border-top:28px solid transparent; border-bottom:28px solid transparent; right:-5px; top:0} #ourServices{ padding:45px 0 60px} #ourServices .serviceH{ text-transform:uppercase; text-align:center;margin-bottom: 30px ; } #ourServices .serviceH .serviceHinner{ position:relative; height:302px; width: 260px;float: none; margin: 0 auto;} #ourServices .serviceH .serviceHinner img{ width:100%; border:1px solid #d8d8d8;} #ourServices .serviceH .serviceHinner .tiTle{ margin-top:-75px; transition:all 300ms ease-in-out 0s ; direction: rtl} #ourServices .serviceH .serviceHinner .tiTle h4{ font-size:14px; margin:0 0 0px; line-height:1; color:#525252; transition:all 300ms ease-in-out 0s; background: rgba(255,255,255,0.96); padding: 15px 0 ; border-right:1px solid #d8d8d8; border-left: 1px solid #d8d8d8} #ourServices .serviceH .serviceHinner .tiTle .learnMore{ padding:30px 0; border:1px solid #d8d8d8; background:#FFF; transition:all 300ms ease-in-out 0s} #ourServices .serviceH .serviceHinner .tiTle .learnMore a{ display:inline-block; transition:all 300ms ease-in-out 0s} #ourServices .serviceH .serviceHinner .tiTle .learnMore a:before, #ourServices .serviceH .serviceHinner .tiTle .learnMore a:after{ content:''; position:absolute; width:0; height:0; border-right:5px solid #d8d8d8; border-top:27.5px solid transparent; border-bottom:27.5px solid transparent; top:-1px; left:-4px; transition:all 300ms ease-in-out 0s} #ourServices .serviceH .serviceHinner .tiTle .learnMore a:after{ border-left:5px solid #d8d8d8; border-right:0; left:auto; right:-5px; transition:all 300ms ease-in-out 0s} #ourServices .serviceH .serviceHinner .tiTle .learnMore a span{ display:block; line-height:49px; font-size:13px; text-shadow:none; color:#9c9c9c; padding:0 25px; background:#FFF; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; top:0; left:1px; bottom:1px; transition:all 300ms ease-in-out 0s} #ourServices .serviceH .serviceHinner .tiTle .learnMore a span:before, #ourServices .serviceH .serviceHinner .tiTle .learnMore a span:after{ content:''; position:absolute; width:0; height:0; border-right:5px solid #FFF; border-top:25.5px solid transparent; border-bottom:25.5px solid transparent; left:-4px; top:0; transition:all 300ms ease-in-out 0s} #ourServices .serviceH .serviceHinner .tiTle .learnMore a span:after{ border-left:5px solid #FFF; border-right:0; left:auto; right:-3px; z-index:2; transition:all 300ms ease-in-out 0s} #ourServices .serviceH:hover .serviceHinner .tiTle{ margin-top:0} #ourServices .serviceH:hover .serviceHinner .tiTle .learnMore{ margin-top:-45px; background:#1551a1; border-color:#1551a1} #ourServices .serviceH:hover .serviceHinner .tiTle .learnMore a:before, #ourServices .serviceH:hover .serviceHinner .tiTle .learnMore a:after{ border-left-color:#FFF; border-right-color:#FFF} #ourServices .serviceH:hover .serviceHinner .tiTle .learnMore a span{ background:#1551a1; color:#FFF} #ourServices .serviceH:hover .serviceHinner .tiTle .learnMore a span:before, #ourServices .serviceH:hover .serviceHinner .tiTle .learnMore a span:after{ border-left-color:#1551a1; border-right-color:#1551a1} /*================= FAQ ======================*/ #tips{ padding:58px 0 62px; background:url('images/bg-faq.png') no-repeat scroll center bottom #1155b2} .sectionTitle h4 i {color: #FFF;width: 55px;position: relative;background: #1551a1;line-height: 60px;text-align: center;margin-right: 20px;} .sectionTitle h4 i:before{color: #1256b2; font-size: 26px} .sectionTitle h4 i:after {content: '';position: absolute;width: 0;height: 0;border-left: 5px solid #1551a1;border-top: 31px solid transparent;border-bottom: 31px solid transparent;right: -5px; top: 0;} #tips .sectionTitle h4{color:#fff; border:1px solid #FFF} #tips .sectionTitle h4 i{ color:#000; background:#FFF} #tips .sectionTitle h4 i:after{ border-left:5px solid #FFF} /*Accordion*/ #hAccordion{ border:1px solid rgba(255,255,255,0.3); border-width:0 1px; background:none; margin-bottom:0} #hAccordion .panel{ border-radius:0; border:0; margin:0; background-color:transparent} #hAccordion .panel .panel-heading{ border-top:1px solid rgba(255,255,255,0.3); padding:0; background:none; border-radius:0} #hAccordion .panel .panel-heading .panel-title a{ display:block; line-height:47px; color:#1155b2; background:#FFF;} #hAccordion .panel .panel-heading .panel-title a i{ display:inline-block; width:42px; text-align:center; color:#1551a1; font-size:18px} #hAccordion .panel .panel-heading .panel-title a .sign{ text-align:center; color:#000; width:45px; float:left; line-height:47px; border-right:1px solid rgba(216,216,216,0.7)} #hAccordion .panel .panel-heading .panel-title a .sign:before{ content:"\f068"; text-shadow:none} #hAccordion .panel .panel-heading .panel-title a.collapsed{ background-color:transparent; color:#FFF} #hAccordion .panel .panel-heading .panel-title a.collapsed i{ color:#FFF} #hAccordion .panel .panel-heading .panel-title a.collapsed .sign{ color:#FFF; height:100%} #hAccordion .panel .panel-heading .panel-title a.collapsed .sign:before{ content:"\f067"} #hAccordion .panel .panel-collapse .panel-body{ padding:20px} #hAccordion .panel .panel-collapse .panel-body .icon{ width:68px; line-height:68px; color:#1551a1; background:#FFF; font-size:30px; border-radius:100%; text-align:center; float:left} #hAccordion .panel .panel-collapse .panel-body .texts{ width:calc(100% - 88px); float:right; font-size:14px; color:#FFF; line-height:30px} #hAccordion .panel:last-child{ border-bottom:1px solid rgba(255,255,255,0.3)} /*================ Customers ===================*/ #ourGallery .sectionTitle h4 i:before{color: #fff; font-size: 22px} #ourGallery{ padding:30px 0} #ourGallery .ourGallerSlide *{direction: ltr} #ourGallery .ourGallerSlide .owl-controls , #ourServices .owl-controls{ position:absolute; top:-92px; right:15px} #ourGallery .ourGallerSlide .owl-controls .owl-nav div , #ourServices .owl-controls .owl-nav div{ width:62px; line-height:62px; border-left:1px solid #d8d8d8; display:inline-block; text-align:center; font-size:24px} #ourGallery .ourGallerSlide .owl-controls .owl-nav div:hover, #ourGallery .ourGallerSlide .owl-controls .owl-nav div:focus, #ourServices .owl-controls .owl-nav div:hover ,#ourServices .owl-controls .owl-nav div:focus{ color:#1551a1} #ourGallery .galleryItem{ padding:0 15px} #ourGallery .galleryItem .gImg img{ max-width:100% ; border: 1px solid #d5d5d5 ; -webkit-filter: grayscale(100%); -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(100%); -moz-transition: .5s ease-in-out; -o-filter: grayscale(100%); -o-transition: .5s ease-in-out; opacity: 0.8; display: block; } #ourGallery .galleryItem .gImg img:hover{-webkit-filter: grayscale(0%); -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(0%); -moz-transition: .5s ease-in-out; -o-filter: grayscale(0%); -o-transition: .5s ease-in-out; opacity: 1} #galleryDetails{ padding:40px 0} #galleryDetails .galleryImg{ overflow:hidden} #ourServices .owl-controls{top: -90px;} #ourServices .owl-controls .owl-nav div{line-height: 60px} /*=================== Footer ====================*/ footer{ margin-top:30px; padding:50px 0; background:#3a3d47} footer .widget{ margin-top:30px} footer .widget .widgetInner{ background:#444750; padding:32px; border-top:10px solid #1551a1} footer .widget h4{ color:#FFF; font-size:19px; line-height:25px; margin:0 0 30px; text-align: left} footer .widget p{ margin-bottom:0; } footer .widget.recentPostWidget .nav li a{ color:#9594ac; padding:15px 0; line-height:20px; } footer .widget.recentPostWidget .nav li a:hover, footer .widget.recentPostWidget .nav li a:focus{ background-color:transparent; color:#FFF} footer .widget.recentPostWidget .nav li+li{ border-top:1px solid #545862} footer .widget.aboutWidget{ text-align:center} footer .widget.aboutWidget a{ display:block} footer .widget.aboutWidget a:after{ content:''; width:45px; height:2px; background:#FFF; display:block; margin:16px auto} footer .widget.aboutWidget p{ color:#9594ac; line-height:20px} footer .widget.oppeningHoursWidget .nav{ margin-top:15px; border:1px solid #575a62} footer .widget.oppeningHoursWidget .nav li{ color:#FFF; line-height:58px; padding:0 20px} footer .widget.oppeningHoursWidget .nav li:nth-child(odd){ background:#575a62} footer .widget.oppeningHoursWidget .nav li:nth-child(odd):after{ content:''; width:0; height:0; border-top:8px solid #575a62; border-left:8px solid transparent; border-right:8px solid transparent; position:absolute; bottom:-8px; right:25px} footer .copyrightRow{ background:#1551a1; padding:23px 15px; margin-top:30px} .info-contact ul{list-style: none; padding-left: 20px} .info-contact ul li{color: #a4a8b3; padding: 4px 0;} .info-contact ul li span{font-family: 'sans'; } .info-contact ul li.mashhad span{margin-top: 20px ; display: block} footer .copyrightRow .copyright{ color:#cdd2d8; line-height:60px} footer .copyrightRow .copyright a{ color:#cdd2d8} footer .copyrightRow .goTop{ text-align:center} footer .copyrightRow .goTop a{ line-height:58px; width:60px; font-size:26px; color:#FFF; border:1px solid rgba(255,255,255,0.2); border-radius:100%; display:inline-block} footer .copyrightRow .footSocial{ margin:7px 0} footer .copyrightRow .footSocial .nav li{float: right} footer .copyrightRow .footSocial .nav li+li{ margin-right:10px} footer .copyrightRow .footSocial .nav li a{ border:1px solid rgba(255,255,255,0.2); line-height:43px; width:45px; color:#FFF; padding:0; border-radius:0; text-align:center; font-size:17px} footer .copyrightRow .footSocial .nav li a:hover{ color:#1551a1} #greenweb{padding-left: 25px; background: url(images/greenweb.png) no-repeat 3px -1px; height: 30px;} #greenweb:hover{background-position: 3px -31px; color:#ffffff} footer .copyrightRow .footSocial .nav li a i.telegram{ background: url(images/telegram.png) no-repeat center center; display: block; width: 43px; height: 43px;} footer .copyrightRow .footSocial .nav li a i.telegram:hover{background: url(images/telegram-h.png) no-repeat center center;} /*===================== OWL ======================*/ .owl-carousel .animated{ -webkit-animation-duration:1000ms; animation-duration:1000ms; -webkit-animation-fill-mode:both; animation-fill-mode:both} .owl-carousel .owl-animated-in{ z-index:0} .owl-carousel .owl-animated-out{ z-index:1} .owl-carousel .fadeOut{ -webkit-animation-name:fadeOut; animation-name:fadeOut} @-webkit-keyframes fadeOut{ 0%{ opacity:1} 100%{ opacity:0} } @keyframes fadeOut{ 0%{ opacity:1} 100%{ opacity:0} } .owl-height{ -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out} .owl-carousel{ display:none; width:100%; -webkit-tap-highlight-color:transparent; /* position relative and z-index fix webkit rendering fonts issue */ position:relative; z-index:1} .owl-carousel .owl-stage{ position:relative; -ms-touch-action:pan-Y; margin: 0 auto} .owl-carousel .owl-stage:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0} .owl-carousel .owl-stage-outer{ position:relative; overflow:hidden; /* fix for flashing background */ -webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot{ cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} .owl-carousel.owl-loaded{ display:block} .owl-carousel.owl-loading{ opacity:0; display:block} .owl-carousel.owl-hidden{ opacity:0} .owl-carousel .owl-refresh .owl-item{ display:none} .owl-carousel .owl-item{ position:relative; min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} .owl-carousel .owl-item img{ display:block; width:100%; -webkit-transform-style:preserve-3d} .owl-carousel.owl-text-select-on .owl-item{ -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto} .owl-carousel .owl-grab{ cursor:move; cursor:-webkit-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab} .owl-carousel.owl-rtl{ direction:rtl} .owl-carousel.owl-rtl .owl-item{ float:right} /* No Js */ .no-js .owl-carousel{ display:block} .owl-carousel .owl-item .owl-lazy{ opacity:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease} .owl-carousel .owl-item img{ transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{ position:relative; height:100%; background:#000} .owl-carousel .owl-video-play-icon{ position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url("owl.video.play.png") no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; -webkit-transition:scale 100ms ease; -moz-transition:scale 100ms ease; -ms-transition:scale 100ms ease; -o-transition:scale 100ms ease; transition:scale 100ms ease} .owl-carousel .owl-video-play-icon:hover{ -webkit-transition:scale(1.3,1.3); -moz-transition:scale(1.3,1.3); -ms-transition:scale(1.3,1.3); -o-transition:scale(1.3,1.3); transition:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon{ display:none} .owl-carousel .owl-video-tn{ opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease} .owl-carousel .owl-video-frame{ position:relative; z-index:1} /*======================= IE only ====================*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { header { background: #1551a1; } #slider_blocks { position: relative; margin-top: 0; overflow: hidden; } }