@charset "UTF-8"; .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.infinitedelay { animation-timing-function:cubic-bezier(.14, .75, .2, 1.01); -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; } @-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; } @-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; } @-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; } @-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; }@font-face { font-family:'Lato'; font-style:normal; font-weight:300; src:local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/0DeoTBMnW4sOpD0Zb8OQSALUuEpTyoUstqEm5AMlJo4.ttf) format('truetype'); } @font-face { font-family:'Lato'; font-style:normal; font-weight:400; src:local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1EqTbJWOZQBfhZ0e3RL9uvesZW2xOQ-xsNqO47m55DA.ttf) format('truetype'); } @font-face { font-family:'Lato'; font-style:normal; font-weight:700; src:local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/MZ1aViPqjfvZwVD_tzjjkwLUuEpTyoUstqEm5AMlJo4.ttf) format('truetype'); } @font-face { font-family:'Lato'; font-style:italic; font-weight:300; src:local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivCZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype'); } @font-face { font-family:'Lato'; font-style:italic; font-weight:400; src:local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/61V2bQZoWB5DkWAUJStypevvDin1pK8aKteLpeZ5c0A.ttf) format('truetype'); } @font-face { font-family:'Lato'; font-style:italic; font-weight:700; src:local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYECZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype'); } html,body { font-family:Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.42857143; color:#373a3c; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; } .main { background:#FFF; padding:0 0 50px 0; } .inline { display:inline !important; } .form-control { border:1px solid #CCC; padding:0px 15px; color:#000; border-radius:0; -webkit-box-shadow:none; box-shadow:none; font-size:15px; box-shadow:none; -webkit-appearance:none; margin-bottom:-1px; } select.form-control, .bootstrap-select, .bootstrap-select > .btn { cursor:pointer; background-image:linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%); background-position:calc(100% - 15px) calc(1em), calc(100% - 10px) calc(1em); background-size:5px 5px, 5px 5px; background-repeat:no-repeat; border:none; border-bottom:1px solid #9e9e9e; padding-left:3px; border-radius:0; } select.form-control.input-lg, .bootstrap-select, .bootstrap-select > .btn { background-image:linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%); background-position:calc(100% - 15px) calc(1.3em), calc(100% - 10px) calc(1.3em); background-size:5px 5px, 5px 5px; } .checkbox { position:absolute; opacity:0; } .checkbox + label { position:relative; cursor:pointer; padding:0; margin:0 10px 0 0; } .checkbox + label:before { content:''; margin-right:10px; display:inline-block; vertical-align:text-top; width:18px; height:18px; background:white; border:2px solid rgba(215, 213, 225, 1); } .checkbox:hover + label:before { background:#FFF; border:2px solid #1495ff; } .checkbox:focus + label:before { -webkit-box-shadow:0 0 0 3px rgba(0, 0, 0, 0.12); box-shadow:0 0 0 3px rgba(0, 0, 0, 0.12); } .checkbox:checked + label:before { background:#1495ff; border-color:#1495ff;; } .checkbox:disabled + label { color:#b8b8b8; cursor:auto; } .checkbox:disabled + label:before { -webkit-box-shadow:none; box-shadow:none; background:#ddd; } .checkbox:checked + label:after { content:''; position:absolute; left:4px; top:9px; background:white; width:2px; height:2px; -webkit-box-shadow:2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; box-shadow:2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; -webkit-transform:rotate(45deg); transform:rotate(45deg); } #overview .form-control { border:1px solid #CCC !important; padding:0px 15px !important; color:#000 !important; border-radius:0px !important; -webkit-box-shadow:none !important; box-shadow:none !important; font-size:15px !important; box-shadow:none !important; -webkit-appearance:none !important; } textarea.form-control { padding:15px; } .form-control:focus { color:#1495ff; border-color:#1495ff; outline:0; -webkit-box-shadow:none; box-shadow: none; } #overview .form-control:focus { color:#1495ff !important; border-color:#1495ff !important; outline:0 !important; -webkit-box-shadow:none !important; box-shadow: none !important; } #overview .form-control::-moz-placeholder { color:#999 !important; opacity:1 !important; } .form-control::-moz-placeholder { color:#999; opacity:1; } #overview .form-control:-ms-input-placeholder { color:#999 !important; } .form-control:-ms-input-placeholder { color:#999; } #overview .form-control::-webkit-input-placeholder { color:#999 !important; } .form-control::-webkit-input-placeholder { color:#999; } .input-group.input-group-sm .form-control { height:34px; margin:0; } .form-infield input:not([type]), .form-infield input[type=text], .form-infield input[type=password], .form-infield input[type=email], .form-infield input[type=url], .form-infield input[type=time], .form-infield input[type=date], .form-infield input[type=datetime], .form-infield input[type=datetime-local], .form-infield input[type=tel], .form-infield input[type=number], .form-infield input[type=search], .form-infield textarea.materialize-textarea { background-color:transparent; border:none; border-bottom:1px solid #9e9e9e; border-radius:0; outline:none; height:45px; width:100%; font-size:14px; margin:0 0 15px 0; padding:0; box-shadow:none; box-sizing:content-box; transition:all 0.3s; margin-top:10px; } .form-infield label { font-size:11px; -webkit-transform:translateY(-140%); transform:translateY(-140%); color:#9e9e9e; position:absolute; top:0.8rem; font-size:1rem; cursor:text; transition:.2s ease-out; } label { margin:10px 0 0px 0; font-weight:normal; text-transform:uppercase; color:#333; font-size:11px; } .checkbox label, label.checkbox { margin:0; font-weight:normal; text-transform:none; color:#333; font-size:14px; } .h1 sup { font-size:14px; top:-1em } header.navbar { background:#4DB6AC; background:-webkit-linear-gradient(to right, #1495ff, #35b7d6); background:linear-gradient(to right, #1495ff, #35b7d6); color:#EEE; border-radius:0; margin:0; padding:0; border:0; min-height:50px; } header.navbar nav.navbar-collapse.collapse.in a { width:100%; } header.navbar nav a { color:#EEE; display:inline-block; padding:22px 18px; font-weight:500; font-size:14px; margin:0; border:0; } header.navbar nav a img { margin:-10px 5px -10px 0;} header.navbar nav a:hover { text-decoration:none; color:#FFF; background:#138ef3; } header.navbar a.active { background:#138CEF; } header.navbar .logo { display:inline-block; margin:0; padding:11px 0 0 0; } header.navbar .badge { background:#f05050; color:#FFF; font-size:11px; border-radius:3px; padding:2px 4px; font-weight:500; } header.navbar .open > a, header.navbar .open > a:hover, header.navbar .open > a:focus { background:#222; } header.navbar .dropdown-menu { background:#222; border-top:none; } header.navbar .dropdown-menu a { width:100%; display:inline-block; padding:10px 20px; } @media (max-width:767px) { header.navbar .logo{ padding:8px 0 0 0; } header.navbar nav a { font-size:16px; padding:15px 18px; border-bottom:1px solid #444; } header .nav { background:#333; } } @media (max-width:767px) { header.navbar .navbar-collapse { position:absolute; z-index:9999; width:100%; } } #scene { background:#222; width:100%; min-height:250px; padding:0px 0 50px 0; overflow:hidden; margin:0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; position:relative; text-align:center; color:#FFF; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); line-height:1.5; font-size:14px; } #scene .scene_custom { background-color:#000; background-image:url('/up/blog/5/5-lg.jpg'); background-position:center center; position:absolute; width:100%; height:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; filter:opacity(.5); -webkit-filter:opacity(.3); top:0; z-index:9; } #scene .container { position:relative; z-index:999; width:100%; } #home #scene { background:url(../img/scene_home.jpg) no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:500px; padding:50px 0 0 0; } @media (max-width:767px) { #home #scene { padding:0 0 0 0; } } #scene.scene_404 { background:url(../img/scene_404.jpg) no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; min-height:600px; width:100%; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.8); color:#FFF; font-size:30px; } #scene.scene_404 h1 { font-size:50px; margin:100px 0 50px 0; } #scene.scene_blog { background:url(../img/scene_academy.jpg) no-repeat top center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #scene.scene_lounge { background:url(../img/scene_lounge.jpg) no-repeat top center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #scene.scene_features { padding:0; background:url(../img/scene_features.jpg) no-repeat top center; min-height:300px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #scene.scene_features_api { padding:0; background:url(../img/scene_features_api.jpg) no-repeat top center; min-height:300px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #scene.scene_features_crawl { padding:0; background:url(../img/scene_features_crawl.jpg) no-repeat top center; min-height:300px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #scene.scene_features_crawl2 { padding:0; background:url(../img/scene_features_crawl2.jpg) no-repeat top center; min-height:300px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #scene.scene_features_crawl3 { padding:0; background:url(../img/crawl_background.jpg) no-repeat center center; min-height:300px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #scene.scene_features_keywordresearch { padding:0; background:url(../img/keywordresearch_background.jpg) no-repeat center center; min-height:300px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #scene.scene_features_pageanalysis { padding:0; background:url(../img/scene_features.jpg) no-repeat top center; min-height:300px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #scene.scene_features_backlinks { padding:0; background:url(../img/scene_features_backlinks.jpg) no-repeat top center; min-height:300px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #scene.scene_features_seobenchmark { padding:0; background:url(../img/scene_features_seobenchmark.jpg) no-repeat top center; min-height:300px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #scene.scene_features_sitevssite { padding:0; background:url(../img/scene_features_sitevssite.jpg) no-repeat center center; min-height:300px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #scene.scene_features_whitelabel { padding:0; background:url(../img/scene_features_whitelabel.jpg) no-repeat center center; min-height:300px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #scene.scene_features_keywordstracking { padding:0; background:url(../img/scene_features_keywordstracking.jpg) no-repeat top center; min-height:300px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #scene.scene_serrenumerique { background:url(../img/scene_serrenumerique.jpg) no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #scene h1 { font-size:38px; font-weight:500; margin:100px 0 0 0; } @media (min-width:1400px) { #scene { min-height:350px; } } @media (max-width:767px) { #scene { padding:0; } #scene h1 { font-size:30px; } } #scene .sub-text { -webkit-font-smoothing:antialiased; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; -o-animation-delay:0.6s; -ms-animation-delay:0.6s; animation-delay:0.6s; margin:0 auto; margin-top:25px; color:#fff; font-weight:400; font-size:17px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3); } @media (max-width:767px) { #scene .sub-text { font-size:15px; } } nav.footer-nav { background:#F3F3F3; color:#666; overflow:hidden; padding:30px 0; } nav.footer-nav a { display:block; padding:5px; color:#666; font-weight:bold; font-size:13px; } nav.footer-nav a img { margin-top:-3px; } nav.footer-nav ul, nav.footer-nav li { padding:0; margin:0; list-style:none; } nav.footer-nav li > a { padding:5px; font-weight:300; } nav.footer-nav a:hover { color:#000; text-decoration:underline; } footer { background:#FFF; color:#444; overflow:hidden; margin:0; text-align:center; padding:40px 0; font-weight:300; } footer .lang a { font-weight:bold; color:#333; display:inline-block; padding:0 10px 0 0; } footer a img { margin-top:-3px; margin-right:2px; } .social-list li{ transition:0.3s linear background-color; margin-top:1rem !important; display:inline-block; width:30px; height:30px; border-radius:50%; border:1px solid black; text-align:center; } .social-list li:hover i{ color :white; } .fb-link:hover{ border-color:#3b5998; background-color:#3b5998; } .twitter-link:hover{ border-color:#1da1f2; background-color:#1da1f2; } .google-link:hover{ border-color:#dd4b39; background-color:#dd4b39; } .linkedin-link:hover{ border-color:#0077b5; background-color:#0077b5; } .page-header { color:#444; -webkit-font-smoothing:antialiased; border-bottom:2px solid #EEE; margin:0 0 20px 0; padding:0; } .page-header h1 { font-weight:500; font-size:24px; margin:20px 0; } #home #homescreen { padding:0 50px; margin:70px auto 0 auto; width:100%; color:#FFF; text-align:center; font-size:13px; cursor:pointer; -webkit-transition:margin .5s; transition:margin .5s; } #home #homescreen img { width:100%; } #home #homescreen:hover { margin:20px auto 0 auto; } .white { color:#FFF; } .bg-primary { background-color:#5d9cec; color:#fff !important } .bg-primary-light { background-color:#8bb8f1; color:#fff !important } .bg-primary-dark { background-color:#2f80e7; color:#fff !important } .bg-primary small { color:inherit } .bg-success { background-color:#27c24c; color:#fff !important } .success-light { color:#43d967; } .bg-success-light { background-color:#43d967; color:#fff !important } .bg-success-dark { background-color:#1e983b; color:#fff !important } .bg-success small { color:inherit } .bg-info { background-color:#23b7e5; color:#fff !important } .bg-info-light { background-color:#51c6ea; color:#fff !important } .bg-info-dark { background-color:#1797be; color:#fff !important } .bg-info small { color:inherit } .bg-warning { background-color:#ff902b; color:#fff !important } .bg-warning-light { background-color:#ffab5e; color:#fff !important } .bg-warning-dark { background-color:#f77600; color:#fff !important } .bg-warning small { color:inherit } .bg-danger { background-color:#f05050 !important; color:#fff !important; } .bg-danger-light { background-color:#f47f7f; color:#fff !important } .bg-danger-dark { background-color:#ec2121; color:#fff !important } .bg-danger small { color:inherit } .bg-green { background-color:#37bc9b; color:#fff !important } .bg-green-light { background-color:#58ceb1; color:#fff !important } .bg-green-dark { background-color:#2b957a; color:#fff !important } .bg-green small { color:inherit } .bg-pink { background-color:#f532e5; color:#fff !important } .bg-pink-light { background-color:#f763eb; color:#fff !important } .bg-pink-dark { background-color:#e90bd6; color:#fff !important } .bg-pink small { color:inherit } .bg-purple { background-color:#7266ba; color:#fff !important } .bg-purple-light { background-color:#9289ca; color:#fff !important } .bg-purple-dark { background-color:#564aa3; color:#fff !important } .bg-purple small { color:inherit } .bg-inverse { background-color:#131e26; color:#fff !important } .bg-inverse-light { background-color:#243948; color:#fff !important } .bg-inverse-dark { background-color:#020304; color:#fff !important } .bg-inverse small { color:inherit } .bg-yellow { background-color:#fad732; color:#fff !important } .bg-yellow-light { background-color:#fbe164; color:#fff !important } .bg-yellow-dark { background-color:#f3ca06; color:#fff !important } .bg-yellow small { color:inherit } .bg-white { background-color:#fff; color:inherit !important } .bg-gray-darker { background-color:#232735; color:#fff !important } .bg-gray-dark { background-color:#3a3f51; color:#fff !important } .bg-gray { background-color:#dde6e9; color:#515253 !important } .bg-gray-light { background-color:#e4eaec; color:#515253 !important } .bg-gray-lighter { background-color:#edf1f2; color:#515253 !important } .text-warning{ color:#ff8905; } .text-success{ color:#5cb85c; } .text-danger{ color:#ff050e; } .text-muted { color:#AAA; } .text-muted a { color:#AAA; text-decoration:underline; } .text-muted a:hover { color:#666; text-decoration:underline; } .alert { } .alert-success { background-color:#27c24c; border-color:#27c24c; color:#FFF !important; } .alert-info { background-color:#f5f5f5; border-color:#f5f5f5; color:#333 !important; } .alert-warning { background-color:#ff902b; border-color:#ff902b; color:#FFF !important; } .alert-danger { background-color:#f05050; border-color:#f05050; color:#FFF !important; } .alert-yellow { background-color:#FFF396; border-color:#FFF396; color:#FFF !important; } .badge { } .badge-success { background-color:#27c24c; border-color:#27c24c; color:#FFF !important; } .badge-info { background-color:#5d9cec; border-color:#5d9cec; color:#FFF !important; } .badge-warning { background-color:#ff902b; border-color:#ff902b; color:#FFF !important; } .badge-danger { background-color:#f05050; border-color:#f05050; color:#FFF !important; } .badge-yellow { background-color:#FFF396; border-color:#FFF396; color:#FFF !important; } .badge-success-inverse { background-color:#FFF; border:1px solid #5cb85c; color:#5cb85c !important; } .badge-danger-inverse { background-color:#FFF; border:1px solid #f05050; color:#f05050 !important; } .badge-warning-inverse { background-color:#FFF; border:1px solid #f0ad4e; color:#f0ad4e !important; } .badge-txt { background-color:#FFF; } .badge-lg { font-size:24px; border-radius:30px; padding:5px 9px; } .list-group-item.active>.badge, .nav-pills>.active>a>.badge { color:#337ab7 !important; } .label { border-radius:10px; } .label-square { border-radius:2px; font-size:12px; padding:2px 6px; } .label-lg { font-size:20px; } .label-rn { width:25px; height:25px; display:inline-block; border-radius:50px; padding:6px 0 0 0; font-size:13px; } .label-rn.label-lg { width:55px; height:55px; display:inline-block; border-radius:50px; padding:19px 0 0 0; font-size:17px;} .label-success-inverse { background-color:#FFF; border:1px solid #5cb85c; color:#5cb85c; } .label-danger-inverse { background-color:#FFF; border:1px solid #f05050; color:#f05050; } .label-warning-inverse { background-color:#FFF; border:1px solid #f0ad4e; color:#f0ad4e; } .label-primary-inverse { background-color:#FFF; border:1px solid #337ab7; color:#337ab7; } .label-default-inverse { background-color:#FFF; border:1px solid #999; color:#999; } .label-primary-txt { background-color:#FFF; color:#337ab7; } .label-default-txt { background:#FFF; color:#999; } .label-keyword { border-radius:2px; font-size:12px; padding:2px 0 2px 6px; line-height:21px; overflow:hidden; border:1px solid #1495ff; background:#FFF; color:#333; line-height:25px; font-weight:400; margin: 0 5px 0 0; } .label-keyword > span { background:#1495ff; color:#FFF; font-size:10px; padding:4px 6px; margin:0 0 0 5px; } .progress-bar { background-color:#5d9cec; } .progress-bar-success { background-color:#27c24c; } .progress-bar-warning { background-color:#ff902b; } .progress-bar-danger { background-color:#f05050; } .progress-sm { height:10px; } .list-group { border-radius:4px; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .075); box-shadow:0 1px 2px rgba(0, 0, 0, .075); } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { text-shadow:0 -1px 0 #3071a9; background-image:-webkit-linear-gradient(top, #428bca 0%, #3278b3 100%); background-image: -o-linear-gradient(top, #428bca 0%, #3278b3 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3278b3)); background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0); background-repeat:repeat-x; border-color:#3278b3; } .panel { background-color:#fff; border:none; margin-bottom:1em; } .panel > .btn { margin:0; border-radius:0px 0px 4px 4px } .panel > .btn-dark { background:rgba(0,0,0,.1); color:#FFF; } .panel > .btn-dark:hover { background:rgba(0,0,0,.15); color:#FFF; } .panel > .btn-light { background:rgba(0,0,0,.05); color:#444; } .panel > .btn-light:hover { background:rgba(0,0,0,.1); color:#222; } .panel-default { } .panel-icon { height:100%; } .panel-default > .panel-heading { font-size:14px; color:#555; background:#FFF; } .panel-heading { padding-top:10px; padding-left:10px; padding-right:10px; line-height:2em; margin-bottom:1em; color:#6b6b6b; border-radius:10px 10px 0 0 ; } .panel-heading-lg { padding:15px; font-size:20px; } .panel-primary { background:#1495ff; color:#FFF; } .panel-primary > .panel-heading { font-size:14px; color:#FFF; background:#1495ff; } .panel-success > .panel-heading { background-color:#27c24c; color:#FFF; } .panel-danger > .panel-heading { background-color:#f05050; color:#FFF; } .panel-warning > .panel-heading { background-color:#f0ad4e; color:#FFF; } .panel-info > .panel-heading { background-color:#F3F3F3; color:#222; } .panel-info { border:1px solid #F3F3F3; } .panel-heading [data-toggle="collapse"] { cursor:pointer; } .panel-heading [data-toggle="collapse"]:after { font:normal normal normal 14px/1 'Font Awesome\ 5 Pro'; content:"\f04b"; float:right; color:#FFF; font-size:16px; line-height:1; } .panel-heading [data-toggle="collapse"].collapsed:after { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); color:#FFF; margin:5px 0 0 0; } .panel-heading .btn { color:#FFF; } .panel-title { margin-top:0px; margin-bottom:0px; font-size:14px; color:inherit } .well { background-image:-webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5)); background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); background-repeat:repeat-x; border-color:#dcdcdc; -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); box-shadow:inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); } .breadcrumb { background:none; padding:0; font-size:12px; margin:10px 0 30px 0; } .row-table { display:table; table-layout:fixed; height:100%; width:100%; margin:0 } .row-table>[class*=col-] { display:table-cell; float:none; table-layout:fixed; vertical-align:middle } .row-flush>[class*=col-] { padding-left:0; padding-right:0 } .panel-table .table>tbody>tr>td, .panel-table .table>thead>tr>th { padding:12px 15px; color:#444; font-size:14px; border-top:1px solid #EEE; } .panel-table .table>thead>tr>th { font-size:16px; font-weight:normal; border-bottom:1px solid #ddd} .btn { display:inline-block; padding:10px; font-size:15px; font-weight:normal; line-height:1.5; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:1px solid transparent; outline:none; } .btn:focus { outline:none; } .btn-wide { width:100%; } .btn-lg { font-size:14px; padding:15px; } .btn-sm { font-size:12px; padding:5px 8px; } .btn-xs { font-size:12px; padding:3px 8px; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor:not-allowed; pointer-events:none; opacity:.65; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none } .btn-default { color:#333; background-color:#fff; border-color:#eaeaea } .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { color:#333; background-color:#f5f5f5; border-color:#d6d6d6 } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { background-image:none } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color:#fff; border-color:#eaeaea } .btn-primary { color:#fff; background-color:#1495ff; border-color:#1495ff } .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary { color:#fff; background-color:#0b7fde; border-color:#0b7fde } .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { background-image:none } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color:#5d9cec; border-color:#5899eb } .btn-primary .badge { color:#5d9cec; background-color:#fff } .btn-success { color:#fff; background-color:#5fc772; border-color:#5fc772 } .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success { color:#fff; background-color:#1ABA37; border-color:#1ABA37 } .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { background-image:none } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color:#27c24c; border-color:#26be4a } .btn-success .badge { color:#27c24c; background-color:#fff } .btn-info { color:#fff; background-color:#23b7e5; border-color:#1eb6e4 } .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info { color:#fff; background-color:#1aacda; border-color:#179ac3 } .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info { background-image:none } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color:#23b7e5; border-color:#1eb6e4 } .btn-info .badge { color:#23b7e5; background-color:#fff } .btn-warning { color:#fff; background-color:#ff902b; border-color:#ff8d26 } .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning { color:#fff; background-color:#ff8517; border-color:#fc7800 } .btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning { background-image:none } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color:#ff902b; border-color:#ff8d26 } .btn-warning .badge { color:#ff902b; background-color:#fff } .btn-danger { color:#fff; background-color:#EB4B4F; border-color:#EB4B4F } .btn-text-danger { color:#ff050e; background:none; text-transform:uppercase; } .btn-text-danger:hover { color:#FFF; background:#ff050e; } .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger { color:#fff; background-color:#F00; border-color:#F00 } .btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger { background-image:none } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color:#f05050; border-color:#f04b4b } .btn-danger .badge { color:#f05050; background-color:#fff } .btn-link { color:#5d9cec; font-weight:400; border-radius:0 } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color:transparent; -webkit-box-shadow:none; box-shadow:none } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color:transparent } .btn-link:focus, .btn-link:hover { color:#1b72e2; text-decoration:underline; background-color:transparent } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color:#e4eaec; text-decoration:none } .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left:-3px;} input[type=checkbox] { margin:5px; } label { display:inline-block; max-width:100%; margin:10px 0 5px 0; font-weight:normal; } .input-search { border-radius:20px; } .divide0 { width:100%; height:0px; } .divide2 { width:100%; height:2px; } .divide3 { width:100%; height:3px; } .divide5 { width:100%; height:5px; } .divide10 { width:100%; height:10px; } .divide15 { width:100%; height:15px; } .divide20 { width:100%; height:20px; } .divide25 { width:100%; height:25px; } .divide30 { width:100%; height:30px; } .divide35 { width:100%; height:35px; } .divide40 { width:100%; height:40px; } .divide45 { width:100%; height:40px; } .divide50 { width:100%; height:50px; } .divide55 { width:100%; height:55px; } .divide60 { width:100%; height:60px; } .divide65 { width:100%; height:65px; } .divide70 { width:100%; height:70px; } .divide75 { width:100%; height:75px; } .divide80 { width:100%; height:80px; } .divide85 { width:100%; height:85px; } .padding10{ padding:10px; } .margin10{ margin-bottom:10px; } .margin20{ margin-bottom:20px; } .margin30{ margin-bottom:30px; } .margin40{ margin-bottom:40px; } .no-padding{ padding:0px; } .no-padding.gray{ background-color:#f5f5f5; } .no-padding-inner h3{ text-transform:uppercase; font-weight:700; } .no-padding-inner{ padding:60px; } @media(max-width:568px){ .no-padding-inner{ padding:15px; } } .margin-0{ margin:0px !important; } .wide-img-showcase-row{ position:relative; } .no-padding.img{ background:url(../img/showcase-1.jpg) scroll center no-repeat; background-size: cover; position:absolute; height:100%; } .no-padding.img-2{ background:url(../img/showcase-2.jpg) scroll center no-repeat; background-size: cover; position:absolute; height:100%; } @media(max-width:767px){ .no-padding.img{ position:relative; height:300px; } } .ad { background:#EEE; border-radius:10px; padding:10px 15px; } .carousel-control.left, .carousel-control.right { background-image:none; background-image:none; background-image:none; background-image:none; filter:none; } .input-group .form-control { height:44px; margin:2px; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child) { border-top-right-radius:0; border-bottom-right-radius:0; margin-right:0; } .btn-minwide { min-width:100px; } .well { background-image:none; box-shadow:none; -webkit-box-shadow:none; border-color:#f5f5f5; } .helpbox { padding:10px 25px; background:#f5f5f5; border-radius:2px; color:#666; font-size:12px; } .bigInt { font-size:35px; font-weight:300; line-height:1.5; margin-top:-10px; } .bigInt small { display:block; font-size:12px; text-transform:uppercase; } select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{display:none}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none} body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:black;-ms-filter:"alpha(opacity=40)";background-color:rgba(0,0,0,0.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:white;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;text-align:center;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert fieldset{border:0;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding .15s,max-height .15s;transition:padding .15s,max-height .15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding .2s,max-height .2s;transition:padding .25s,max-height .25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:white;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error::before,.sweet-alert .sa-input-error::after{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus:-ms-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus::-webkit-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input::-moz-placeholder{color:#bdbdbd}.sweet-alert input:-ms-input-placeholder{color:#bdbdbd}.sweet-alert input::-webkit-input-placeholder{color:#bdbdbd}.sweet-alert.show-input input{display:block}.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}.sweet-alert button{background-color:#8cd4f5;color:white;border:0;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0 5px;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,0.5),inset 0 0 0 1px rgba(0,0,0,0.05)}.sweet-alert button:hover{background-color:#7ecff4}.sweet-alert button:active{background-color:#5dc2f1}.sweet-alert button.cancel{background-color:#c1c1c1}.sweet-alert button.cancel:hover{background-color:#b9b9b9}.sweet-alert button.cancel:active{background-color:#a8a8a8}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,0.8) 0 0 2px,rgba(0,0,0,0.0470588) 0 0 0 1px inset !important}.sweet-alert button[disabled]{opacity:.6;cursor:default}.sweet-alert button.confirm[disabled]{color:transparent}.sweet-alert button.confirm[disabled] ~ .la-ball-fall{opacity:1;visibility:visible;transition-delay:0}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none !important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#f27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#f8bb86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#f8bb86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#f8bb86}.sweet-alert .sa-icon.sa-info{border-color:#c9dae1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#c9dae1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#c9dae1}.sweet-alert .sa-icon.sa-success{border-color:#a5dc86}.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after{content:'';-webkit-border-radius:40px;border-radius:40px;border-radius:50%;position:absolute;width:60px;height:120px;background:white;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,0.2);-webkit-border-radius:40px;border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:white;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:0;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0{transform:scale(0.7);-webkit-transform:scale(0.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(0.95);-webkit-transform:scale(0.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0{transform:scale(0.7);-webkit-transform:scale(0.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(0.95);-webkit-transform:scale(0.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(0.5);-webkit-transform:scale(0.5)}}@keyframes hideSweetAlert{0{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(0.5);-webkit-transform:scale(0.5)}}@-webkit-keyframes slideFromTop{0{top:0}100%{top:50%}}@keyframes slideFromTop{0{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0{top:50%}100%{top:0}}@keyframes slideToTop{0{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0{top:70%}100%{top:50%}}@keyframes slideFromBottom{0{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0{top:50%}100%{top:70%}}@keyframes slideToBottom{0{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop .3s;animation:slideFromTop .3s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom .3s;animation:slideFromBottom .3s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop .4s;animation:slideToTop .4s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom .3s;animation:slideToBottom .3s}@-webkit-keyframes animateSuccessTip{0{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}@keyframes animateErrorIcon{0{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulseWarning{0{border-color:#f8d486}100%{border-color:#f8bb86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0{background-color:#f8d486}100%{background-color:#f8bb86}}@keyframes pulseWarningIns{0{background-color:#f8d486}100%{background-color:#f8bb86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}@-webkit-keyframes rotate-loading{0{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-loading{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-ms-transform:rotate(-45deg) \9}.sweet-alert .sa-icon.sa-success{border-color:transparent\9}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{-ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{-ms-transform:rotate(-45deg) \9}.la-ball-fall,.la-ball-fall>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-fall{display:block;font-size:0;color:#fff}.la-ball-fall.la-dark{color:#333}.la-ball-fall>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-fall{width:54px;height:18px}.la-ball-fall>div{width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;-webkit-animation:ball-fall 1s ease-in-out infinite;-moz-animation:ball-fall 1s ease-in-out infinite;-o-animation:ball-fall 1s ease-in-out infinite;animation:ball-fall 1s ease-in-out infinite}.la-ball-fall>div:nth-child(1){-webkit-animation-delay:-200ms;-moz-animation-delay:-200ms;-o-animation-delay:-200ms;animation-delay:-200ms}.la-ball-fall>div:nth-child(2){-webkit-animation-delay:-100ms;-moz-animation-delay:-100ms;-o-animation-delay:-100ms;animation-delay:-100ms}.la-ball-fall>div:nth-child(3){-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}.la-ball-fall.la-sm{width:26px;height:8px}.la-ball-fall.la-sm>div{width:4px;height:4px;margin:2px}.la-ball-fall.la-2x{width:108px;height:36px}.la-ball-fall.la-2x>div{width:20px;height:20px;margin:8px}.la-ball-fall.la-3x{width:162px;height:54px}.la-ball-fall.la-3x>div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-fall{0{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@-moz-keyframes ball-fall{0{opacity:0;-moz-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-moz-transform:translateY(145%);transform:translateY(145%)}}@-o-keyframes ball-fall{0{opacity:0;-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-o-transform:translateY(145%);transform:translateY(145%)}}@keyframes ball-fall{0{opacity:0;-webkit-transform:translateY(-145%);-moz-transform:translateY(-145%);-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%)}} table.dataTable { clear:both; margin-top:6px !important; margin-bottom:6px !important; max-width:none !important; } th { font-weight:normal; font-size:16px; } table.dataTable td, table.dataTable th { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align:center; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space:nowrap; } div.dataTables_wrapper div.dataTables_length label { font-weight:normal; text-align:left; white-space:nowrap; } div.dataTables_wrapper div.dataTables_length select { width:75px; display:inline-block; } div.dataTables_wrapper div.dataTables_filter { text-align:right; } div.dataTables_wrapper div.dataTables_filter label { font-weight:normal; white-space:nowrap; text-align:left; } div.dataTables_wrapper div.dataTables_filter input { margin-left:0.5em; display:inline-block; width:auto; } div.dataTables_wrapper div.dataTables_info { padding-top:8px; white-space:nowrap; } div.dataTables_wrapper div.dataTables_paginate { margin:0; white-space:nowrap; text-align:right; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin:2px 0; white-space:nowrap; } div.dataTables_wrapper div.dataTables_processing { position:absolute; top:50%; left:50%; width:200px; margin-left:-100px; margin-top:-26px; text-align:center; padding:1em 0; } table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right:20px; padding-left:17px; } table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active { outline:none; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor:pointer; position:relative; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position:absolute; bottom:10px; left:2px; display:block; font-family:'Font Awesome\ 5 Pro'; font-weight:900; opacity:1; } table.dataTable thead .sorting:after { opacity:0.2; content:"\f0dc"; } table.dataTable thead .sorting_asc:after { content:"\f0de"; } table.dataTable thead .sorting_desc:after { content:"\f0dd"; } table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { color:#eee; } div.dataTables_scrollHead table.dataTable { margin-bottom:0 !important; } div.dataTables_scrollBody table { border-top:none; margin-top:0 !important; margin-bottom:0 !important; } div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display:none; } div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top:none; } div.dataTables_scrollFoot table { margin-top:0 !important; border-top:none; } @media screen and (max-width:767px) { div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align:center; } } table.dataTable.table-condensed > thead > tr > th { padding-right:20px; } table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after { top:6px; right:6px; } table.table-bordered.dataTable { border-collapse:separate !important; } table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width:0; } table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width:0; } table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border-bottom-width:0; } div.dataTables_scrollHead table.table-bordered { border-bottom-width:0; } div.table-responsive > div.dataTables_wrapper > div.row { margin:0; } div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child { padding-left:0; } div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { padding-right:0; } .panel-table .dataTables_length { margin:10px 0 0 15px !important; } .panel-table .dataTables_filter { margin:10px 15px 0 0 !important; } .panel-table .dataTables_info { margin:0 0 10px 15px !important; } .panel-table .dataTables_paginate { margin:0 15px 10px 0 !important; } .txt-1x2 { font-size:1.1em; } .lead-sm { font-size:14px; } .chart-legend li span{ display:inline-block; width:12px; height:12px; margin-right:5px; } .chart-legend li, .chart-legend ul { list-style:none; margin:2px 0; padding:2px 0; }#features .header { text-align:center; } #features .header h2 { color:#555; font-weight:300; font-size:28px; } @media (max-width:767px) { #features .header h2 { font-size:25px; } } #features .header p, #features .feature .info .header p { font-weight:300; font-size:17px; color:#757575; text-align:center; } #features .feature { margin-top:40px; -webkit-font-smoothing:antialiased; } @media (min-width:992px) { #features .feature.backwards .info { float:right; } #features .feature.backwards .image { float:left; } #features .feature.backwards .image img { margin:0 auto; } } @media (max-width:991px) { #features .feature { margin-top:10px; } } #features .feature .info h3 { font-weight:normal; font-size:34px; line-height:55px; margin-top:35px; } #features .feature .info h3 p { font-weight:normal; font-size:16px; margin:0; color:#AAA; } #features .feature.backwards .info h3 { margin-left:17%; } @media (max-width:991px) { #features .feature .info h4 { text-align:center; } } #features .feature .info p { color:#555; font-size:15px; margin-top:20px; line-height:24px; font-weight:normal; text-align:justify; width:83%; } #features .feature.backwards .info > p { margin-left:17%; } @media (max-width:991px) { #features .feature .info p { text-align:center; width:100%; font-size:14px; } } #features .feature .info ul, #features .feature .info li { list-style:none; margin:0; padding:0; } #features .feature .info li{ padding:5px 10px; font-size:16px; font-weight:bold; color:#555; } #features .feature.backwards .info ul { margin-left:17%; } #features .feature .details { margin-top:35px; } @media (max-width:991px) { #features .feature .details img { margin:0 auto !important; margin-top:20px; } } #features .divider { height:1px; width:100%; background-color:#ddd; position:relative; margin:40px 0 30px; } #features .divider:before { content:''; position:absolute; top:0; left:0; width:100%; height:2px; background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.75)), color-stop(0.5, rgba(250, 250, 250, 0)), color-stop(1, rgba(255, 255, 255, 0.75))); background-image:-webkit-linear-gradient(left, rgba(255, 255, 255, 0.75) 0%, rgba(250, 250, 250, 0) 50%, rgba(255, 255, 255, 0.75) 100%); background-image:-moz-linear-gradient(left, rgba(255, 255, 255, 0.75) 0%, rgba(250, 250, 250, 0) 50%, rgba(255, 255, 255, 0.75) 100%); background-image:-o-linear-gradient(left, rgba(255, 255, 255, 0.75) 0%, rgba(250, 250, 250, 0) 50%, rgba(255, 255, 255, 0.75) 100%); background-image:-ms-linear-gradient(left, rgba(255, 255, 255, 0.75) 0%, rgba(250, 250, 250, 0) 50%, rgba(255, 255, 255, 0.75) 100%); background-image:linear-gradient(left, rgba(255, 255, 255, 0.75) 0%, rgba(250, 250, 250, 0) 50%, rgba(255, 255, 255, 0.75) 100%); } @media (max-width:991px) { #features .divider { margin:55px 0 35px; } } #features .price { font-size:34px; } #features .price small { font-size:14px; } .featurecol { padding:30px 30px; font-size:15px; color:#555; line-height:1.5; text-align:justify; } .featurecol i { border:1px solid #1495ff; color:#1495ff; padding:23px; border-radius:100px; height:100px; width:100px; font-size:50px; } .featurecol h3 { padding:0 0 30px 0; font-weight:300; font-size:28px; } .featurecol .featured { color:#1495ff; font-size:16px; } #solutions::after { left:50%; bottom:-50px; position:absolute; content:""; border:25px solid; border-color:#1495ff transparent transparent transparent; display:block; margin-left:-25px; z-index:300; } #solutions { background:#1495ff; position:relative; color:#FFF; padding:40px 0 50px 0; -webkit-font-smoothing:antialiased; } #solutions .h3 { font-size:30px; } #solutions p { font-size:16px; } #solutions .btn { font-size:16px; } #office { margin:20px 0 50px 0; } #office img { margin-right:20px; } #office h4 { -webkit-font-smoothing:antialiased; margin:0 0 20px 0; } #signupbloc h3 { font-weight:normal; font-size:20px; text-align:center; margin:10px 0 20px 0; color:#1495ff; } #signupbloc .lead { font-size:15px; color:#555; line-height:1.5; text-align:justify; font-weight:400; } #signupbloc i { border:1px solid #CCC; color:#CCC; padding:18px; border-radius:100px; height:70px; width:70px; font-size:35px; } #signupbloc { padding:70px 0; } #loginScene { background:url(../img/scene_home.jpg) no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #signin #loginpage { background:#FBFBFB; padding:10px 20px; } #statistiques { background:#FAFAFA; position:relative; color:#333; padding:50px 0; -webkit-font-smoothing:antialiased; } #statistiques span { text-align:center; display:inline-block; font-weight:300; font-size:40px; width:100%; } #statistiques p { text-align:center; font-size:16px; line-height:1.5; } #statistiques i { color:#1495ff; } #team { position:relative; color:#333; padding:50px 0; -webkit-font-smoothing:antialiased; } #team span { text-align:center; display:inline-block; font-weight:300; font-size:40px; width:100%; } #team p { text-align:center; font-size:16px; line-height:1.5; } #team i { color:#1495ff; } .testimonial { font-size:14px; font-style:italic; color:#666; } .testimonial img { float:left; margin:0 20px 0 0; } .testimonial p { padding:0px 0 0 0; margin:0; } .testimonial em { font-size:12px; color:#AAA; font-style:normal; } #pricing { background:url(../img/scene_lounge.jpg) no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; color:#FFF; margin:0; padding:40px 0; } #pricing .title { color:#333; text-align:center; font-weight:bold; font-size:32px; padding:0 0 30px 0; text-shadow:0 10px 5px rgba(0, 0, 0, .2); } #pricing p.contract { color:#333; text-align:center; font-weight:bold; font-size:18px; text-shadow:0 10px 5px rgba(0, 0, 0, .2); } #pricing .box { background:#FFF; border-radius:2px; box-shadow:0 10px 10px rgba(0, 0, 0, .2); overflow:hidden; display:inline-block; width:100%; color:#333; transition:all 0.2s; margin:0 0 20px 0; cursor:pointer; } #pricing .box:hover { text-decoration:none; color:#333; margin-top:-2px; box-shadow:0 20px 10px rgba(0, 0, 0, .2); } #pricing .box.best:hover { margin-top:-32px; } #pricing .box .name { text-align:center; padding:10px 0; font-weight:bold; font-size:22px; color:#FFF; background-color:#1495ff; margin:0 0 10px 0; } #pricing .box .name.grey { background-color:#444; } #pricing .box .divider { border-top:1px solid #CCC; margin:10px 0; } #pricing .box .spec { text-align:center; padding:8px 0; font-size:14px; } #pricing .box .spec b { color:#1495ff; } #pricing .box .price { text-align:center; padding:15px 0; border-top:1px solid #CCC; margin:10px 0 0 0; font-size:28px; display:none; } #pricing .box .price small { font-size:14px; } #pricing .box .price sup { font-size:11px; top:-12px; } #pricing .box .price .period_price_total { font-size:13px; color:#AAA; } #pricing .box .price .price_discount { font-size:13px; line-height:20px; display:block; font-style:italic; margin:10px 0; color:#999; } #pricing .box .price .price_discount .red { color:#F00; } #pricing .box .price .price_discount span { font-weight:bold; } #pricing .box span.btn { width:100%; margin:0; border-radius:0px; padding:15px 10px; font-size:16px; } #pricing .box.best { margin-top:-30px; } #pricing .box .best_message { height:30px; font-size:16px; text-align:center; text-transform:uppercase; font-weight:bold; background:#5fc772; color:#FFF; padding:4px 0 0 0; } #pricing .group_title { text-transform:uppercase; color:#BBB; margin:5px 0; font-size:11px; } #pricing .non_trial_price_block { font-size:13px; color:#555; } #pricing #custom { color:#333; } #pricing #custom .custom_price { font-size:20px; } #pricing #custom .custom_currency { font-size:12px; } #pricing .btn-default.active, #pricing .btn-default.focus, #pricing .btn-default:active, #pricing .btn-default:focus, #pricing .btn-default:hover, #pricing .open>.dropdown-toggle.btn-default { color:#FFF; background-color:#555; border-color:#444 } #pricing .btn-default { color:#CCC; background-color:#333; border-color:#333; font-size:18px; } #pricing .btn-group .btn+.btn, #pricing .btn-group .btn+.btn-group, #pricing .btn-group .btn-group+.btn, #pricing .btn-group .btn-group+.btn-group { margin-left:-2px; } #pricing .yearly_group sup { top:-.3em; } #faq { } #faq h2 { font-size:28px; color:#555; line-height:25px; font-weight:400; margin:40px 0 0 0; } #faq h3 { font-size:22px; color:#555; line-height:25px; font-weight:400; margin-bottom:40px; } #faq i.fa-check { color:#1495ff; } #faq ul.rules { margin:0 0 0 30px; padding:0; } #faq ul.rules li { color:#444; padding:0 0 5px 0; list-style:none; text-indent:-20px; } #contact-us #map { -webkit-font-smoothing:antialiased; position:relative; top:-20px; box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.35); } .social a { border:0px; color:#FFF; font-size:20px; display:inline-block; border-radius:50px; width:40px; height:40px; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; } .social a.tw { padding:7px 12px; background-color:#00aced; } .social a.fb { padding:7px 14px; background-color:#3b5998; } .social a.tw:hover { background-color:rgba(0, 175, 238, 0.9); } .social a.fb:hover { background-color:rgba(60, 90, 153, 0.89); } .social a.gp { padding:8px 12px; background-color:#d34836; } .social a.gp:hover { background-color:#de5745; } .social a.in { padding:7px 12px; background-color:#0077B5; } .social a.in:hover { background-color:#1b9bdf; } .presentation { -webkit-font-smoothing:antialiased; } .presentation p { color:#6C7279; font-size:15px; margin-top:20px; line-height:24px; font-weight:normal; text-align:justify; } #testimonials { margin-top:80px; -webkit-font-smoothing:antialiased; } #testimonials .header { text-align:center; } #testimonials .header h3 { font-size:22px; color:#555; line-height:25px; font-weight:400; margin-bottom:40px; } #testimonials .testimonial { width:90%; } @media (max-width:767px) { #testimonials .testimonial { float:none !important; margin:0 auto; margin-bottom:45px; } } #testimonials .testimonial .quote { font-size:13px; color:#3D3D3D; line-height:24px; border:1px solid #E2E2E2; padding:12px 22px; border-radius:6px; width:90%; position:relative; } @media (max-width:767px) { #testimonials .testimonial .quote { margin:0 auto; } } #testimonials .testimonial .quote .arrow-down { position:absolute; bottom:3px; left:30px; } #testimonials .testimonial .quote .arrow-down .arrow, #testimonials .testimonial .quote .arrow-down .arrow-border { border-color:#fff transparent transparent; border-style:solid; border-width:11px; cursor:pointer; position:absolute; top:3px; z-index:1002; } #testimonials .testimonial .quote .arrow-down .arrow-border { border-color:#E2E2E2 transparent transparent; border-width:12px; top:3px; z-index:1001; left:-1px; } #testimonials .testimonial .author { margin-top:40px; margin-left:10px; } @media (max-width:767px) { #testimonials .testimonial .author { margin-left:6%; } } #testimonials .testimonial .author .pic { width:71px; height:71px; border-radius:50px; float:left; position:relative; top:-12px; margin-right:18px; border:1px solid #ccc; } #testimonials .testimonial .author .name { color:#3C92C5; line-height:23px; font-weight:500; } #testimonials .testimonial .author .company { font-size:14px; color:#909090; line-height:23px; font-weight:400; } #lastanalysis { font-size:14px; line-height:2; } #query {padding:5px;margin:20px 0 30px 0;border-radius:5px; background:rgba(0,0,0,.3);} #query #querybox {margin:0;padding:0;border-radius:4px;background:#FFF; min-height:10px;} #query #querybox .row {margin:0;padding:0 4px;} #query #url {margin:0;padding:8px 15px 8px 15px;font-size:14px;height:50px;color:#CCC;font-size:18px;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;width:100%;} #query #url:focus {color:#000;outline:none;} #query #submit {float:right;width:100%;margin:4px 0;font-size:18px;height:45px;background:#5fc772;border-radius:4px;-webkit-box-shadow:inset 0px 0px 10px #46be5c;-moz-box-shadow:inset 0px 0px 10px #46be5c;box-shadow:inset 0px 0px 10px #46be5c; border:none;color:#FFF;} #query #submit:hover {background:#46be5c;} #query #submit:active {-moz-box-shadow:inset 0 2px 10px rgba(0,0,0,0.25);-webkit-box-shadow:inset 0 2px 10px rgba(0,0,0,0.25);box-shadow:inset 0 2px 10px rgba(0,0,0,0.25);} #query .col-submit {padding:0;} #query #submit:focus {color:#000; outline:none; box-shadow:none;} #query .query-loading {background:#EEE url(../img/loader.gif) no-repeat left center;margin-top:5px;margin-left:10px;height:32px;width:32px;float:left;display:none;} #query #loading {color:#CCC;display:none;position:absolute;z-index:200;right:10px;top:10px;} #home #scene .btn { box-shadow:0 0 10px rgba(0, 0, 0, .5); font-size:16px; font-weight:bold; } #forum #forum_list a { display:block; background:#EEE; border-radius:5px; padding:25px 25px; color:#333; margin:10px 0; } #forum #forum_list a:hover { background:#1495ff; color:#FFF; } #forum #forum_list a .name { font-size:15px; font-weight:bold; display:block; } #forum #forum_list a .description { font-size:13px; display:block; } #forum #topic .firstpost { position:relative; margin:0 0 50px 0;; padding:20px; overflow:hidden; color:#000; font-size:13px; border-radius:3px; border:1px solid #EEE; font-size:13px; line-height:2; } #forum #topic .post { position:relative; margin:2px 0; padding:20px; overflow:hidden; color:#333; border-radius:3px; border:1px solid #EEE; font-size:13px; line-height:2; } #forum #topic .post .post_content { margin-left:90px; } #forum #topic .post-bad .score_value { color:#FFF; background:#FF6868; border-radius:10px; } #forum #topic .post-good { background-color:#E4FFE7; border:none; } #forum #topic .score { display:inline-block; float:left; min-width:50px; text-align:center; } #forum #topic .score_value { font-size:28px; display:block; } #forum #topic .score .scoreM, .score .scoreP { color:#333; font-size:18px; cursor:pointer; } #forum #topic .score .scoreM:hover , .score .scoreP:hover { color:#5fc772; } #notfound { background:#1495ff; text-align:center; } #notfound .container { color:#000; width:400px; height:250px; margin:-125px -200px; top:50%; left:50%; position:absolute; background:#FFF; border-radius:5px; } #notfound h1 { font-size:70px; color:#F00; } .progress-sm { height:5px; } .bg-cover { -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat:no-repeat; } .thumbnail, .img-thumbnail { -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .075); box-shadow:0 1px 2px rgba(0, 0, 0, .075); } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color:#e8e8e8; background-image:-webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); background-repeat:repeat-x; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color:#357ebd; background-image:-webkit-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: -o-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd)); background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); background-repeat:repeat-x; } .blog_category article > a { color:#333; text-decoration:none; } .blog_category a h2 { font-size:24px; } .blog_category p { font-size:14px; color:#555; line-height:1.5; text-align:justify; } #blog_article { font-family:'Palatino', 'Open Sans'; color:#444; font-size:16px; line-height:1.5; padding:50px 15px; } #blog .blog_top { color:#AAA; padding:0 0 15px 0; } #blog_article article { margin:0 0 40px 0; } #blog_article img.thumb { margin:20px 0; } #blog_article p { text-align:justify; font-size:16px; margin:0 0 15px 0; text-indent:15px; } #blog_article pre { margin:15px 0; padding:15px; background-color:#222; color:#CCC; border:none; } #blog_article h2 { font-size:32px; margin:60px 0px 15px 0px; } #blog_article h3 { font-size:28px; margin:40px 0px 15px 0px; } #blog_article .share { top:50px; } #blog_article .share>a { width:40px; height:40px; display:inline-block; text-align:center; font-size:18px; color:#FFF; padding:9px; float:left; clear:both; } #blog_article .share>a.facebook { background:#3B5998; } #blog_article .share>a:hover.facebook { background:#597cc9; } #blog_article .share>a.twitter { background:#55acee; } #blog_article .share>a:hover.twitter { background:#61b8fb; } #blog_article .share>a.comment { background:#333; } #blog_article .share>a:hover.comment { background:#222; } #blog_article #blog_author { background:#F3F3F3; padding:20px 30px 30px 25px; margin:40px 0; } #blog_article #blog_author img { float:left; margin:0 20px 0 0; } #blog_article #blog_author p { padding:5px 0 0 0; text-indent:0; margin:0; } #blog_article #blog_author p small { font-style:italic; } #comment_bloc { margin:40px 0; } #comment_bloc #comments { margin:40px 0; } #comment_bloc .comment { clear:both; } #comment_bloc .sub-comment { margin-left:80px; } #comment_bloc .comment a.profile { float:left; color:#333; text-transform:uppercase; font-size:12px; width:100%; } #comment_bloc .comment a.profile img { float:left; margin:0 20px 10px 0; } #comment_bloc .comment p { float:left; margin:-45px 0 0 80px; text-indent:0; } #comment_bloc #add_comment { margin:40px 0; } .cart { background:#EEE; border:1px solid #EEE; padding:20px; } .cart label { text-transform:none; font-size:13px; margin:0; padding:0; } .cart-total { background:#FFF; border:1px solid #EEE; padding:20px; } .checkbox_terms { text-transform:none; font-size:14px; cursor:pointer; } .add_reply { margin:10px 0 10px 5px; } .item-img-wrap { position:relative; text-align:center; overflow:hidden; } .item-img-wrap img { -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -webkit-transition:all 200ms linear; transition:all 200ms linear; width:100%; } .item-img-overlay { position:absolute; width:100%; height:100%; left:0; top:0; } .item-img-overlay span { width:100%; height:100%; position:absolute; top:0; left:0; background:url(../img/plus.png) no-repeat center center rgba(20, 149, 255, 0.7); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -moz-transition:opacity 250ms linear; -o-transition:opacity 250ms linear; -webkit-transition:opacity 250ms linear; transition:opacity 250ms linear; } .item-img-wrap:hover .item-img-overlay span { opacity:1; } .item-img-wrap:hover img { -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); } #faq h3 { margin:40px 0 20px 0; font-size:18px; } #faq p { font-size:13px; color:#444; line-height:1.5; } .img-behind { position:relative; overflow:hidden; min-height:350px; } .img-behind > img { position:absolute; } .browser { background:#EEE; border-top-left-radius:3px; border-top-right-radius:3px; display:block; line-height:0; padding:16px 0 0; position:relative } .browser.border { border:none; box-shadow:0 3px 10px rgba(0, 0, 0, .2); } .browser img { width:100% } @media only screen and (max-width:550px) { .browser { padding:12px 0 0 } } .browser-bar { display:block; height:16px; left:1px; position:absolute; top:4px } @media only screen and (max-width:550px) { .browser-bar { height:12px; top:3px } } .browser-button { background-color:#888; border-radius:50%; border:1px solid #888; float:left; height:8px; width:8px; margin:0 0 0 4px } @media only screen and (max-width:550px) { .browser-button { margin:0 0 0 3px; height:6px; width:6px } } .browser-off-page{ width:125%; margin-bottom:80px; margin-top:40px } .browser-off-page.right { margin-left:-25%; } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1;} } #overview { position:relative; margin-top:25px; } #overview.trans_height { transition:.5s; min-height:400px; } #overview #result { display:none; margin-bottom:60px; animation:fadeIn .5s; } #overview #product { display:none; animation:fadeIn .5s; } #overview #product p { margin:40px 0; } #overview #loading { position:absolute; text-align:center; left:0; right:0; top:50%; } #overview td { overflow:hidden; } #overview .analysisTitle { text-align:center; margin-bottom:40px; } #overview .date { } @media (max-width:1200px) { #overview .widget-small .score { left:0px !important; } #overview .widget-small .detail { left:0px !important; } } @keyframes fadeInRight { 0% { opacity:0; transform:translateX(20px); } 100% { opacity:1; transform:translateX(0); } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } #overview { margin:0; } #overview .widget { height:120px; background-color:white; position:relative; color:white; overflow:hidden; border-radius:5px; font-size:15px; margin-bottom:20px; } #overview .widget-large .score, #overview .widget-large .detail { position:absolute; } #overview .widget-small .score, #overview .widget-small .detail { position:absolute; } #overview .widget .score .score-content { text-align:center; } #overview .widget-large .score .score-content { margin-top:50%; transform:translateY(-50%); } #overview .widget-large .detail { padding-top:10px; } #overview .widget-small .score .score-content { padding-top:18px; } #overview .widget-small .detail .detail-content { padding-top:12px; } #overview .widget-large .detail h4 { padding:0; margin-top:20px; margin-bottom:10px; } #overview .widget-small .detail h4 { margin:0; padding:0; } #overview .widget .score .score-content div:first-child { font-size:30px; } #overview .widget-large .score { left:0; top:0; bottom:0; width:120px; } #overview .widget-large .detail { padding:0px 25px; left:120px; top:0; bottom:0; right:0; border-top-right-radius:5px; border-bottom-right-radius:5px; } #overview h1 { padding:15px 0px; margin-top:20px !important; } #overview h4 { } #overview h1 { margin-top:40px; } #overview .widget-large .detail div { font-weight:100; } #overview .widget-large .detail h4 { } #overview .widget-small .score { top:0; left:25px; right:0px; bottom:45px; border-top-left-radius:5px; border-top-right-radius:5px; } #overview .widget-small .detail { top:75px; bottom:0; left:25px; right:0px; text-align:center; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } #overview .widget-danger .score { background-color:#da4343; } #overview .widget-danger .detail { background-color:#f05051; } #overview .widget-warning .score { background-color:#dd9c3f; } #overview .widget-warning .detail { background-color:#f0ad4e; } #overview .widget-success .score { background-color:#4ca84c; } #overview .widget-success .detail { background-color:#5cb85c; } #overview .widget-info .score { background-color:#6a777f; } #overview .widget-info .detail { background-color:#7f8c8d; } #overview .widget-large .detail .detail-content { animation:fadeInRight .5s; } #overview .widget-large .score .score-content { animation:fadeIn 1s; } #overview .widget-small .score .score-content { animation:fadeIn 1s; } #overview #result { animation:fadeIn .5s; display:none; } #overview .grisp{color:#dadada;} #overview .blur-me { -webkit-filter:blur(3px); -moz-filter:blur(3px); -ms-filter:blur(3px); -o-filter:blur(3px); filter:blur(3px); } #overview button.trial { font:400 13px/1.7 "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; left:50%; right:50%; bottom:25px; height:55px; width:200px; transform:translateX(-50%); padding:10px; position:absolute; z-index:3000; border-radius:0px; } #overview .btn-lg { font-size:14px; padding:15px; } #overview .btn-success { color:#fff; background-color:#5fc772; border-color:#5fc772; } #overview .overview-table { position:relative; } #overview #cloud1, #overview #visualization { height:264px; text-align:center; } #overview .linkFullReportH1 { position:absolute; right:0; top:20px; color:#95a5a6; font-weight:100; } #overview .relative { position:relative; } #overview .margin-bottom { margin-bottom:10px; } #overview .presentation { color:#95a5a6; font-size:16px; font-weight:500; font-style:italic; } #overview .loader:before, #overview .loader:after, #overview .loader { border-radius:50%; width:2.5em; height:2.5em; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:load7 1.8s infinite ease-in-out; animation:load7 1.8s infinite ease-in-out; } #overview .loader { color:#1495ff; font-size:10px; margin:80px auto; position:relative; text-indent:-9999em; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); -webkit-animation-delay:-0.16s; animation-delay:-0.16s; } #overview .loader:before { left:-3.5em; -webkit-animation-delay:-0.32s; animation-delay:-0.32s; } #overview .loader:after { left:3.5em; } #overview .loader:before, #overview .loader:after { content:''; position:absolute; top:0; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow:0 2.5em 0 -1.3em; } 40% { box-shadow:0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow:0 2.5em 0 -1.3em; } 40% { box-shadow:0 2.5em 0 0; } } #overview #loader h2, #overview #error h2 { text-align:center; padding-top:40px; } #overview #error { display:none; } #overview .sweet-alert p input[type='email'], .sweet-alert p input[type='password']{ display:block; } #overview .sweet-alert p input[type='checkbox'] { display:inline-block; position:absolute; top:3px; height:10px; width:10px; } #overview .sweet-alert label { margin-top:10px; text-align:left; width:100%; } #overview .hash { background:repeating-linear-gradient( 145deg, #7f8c8d, #7f8c8d 1.5px, #fff 3.5px, #fff 7px ); position:absolute; top:0px; bottom:0; left:0; right:0; z-index:2000; opacity:0.1; } #overview .tab { position:relative; padding-left:20px; padding-right:20px; padding-bottom:15px; } #overview .tab div { display:inline-block; margin:15px 10px; margin-bottom:0; overflow:hidden; word-break:break-all; } #overview .tab-grey { background-color:#f5f5f5; } #overview button[type='submit'] { margin:26px 5px 0 0px ; } #overview .tab div, #overview .tab-grey div { overflow:hidden; } #overview .tab .keywordPos { position:absolute; left:65px; } #pageTitle h1 { text-align:center; } #overview #loadHere p{ padding:10px 0px; } #panel { } #panel .main { margin:20px 0; background:#FFF; padding:0 50px 20px 50px; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .1); box-shadow:0 1px 2px rgba(0, 0, 0, .1); } #screen { background-image:url('/static/img/screen.jpg'); display:inline-block; height:340px; width:616px; position:relative; padding:25px 30px 0 24px !important; } #screen #screencontent { display:block; overflow:hidden !important; height:315px; width:565px; } .featurebox { position:relative; padding:10px 30px; border:2px solid #EEE; margin:0 0 20px 0; min-height:270px; } .featurebox.active { opacity:1; border-color:#1495ff; } .featurebox h3 { font-size:24px; margin:10px 0 10px 0; padding:0; font-weight:normal; } .featurebox p.desc { font-size:13px; color:#888; min-height:100px; } .screen_wrapper { position:relative; height:350px; display:block; text-align:center; } a.screen_leftnav, a.screen_rightnav{ display:inline-block; padding:20px; position:absolute; font-size:50px; transition:.5s color ease; color:#DDD; cursor:pointer; } a.screen_leftnav:hover, a.screen_rightnav:hover{ color:#1495ff; } a.screen_leftnav{ margin:130px 0 0 -100px; } a.screen_rightnav{ margin:130px -100px 0 0; } #signUpModal .modal-content{ border:none; } #signUpModal .modal-body{ padding-top:0; padding-bottom:0; } #signUpModal .modal-body .signup{ padding:35px 0; display:flex; flex-direction:column; justify-content:center; } #signUpModal form{ margin-top:20px; } #signUpModal #computer-animation{ padding-top:40px; margin-bottom:30px; } #signUpModal h2{ color:white; font-size:26px; } .scanner{ width:90%; margin-top:10px; margin-left:5%; height:5px; background:#fffe05; box-shadow:0 0 10px #000; border-radius:10px; position:absolute; animation:scanner 2s infinite alternate ease-in-out; z-index:500; } @keyframes scanner { from {top:-5%} to {top:85%} } .css-mb { position:relative; max-width:300px; min-width:50px; margin:0 auto; } .css-mb div { box-sizing:border-box !important; } .css-mb .mb-display-position { width:80%; margin:0 auto; } .css-mb .mb-display { position:relative; width:100%; height:0; padding-bottom:65.9442%; background:#373435; -webkit-border-top-left-radius: 3.5% 5.3075%; -moz-border-radius-topleft: 3.5% 5.3075%; border-top-left-radius: 3.5% 5.3075%; -webkit-border-top-right-radius:3.5% 5.3075%; -moz-border-radius-toptight:3.5% 5.3075%; border-top-right-radius:3.5% 5.3075%; } .css-mb .mb-display:before { content:''; display:block; position:absolute; top:3%; left:50%; width:1%; height:1.5164%; margin-left:-0.5%; border-radius:50%; background:#525252; } .css-mb .mb-display:after { content:''; display:none; position:absolute; right:0.4%; top:0.64%; width:62.5%; height:100%; background:none; background: -moz-linear-gradient(55deg, rgba(0,0,0,0) 61%, rgba(255,255,255,0.05) 61%); background:-webkit-linear-gradient(36deg, rgba(0,0,0,0) 61%, rgba(255,255,255,0.05) 61%); background: -o-linear-gradient(55deg, rgba(0,0,0,0) 61%, rgba(255,255,255,0.05) 61%); background: -ms-linear-gradient(55deg, rgba(0,0,0,0) 61%, rgba(255,255,255,0.05) 61%); background: linear-gradient(55deg, rgba(0,0,0,0) 61%, rgba(255,255,255,0.05) 61%); -webkit-border-top-right-radius:5.3075%; -moz-border-radius-toptight:5.3075%; border-top-right-radius:5.3075%; } .css-mb.with-glare .mb-display:after { display:block; } .css-mb .mb-screen-position { position:absolute; top:6.5%; width:93.2%; left:3.4%; height:0; margin:0; padding-bottom:58.25%; } .css-mb .mb-screen { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; background:#4b4b4d; } .css-mb .mb-screen img { max-width:100%; height:100%; } .css-mb .mb-screen iframe { width:100%; height:100%; border:0; } .css-mb .mb-body { position:relative; width:100%; height:0; padding-bottom:2.3%; background:#e6e7e8; } .css-mb .mb-body:before { content:''; display:block; position:absolute; top:0; left:50%; width:14.0740%; height:0; padding-bottom:1.4814%; margin-left:-7.037%; background:#a9abae; -webkit-border-bottom-left-radius: 7.0370% 50%; -moz-border-radius-bottomleft: 7.0370% 50%; border-bottom-left-radius: 7.0370% 50%; -webkit-border-bottom-right-radius:7.0370% 50%; -moz-border-radius-bottomtight:7.0370% 50%; border-bottom-right-radius:7.0370% 50%; } .css-mb .mb-bottom-cover { width:100%; height:0; padding-bottom:0.7407%; background:#a9abae; -webkit-border-bottom-left-radius: 12% 600%; -moz-border-radius-bottomleft: 12% 600%; border-bottom-left-radius: 12% 600%; -webkit-border-bottom-right-radius:12% 600%; -moz-border-radius-bottomtight:12% 600%; border-bottom-right-radius:12% 600%; } .analysis-tips{ text-align:center; color:white; font-size:18px; } .signup-subtitle{ margin-top:10px; display:block; font-size:12px; font-style:italic; } .animation-block{ background-image:linear-gradient(to bottom, #2b9fff, #98cefd); border-radius:0 6px 6px 0; padding-top:30px; padding-bottom:50px; } #home #scene { background:#1495ff; background:-webkit-linear-gradient(to right, #1495ff, #35b7d6); background:linear-gradient(to right, #1495ff, #35b7d6); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:auto; } @media (min-width:1400px){ #home #scene { min-height:500px; } } @media (min-width:768px){ #home #scene .container { width:750px; } } @media (min-width:992px){ #home #scene .container { width:970px; } } @media (min-width:1200px){ #home #scene .container { width:1170px; } } #home #feature{ background:#1577c8; background:-webkit-linear-gradient(to right, #1577c8 0%, #1387a5 100%); background:linear-gradient(to right, #1577c8, #1387a5); padding:2rem; padding-bottom:4em; } #home #feature .col-sm-6{ padding:0 2rem; } #home #feature h2{ margin-bottom:1em; color:#fff; font-weight:500; font-size:32px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); } #home #feature .fa-cogs{ color:#F9274D; } #home #feature .fa-list-ol{ color:#16A085; } #home #feature .fa-file-pdf{ color:#8D5FBB; } #home #feature .fa-chart-area{ color:#F9A033; } #home #feature h3{ font-size:1.2em; } #home #feature h3, #home #feature p{ color:#6E7F90; } @media (min-width:767px){ #home #feature h3{ min-height:35px; } } @media (min-width :1200px){ #home #feature p{ min-height:90px; } } @media (max-width :1200px) and (min-width:991px){ #home #feature p{ min-height:108px; } } @media (max-width :990px) and (min-width:767px){ #home #feature h3{ min-height:51px; } #home #feature p{ min-height:162px; } } #home #feature .feature-box{ cursor:pointer; background-color:rgb(254,254,254); border-style:solid; border-width:1px; border-color:rgb(209,209,209); box-shadow:0 10px 18px -3px rgba(0,0,0,.16); border-radius:10px; padding:2em 1em 0 1em; } #home #feature .feature-box .toggle-icon-plus{ margin:0 1em 1em 1em; display:inline-block; height:2em; width:2em; line-height:2.1em; text-align:center; box-shadow:3px 2px 2px 0px #c0c0c0; border-radius:50%; background-color:#4d7ff6; color:white; cursor:pointer; } #home #feature .feature-box .toggle-icon-plus:hover{ background-color:#416ed8; box-shadow:3px 2px 2px 0px #8a8989; } #home .feature-box.red-box{ border-top:6px solid #F9274D !important; } #home .feature-box.green-box{ border-top:6px solid #F9A033 !important; } #home .feature-box.purple-box{ border-top:6px solid #8D5FBB !important; } #home .feature-box.orange-box{ border-top:6px solid #16A085 !important; } #home #feature .feature-box p{ display:none; } #home #features .featured{ color:#1495ff; font-size:16px; } #home #features .desc{ font-size:14px; color:#888; } #home #features h3{ cursor:pointer; font-size:20px!important; font-weight:300; } #home #features h3:after{ content:''; display:block; position:relative; margin:15px 0; width:30px; height:2px; background:#fa52a5; } #home #features .tool{ margin:10rem 2rem; display:flex; flex-direction:row; align-items:top; } #home #features .tool h4{ font-size:25px; } #home #features .tool-presentation{ display:none; } #home .tool-presentation-link{ color:inherit; } #home .tool-presentation-link:hover{ text-decoration:none; } #home #testimonials{ background-image:linear-gradient(170deg, #2b9fff, #98cefd); padding:30px; } #home #testimonials .header{ color:#fff; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3); } #home .user-card{ text-align:center; margin-left:0; margin-right:20px; background:#fff; padding:30px 30px 10px; border-radius:7px; position:relative; width:calc(33% - 40px); display:inline-block; margin:50px auto 20px; font-size:16px; box-shadow:0 0 5px 5px rgba(0,0,0,.1); margin-left:20px; vertical-align:top; } #home .user-card img{ margin-top:-80px; border:2px solid #068fff; margin-bottom:1rem; } #home .testimonial-user-name{ color:#4cafff; font-weight:500; font-size:16px; margin-bottom:4px; } #home .testimonial-user-post{ color:#004c71; font-size:15px; margin:0 auto 10px; font-weight:400; height:50px; } #home .testimonial-user-citation{ color:#a8a8a8; min-height:155px; } #home #try-free{ color:#fff; background:#393f4c; text-align:center; height:357px; padding-top:88px; } #home #office { margin:20px 0 70px 0; } #home .signup-button-main{ font-size:18px; } @media (max-width:991px){ #home .user-card{ width:calc(100% - 40px); } } #home #book-demo{ margin-top:45px; } .nav>li>a:focus, .nav>li>a:hover { background-color:unset; outline:none; } .hidden2 { display:none; } #header_ctn { max-height:500px; overflow:hidden; } #demoScreen { padding-left:30px; } #demoScreen > img { max-width:1000px; border-radius:4px; } @media (max-width:992px){ #header_ctn { max-height:800px; } } #home .way img { border-radius:5px; margin-bottom:20px; } .way { margin:30px 0; font-size:15px; line-height:2; } .nicetable { color:#555; font-size:13px; } h2 small { font-size:12px;} #app .main .container { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } .actions { display:none !important; } @media (max-width:768px) { #app aside { top:0px; } .navbar { height:64px; } .navbar-header > a.logo { padding:11px; } .navbar-toggle { } #headerNavigation { } #app .main .container { width:100% !important; } #app aside, #app.withaside aside { left:-220px !important; } #app .main, #app .app-header, #app footer, #app .footer-nav { margin-left:0px !important; padding-right:10px !important; padding-left:10px !important; } #app.withaside { left:220px !important; } } @media (max-width:767px) { } @media (min-width:1201px) { } @media (max-width:1200px) and (min-width:768px) { .account_menu_resp { display:block !important; } .profile_menu > a { padding:12px 10px !important; } .actions { display:table !important; } #app aside .profile_menu { display:block; } #app aside .instant_report_menu { display:block; } #app aside .integration_menu { display:block; } #app aside .settings_menu { display:block; } #app aside .account_menu_resp:hover ~ #actions { display:block !important; } #app aside #actions:hover { display:block !important; } #app aside #actions { display:none; position:relative; background-color:#333; width:200px; left:60px; top:-64px; z-index:1000; } #app aside { z-index:2000 !important; } #app aside ul > li > a > span { display:none; } .profile_menu span { top:33px; } .profile_menu .collapse { top:46px; } #app aside ul > li:hover > a > span { display:block; position:absolute; width:200px; background:#333; z-index:800; left:0; margin-top:-33px; padding:13px; margin:-33px 0 0 60px; } #app aside ul > li:hover > span { display:block; position:absolute; width:200px; background:#333; z-index:800; left:0; margin-top:-33px; padding:13px; margin:-33px 0 0 60px; } #app aside ul > li > ul.collapse.in, #app aside ul > li > ul._collapse.in { display:none ; } #app aside ul > li:hover > ul.collapse, #app aside ul > li:hover > ul._collapse { display:block ; position:absolute; width:200px; background:#333; z-index:800; left:0; padding:0; margin:-0 0 0 60px; } #app aside ul > li i { font-size:16px; } #app .main .container, #app .footer-nav .container { width:100% !important; } #app aside { left:0; width:60px !important; } #app .main .container { padding-right:10px !important; padding-left:10px !important; } #app .main, #app .app-header, #app footer, #app .footer-nav { margin-left:60px !important; padding-right:10px !important; padding-left:10px !important; } #app aside ul > li span { display:none; } .toogle-aside { display:none; } #app aside .profile_menu_resp a { padding:13px 10px 10px 10px !important; } } @media (min-width:1201px) { #app .main .container { width:100% !important; } #app aside { left:0px; } #app .main, #app .app-header, #app footer, #app .footer-nav { margin-left:220px !important; padding-right:50px !important; padding-left:50px !important; } .toogle-aside { display:none; } } @media (max-width:1500px) { #app .main .container { width:100% !important; } } @media (min-width:1500px) { #app .main .container { width:1200px !important; } #app .main, #app .app-header, #app footer, #app .footer-nav { margin-left:220px !important; } } #app aside .instant_report_menu_resp { display:none; } #app aside .integration_menu_resp { display:none; } #app aside .settings_menu_resp { display:none; } #app aside .account_menu_resp { display:none; } #app aside { } #aside-menu a em { color:#ffb205; font-style:normal; font-size:11px; } #app { -webkit-transition:left .2s; transition:left .2s; background:rgba(2, 9, 56, 0.85); position:relative; } #app.withaside aside { left:0 ; } #app header .container { width:100% !important; } #app aside { width:220px; padding:10px; position:absolute; } #app aside .affix { top:0; width:220px;} #app aside .aside-header { color:#666; padding:19px 20px; font-size:18px; font-weight:300; } #app aside ul, #app aside li { list-style:none; margin:0; padding:0; } #app aside ul ul li a { background:rgba(2, 9, 56, 0.85); padding:12px 20px 12px 30px; } #app aside #aside-menu a { display:block; padding:10px 15px; margin:3px 0; border-radius:20px; color:#e8e8e8; text-decoration:none; transition:.3s background ease; -webkit-font-smoothing:antialiased; } #app aside #aside-menu a i { padding:0 20px 0 0; display:inline-block; } #app aside #aside-menu a.active{ color:#FFF; background:rgba(255, 255, 255, 0.15); text-decoration:none; } #app aside #aside-menu a:hover{ text-decoration:none; color:#1495FF; background:#FFF; } #app aside .profile_menu > a, #app aside .profile_menu_resp > a { height:64px; padding:14px 20px; } #app aside .profile_menu > a small, #app aside .profile_menu_resp > a small { display:inline-block; font-size:10px; } #app aside .profile_menu_resp { display:none; } #app aside .profile_menu a img, #app aside .profile_menu_resp a img { width:30px; height:30px; border-radius:50px; margin:5px 10px 0 0; float:left; } #app aside hr { margin:5px 0; border-color:#555; } #app .main { margin-left:220px; padding:20px 50px; background:#EEE; min-height:800px; } #app .app-header { margin:0 0 0 220px; background:#FFF; padding:0; color:#666; font-weight:300; font-size:18px; position:relative; min-height:64px; line-height:64px; } #app .app-header .btn { margin:0 !important; border-radius:0 !important; border:none; padding-left:20px; padding-right:20px; } #app .app-header .actions { display:table !important; list-style:none; margin:0; padding:0; float:right; top:0; line-height:59px; } #app .app-header .actions>li { list-style:none; float:left; position:relative; display:block } #app .app-header .actions .dropdown-menu { background:#FFF; margin-top:0; border-top-left-radius:0; border-top-right-radius:0; border:none; } #app .app-header .actions .dropdown-menu a:hover{ background:#EEE; } #app .toogle-aside { border:none; background:none; margin:0 10px 0 0; font-size:25px; line-height:0.5; outline:none; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color:#fff; background-color:#1495ff; border:1px solid #1495ff; } .nav-pills>li>a { border-radius:2px; background:#FFF; margin:0 5px; border:1px solid #FFF; color:#333; padding:15px 15px; } .nav-pills .open>a, .nav-pills .open>a:focus, .nav-pills .open>a:hover { background-color:#FFF; border-color:#1495ff; } .nav-pills>li>a:focus, .nav-pills>li>a:hover{ text-decoration:none; background-color:#FFF; color:#333; border:1px solid #FFF; box-shadow:0 1px 5px rgba(0, 0, 0, .4); } .theme-preview-box { float:left; width:340px; position:relative; height:500px; } .theme-preview-box-landscape .theme-preview-sm { height:340px; width:500px; } .theme-preview { box-shadow:0 0 5px rgba(0,0,0,.5); border-radius:2px; overflow:hidden; background:#FFF; margin:15px 5px 30px 5px; padding:30px 50px; box-sizing:border-box; -webkit-box-sizing:border-box; } .theme-preview-sm { width:900px; height:1273px; -webkit-transform:scale(0.3); -moz-transform:scale(0.3); -o-transform:scale(0.3); -ms-transform:scale(0.3); transform:scale(0.3); -webkit-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; } .theme-preview-box-landscape .theme-preview-sm { height:900px; width:1273px; } .theme-preview-buttons { position:absolute; top:400px; width:100%; } .theme-preview .page-header, .page .page-footer, .page .page-content { width:100%; } .theme-preview .page-header, .page .page-footer { height:4%; margin:3% 0; } .theme-preview .page-content { height:85%; } .avatar { border-radius:200px; } #avatar-upload { cursor:pointer; position:relative; overflow:hidden; display:inline-block; } #avatar-upload span { display:none; text-align:center; color:#FFF; text-shadow:0px 0px 3px #000; position:absolute; bottom:15px; left:0%; width:100%; } #avatar-upload:hover span { display:inline-block; } #card-number,#cvv,#expiration-date { border:1px solid #CCC; border-left:none; border-right:none; -webkit-transition:border-color 160ms; transition:border-color 160ms; height:50px; padding:10px 30px; } #card-number.braintree-hosted-fields-focused, #cvv.braintree-hosted-fields-focused, #expiration-date.braintree-hosted-fields-focused { border-color:#AAA; } #card-number.braintree-hosted-fields-invalid, #cvv.braintree-hosted-fields-invalid, #expiration-date.braintree-hosted-fields-invalid { border-color:#F00; background-color:#fff1f1; } #card-number.braintree-hosted-fields-valid, #cvv.braintree-hosted-fields-valid, #expiration-date.braintree-hosted-fields-valid { border-color:limegreen; } .colorpicker-saturation { width:100px; height:100px; background-image:url(/static/plugins/colorpicker/saturation.png); cursor:crosshair; float:left; } .colorpicker-saturation i { display:block; height:5px; width:5px; border:1px solid #000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:absolute; top:0; left:0; margin:-4px 0 0 -4px; } .colorpicker-saturation i b { display:block; height:5px; width:5px; border:1px solid #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .colorpicker-hue, .colorpicker-alpha { width:15px; height:100px; float:left; cursor:row-resize; margin-left:4px; margin-bottom:4px; } .colorpicker-hue i, .colorpicker-alpha i { display:block; height:1px; background:#000; border-top:1px solid #fff; position:absolute; top:0; left:0; width:100%; margin-top:-1px; } .colorpicker-hue { background-image:url(/static/plugins/colorpicker/hue.png); } .colorpicker-alpha { background-image:url(/static/plugins/colorpicker/alpha.png); display:none; } .colorpicker { *zoom:1; top:0; left:0; padding:4px; min-width:120px; margin-top:1px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .colorpicker:before, .colorpicker:after { display:table; content:""; } .colorpicker:after { clear:both; } .colorpicker:before { content:''; display:inline-block; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #ccc; border-bottom-color:rgba(0, 0, 0, 0.2); position:absolute; top:-7px; left:6px; } .colorpicker:after { content:''; display:inline-block; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #ffffff; position:absolute; top:-6px; left:7px; } .colorpicker div { position:relative; } .colorpicker.alpha { min-width:140px; } .colorpicker.alpha .colorpicker-alpha { display:block; } .colorpicker-color { height:10px; margin-top:5px; clear:both; background-image:url(/static/plugins/colorpicker/alpha.png); background-position:0 100%; } .colorpicker-color div { height:10px; } .input-group .input-group-addon i { display:block; cursor:pointer; width:16px; height:16px; } .table .score { -webkit-font-smoothing:antialiased; font-weight:bold; line-height:1; font-size:18px; margin:-2px 0 -3px 0; color:#FFF; border-radius:300px; width:40px; height:40px; padding:10px 5px 5px 5px; text-align:center; display:inline-block; line-height:20px; } .table .score sup { font-size:10px; display:block; } #app .featured-thumb { background:#FFF; width:100%; min-height:250px; margin:0 0 20px 0; display:inline-block; border-radius:2px; box-sizing:border-box; overflow:hidden; padding:0; } #app .featured-thumb .screenshot { width:100%; height:150px; overflow:hidden; background-color:#EEE; -webkit-background-size:cover; background-size:cover; filter:brightness(50%); -webkit-filter:brightness(50%); } #app .featured-thumb .url a { color:#333; text-align:center; font-size:13px; text-decoration:underline; padding:15px 5px; display:inline-block; width:100%; } #app .featured-thumb .date { color:#CCC; text-align:center; font-style:italic; font-size:12px; padding:0px 5px 0 5px; display:inline-block; width:100%; } #app .featured-thumb .pagescore .bigbadge { font-size:28px; border-radius:50px; padding:15px; line-height:80px; } #app .featured-thumb .pagescore, #app .featured-thumb .scores { width:50%; float:left; font-size:11px; line-height:22px; padding:0px 5px 30px 5px; -webkit-box-sizing:border-box; box-sizing:border-box; } #app .featured-thumb .pagescore { text-align:center; } #app ul.tasks { list-style:none; padding:0; margin:0; } #app ul.tasks li { display:block; border-bottom:1px dashed #CCC; padding:15px 10px; color:#444; font-size:15px; } .tasks-number { display:none; } .legend-color { height:10px; width:10px; display:inline-block; } #app .project-thumb { background:#FFF; width:100%; min-height:250px; margin:0 0 20px 0; display:inline-block; border-radius:2px; box-sizing:border-box; overflow:hidden; padding:0; } #app .project-thumb .screenshot { width:50%; min-height:250px; background-color:#EEE; -webkit-background-size:cover; background-size:cover; background-position:center center; float:left; filter:brightness(50%); -webkit-filter:brightness(50%); } #app .project-thumb .rightCol { padding:5px 25px; float:left; width:60%; } #app .project-thumb .url { color:#333; font-size:15px; text-decoration:none; display:inline-block; } #app .project-thumb .scores { height:100px; display:inline-block; overflow:hidden; padding:20px 0 0 0; vertical-align:top; } #app .project-thumb .label-rn { margin:10px 5px 0 0; } #app .project-thumb .score { -webkit-font-smoothing:antialiased; font-weight:500; font-size:30px; margin:0 0 0 0; color:#333; width:100px; height:50px; padding:10px 10px 0 10px; text-align:center; display:inline-block; line-height:20px; } #app .project-thumb .score_changes { -webkit-font-smoothing:antialiased; font-weight:bold; font-size:15px; margin:5px 0 0 0; width:100%; height:20px; text-align:center; display:inline-block; float:left; } #app .project-thumb .score sup { text-transform:uppercase; font-size:13px; display:block; font-weight:bold; text-align:center; margin:25px 0 8px 0; } #app .quotas { line-height:1.0; padding:13px 0 0 20px; } #app .quotas span { font-size:10px; text-transform:uppercase; } .t18 { font-size:18px; } #projects .scrollBox { position:relative; overflow:hidden; max-height:300px; } #projects .scrollBox .scrollable { overflow-y:scroll; overflow-x:hidden; position:relative; z-index:500; max-height:300px; width:100%; padding:0; margin:0; } #projects .shadow { width:100%; display:inline-block; height:10px; top:290px; position:absolute; -moz-box-shadow:inset 0px -10px 20px -20px #656565; -webkit-box-shadow:inset 0px -10px 20px -20px #656565; -o-box-shadow:inset 0px -10px 20px -20px #656565; box-shadow:inset 0px -10px 20px -20px #000; border-bottom:1px solid #CCC; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=90, Strength=20); z-index:1000; } #projects ul.list-group { } #projects .tiny_timeline { border-left:2px solid #CCC; margin:0 0 0 5px; } #projects .tiny_timeline .log { padding:5px 0 10px 10px; font-style:italic; color:#666; } #projects .tiny_timeline .log_date { color:#CCC; font-size:11px; font-style:normal; } #projects .tiny_timeline .log::before { content:''; border:2px solid #CCC; width:10px; margin-left:-16px; margin-top:5px; height:10px; position:absolute; display:block; border-radius:10px; background:#FFF; } #app #actions { width:100%; margin-top:20px; color:#EEE ; padding:15px; font-size:12px; background-color:#202433; } #actions h4 { margin-bottom:15px; } #actions div { position:relative; } #actions .progress_bar { width:100%; height:6px; background-color:#EEE; margin-top:5px; margin-bottom:10px; border-radius:50px; padding:1px; background-color:#201d26; } #actions .progress_bar > div { border-radius:50px; height:100%; } #actions .quotas { padding:0; padding-top:4px; position:absolute; right:0; top:0; } #actions .upgrade { margin-top:10px; } #actions.affix { top:328px !important; } #actions a { text-align:center; } #app #panelSeo { margin-top:30px; } #demo_banner { padding:25px 50px; border-bottom:5px solid #3d404c; font-size:16px; color:#FFF; } #demo_banner a { margin-top:-10px; font-size:14px; padding:10px 20px; } #alert_banner { padding:25px 50px; border-bottom:5px solid #c02828; font-size:16px; color:#FFF; background:#f05050; } #alert_banner a { margin-top:-10px; font-size:14px; padding:10px 20px; } .blured { -webkit-filter:blur(5px); -moz-filter:blur(5px); -o-filter:blur(5px); -ms-filter:blur(5px); filter:blur(5px); } .bluredTableCtn { display:block; width:100%; text-align:center; position:absolute; z-index:200; left:0; } .aside_cta { background:rgba(255, 250, 242, 0.14); text-align:center; padding:30px 20px; color:#FFF; margin-top:50px; } .aside_cta a { color:#FFF; } #lc_chat_layout, #lc_chat_layout.lc-prechat.lc-support-widget.lc-expanded { border-radius:10px !important; overflow:hidden; bottom:20px !important; box-shadow:0 0 20px 0px rgba(0, 0, 0, 0.2) !important; height:550px; width:350px !important; } #lc_chat_layout #lc_chat_header { background-color:#1495ff !important; border:none !important; height:53px !important; padding:15px !important; background-position:96% 15px !important; } #lc_chat_layout.lc-collapsed #lc_chat_header { height:43px !important; padding:10px !important; background-position:96% 10px !important; } #lc_chat_layout #lc_chat_container { min-height:500px !important; border:none !important; } #lc_chat_layout #lc_chat_container .lc-pre-form { height:550px !important; } #lc_chat_layout #lc_chat_container #lc_chat_window { height:508px !important; } #lc_chat_layout #lc_chat_container .lc-offline-form { height:550px !important; } #lc_chat_layout #lc_chat_container #lc_chat_message_window { height:440px !important; background-color:#FFF !important; box-shadow:none !important; padding-bottom:20px !important; } #lc_chat_layout #lc_chat_container #lc_chat_message_window p { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; border:none !important; border-radius:5px !important; padding:7px 0px !important; } #lc_chat_layout #lc_chat_container #lc_chat_message_window p .lc-msg { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; border:none !important; border-radius:5px !important; padding:11px 25px !important; background:#ebe9e9 !important; } #lc_chat_layout #lc_chat_container #lc_chat_message_window p.lc-guest .lc-msg, #lc_chat_layout #lc_chat_container #lc_chat_message_window p.lc-welcome-message .lc-msg { background:#1495ff !important; } #lc_chat_layout #lc_chat_container .lc-self{ background:none !important; margin:5px 10px 0 0 !important; } #lc_chat_layout #lc_chat_container .lc-guest, #lc_chat_layout #lc_chat_container .lc-welcome-message{ background:none !important; margin:5px 0 0px 10px !important; } #lc_chat_layout #lc_chat_container .lc-guest .lc-msg { color:#FFF !important; } #lc_chat_layout #lc_chat_container #lc_chat_input_container { min-height:80px !important; background:#f0f0f0 !important; padding:15px 60px 15px 15px !important; font-size:14px !important; } #lc_chat_layout #lc_chat_container #lc_button_send { bottom:25px !important; } .fd-widget-close { width:45px; height:45px; background-color:rgba(20, 149, 255, 0.86); border-radius:50%; line-height:2.7; text-align:center; cursor:pointer; position:fixed; bottom:25px; z-index:99999999999999; right:30px; -webkit-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.45); box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.45); } .fd-widget-close:hover { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 3px 10px -3px rgba(0, 0, 0, 0.45); -moz-box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 3px 10px -3px rgba(0, 0, 0, 0.45); box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 3px 10px -3px rgba(0, 0, 0, 0.45); } .fd-widget-close:active { -webkit-box-shadow:0px 3px 10px -3px rgba(0, 0, 0, 0.45); -moz-box-shadow:0px 3px 10px -3px rgba(0, 0, 0, 0.45); box-shadow:0px 3px 10px -3px rgba(0, 0, 0, 0.45); } .fd-widget-close i.icon-cross { width:32px; height:32px; background-repeat:no-repeat; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplNDE5ZGIwNy05OWQ5LTRjYWUtOWNlZS0xZWJiY2Q0N2NjMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDBFMkRBMjU5NzQyMTFFNTlGMUVBOEY0RkJEQTRBNDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDBFMkRBMjQ5NzQyMTFFNTlGMUVBOEY0RkJEQTRBNDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplNDE5ZGIwNy05OWQ5LTRjYWUtOWNlZS0xZWJiY2Q0N2NjMjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZTQxOWRiMDctOTlkOS00Y2FlLTljZWUtMWViYmNkNDdjYzI5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TesZPwAAAMJJREFUeNrsV0kKwCAM1H7An/npnPqlXlKlFkRSUROYFhqYU01m0Gz1zOyQtjmwvVZATKCEYMARSqwofs050CAmHHzZnhCEM6MIJQaXmLE90yNnpYianJ9EtE7Ess2KkMhvo56AnuOoiKkY6gBaX7NAq8KtrnL51izeU5U3ziCpVElrUVaqsnVGtb3cMyy6m6prwqfhZ54AmoTQMoQ2Imgrhg4j6DiGLyTwlQy+lMLX8loEKclrESSRZ/j/5xQt4BRgAMg7D3kn7gI7AAAAAElFTkSuQmCC); display:block !important; vertical-align:middle; font-size:18px; margin-top:14px; color:#fff; } .fresh-widgets { width:45px; height:45px; background-color:rgba(20, 149, 255, 0.87); border-radius:50%; border:none; line-height:2.7; text-align:center; cursor:pointer; position:fixed; bottom:25px; z-index:99999999; right:30px; -webkit-box-shadow:0px 2px 10px -1px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 2px 10px -1px rgba(0, 0, 0, 0.3); box-shadow:0px 2px 10px -1px rgba(0, 0, 0, 0.3); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; font-family:"Source Sans Pro", sans-serif; } .fresh-widgets:hover { background:rgba(20, 149, 255, 1);; box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.45); -webkit-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.45); } .fresh-widgets:active { -webkit-box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.75), 0px 2px 3px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.75), 0px 2px 3px 0px rgba(0, 0, 0, 0.45); box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.75), 0px 2px 3px 0px rgba(0, 0, 0, 0.45); } .fresh-widgets.active { -webkit-box-shadow:0px 3px 10px -3px rgba(0, 0, 0, 0.45); -moz-box-shadow:0px 3px 10px -3px rgba(0, 0, 0, 0.45); box-shadow:0px 3px 10px -3px rgba(0, 0, 0, 0.45); background:rgba(27, 125, 205, 1);; } .fresh-widgets.active .widget-wrapper { opacity:1; bottom:65px; visibility:visible; } .fresh-widgets i.icon-cross, .fresh-widgets i.icon-question { vertical-align:middle; font-size:18px; color:#fff; } .fresh-widgets i.icon-cross{ width:32px; height:32px; background-repeat:no-repeat; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplNDE5ZGIwNy05OWQ5LTRjYWUtOWNlZS0xZWJiY2Q0N2NjMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDBFMkRBMjU5NzQyMTFFNTlGMUVBOEY0RkJEQTRBNDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDBFMkRBMjQ5NzQyMTFFNTlGMUVBOEY0RkJEQTRBNDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplNDE5ZGIwNy05OWQ5LTRjYWUtOWNlZS0xZWJiY2Q0N2NjMjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZTQxOWRiMDctOTlkOS00Y2FlLTljZWUtMWViYmNkNDdjYzI5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TesZPwAAAMJJREFUeNrsV0kKwCAM1H7An/npnPqlXlKlFkRSUROYFhqYU01m0Gz1zOyQtjmwvVZATKCEYMARSqwofs050CAmHHzZnhCEM6MIJQaXmLE90yNnpYianJ9EtE7Ess2KkMhvo56AnuOoiKkY6gBaX7NAq8KtrnL51izeU5U3ziCpVElrUVaqsnVGtb3cMyy6m6prwqfhZ54AmoTQMoQ2Imgrhg4j6DiGLyTwlQy+lMLX8loEKclrESSRZ/j/5xQt4BRgAMg7D3kn7gI7AAAAAElFTkSuQmCC); display:block; background-size:20px; margin-top:13px; margin-left:12px; } .fresh-widgets i.icon-question { background-repeat:no-repeat; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplNDE5ZGIwNy05OWQ5LTRjYWUtOWNlZS0xZWJiY2Q0N2NjMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDBFMkRBMjk5NzQyMTFFNTlGMUVBOEY0RkJEQTRBNDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDBFMkRBMjg5NzQyMTFFNTlGMUVBOEY0RkJEQTRBNDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplNDE5ZGIwNy05OWQ5LTRjYWUtOWNlZS0xZWJiY2Q0N2NjMjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZTQxOWRiMDctOTlkOS00Y2FlLTljZWUtMWViYmNkNDdjYzI5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NaGZFwAAAaNJREFUeNrcljFLQzEQx332qXXQgoKCdBSHFnVw1W/gorg5iJvoF+jm5OImLiK4iIMu9SO4CtVNsWuLOIgIRaGVVuP/IMIj5NnLmfdED35DLi/JP3l3lwRKqZ7ftF7H76fBPrgDHUDqX0EF7IJJZwV0AgyGwJHqbh2wAzLMeVkC8qCq3OzAp4BrJbN5jgBODGyCp0j7HCyAQTAAFkHNMm7DZwwUQA2sx/TPgA/jBO45cwcOaZgFrW/6r8BcpP0OQp9p2OrS/2y0gyTqQJz1G7snu01TwBYYMXxnnIGBh1I8Cy51jHzZAyiARtInMArKxuK0ozXO4i5paIPK7YWlAJVc5vmJgG3L4seu80gXL+qLJ2oVkHWdSxoDJZCJtNtglVErvMRAH2gauz+U/krJCUwZUc/OeV9pmLP4qlIBoWAMXb17hq8pFRD8tUepdwuF44pgWV+5VIpvxAoEqbME2sZLeEWahq4xQDuug7zhfwQT+hWUaAyMWxYnG4vxexfQiNklHeNLGgIo308t/rLlTZhYEA7ra/dNcwJyaQXh/ytEnwIMAPkbQAb6g8eiAAAAAElFTkSuQmCC); width:32px; height:32px; background-size:20px; margin-left:12px; margin-top:14px; display:inline-block; } .fresh-widgets .icon-cross { font-size:16px; } .fresh-widgets .widget-wrapper { width:230px; height:auto; line-height:20px; padding:15px 15px; margin-left:-210px; font-weight:400; font-size:14px; color: rgba(20, 149, 255, 1); visibility:hidden; text-align:center; border:1px solid #ddd; background:#f5f5f5; text-indent:0px; border-radius:5px; position:absolute; bottom:80px; opacity:0; box-shadow:0px 10px 40px -10px rgba(0, 0, 0, 0.4); -ms-box-shadow:0px 10px 40px -10px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 10px 40px -10px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0px 10px 40px -10px rgba(0, 0, 0, 0.4); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .fresh-widgets .widget-wrapper:after, .fresh-widgets .widget-wrapper:before { content:''; position:absolute; bottom:-11px; left:89%; margin-left:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #ddd; } .fresh-widgets .widget-wrapper:after { bottom:-10px; margin-left:-10px; border-top:10px solid #f5f5f5; } .widget-wrapper h6 { margin:0; font-size:15px; text-align:left; color:#7a7a7a; font-weight:400; margin-bottom:7px; margin-left:2px; } .widget-wrapper p { font-size:12px; text-align:center; margin-left:5px; margin-top:5px; margin-bottom:0; font-weight:400; } .widget-wrapper .support-widget, .widget-wrapper .chat-widget { height:38px; background-color:#fff; padding:8px 10px; border-radius:5px; color: rgba(20, 149, 255, 1);; box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; display:block; clear:both; } .widget-wrapper .support-widget .icon-support-mail, .widget-wrapper .support-widget .icon-chat-with-us, .widget-wrapper .chat-widget .icon-support-mail, .widget-wrapper .chat-widget .icon-chat-with-us { float:left; font-size:18px; margin-right:6px; } .widget-wrapper .support-widget .icon-support-mail, .widget-wrapper .chat-widget .icon-support-mail { margin-top:1px; } .widget-wrapper .support-widget span, .widget-wrapper .chat-widget span { font-size:13px; float:left; margin-top:1px; } .widget-wrapper .fa { float:left; margin:3px 5px 0 0; } .widget-wrapper .support-widget:hover, .widget-wrapper .chat-widget:hover { box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 2px 9px -2px rgba(0, 0, 0, 0.2); -ms-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 2px 9px -2px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 2px 9px -2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 2px 9px -2px rgba(0, 0, 0, 0.2); color: rgba(27, 116, 188, 1); } .widget-wrapper .chat-widget { margin-top:2px; } .freshwidget-dialog .widget-close { display:none !important; } .fd-widget-close { display:none; } #fc_chat_header .lc-minimize { margin-right:20px; } #fc_chat_header .lc-close i { font-size:14px; margin-top:2px; opacity:0.9; font-family:icomoon !important; } #fc_chat_layout .fc_close { -webkit-transition:bottom 0.6s; -moz-transition:bottom 0.6s; -o-transition:bottom 0.6s; transition:bottom 0.6s; } .lc-offline { display:none; }