@charset "UTF-8";
@charset "utf-8";
@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: top;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} .container,
.container-fluid {
margin-right: auto;
margin-left: auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.container:before,
.container-fluid:before,
.row:before,
.container:after,
.container-fluid:after,
.row:after {
content: " ";
display: table;
}
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.container-fluid [class*="grid_"] {
float: left;
width: 8.33333333%;
min-height: 1px;
}
.container-fluid .grid_12 {
width: 100%;
}
.container-fluid .grid_11 {
width: 91.66666667%;
}
.container-fluid .grid_10 {
width: 83.33333333%;
}
.container-fluid .grid_9 {
width: 75%;
}
.container-fluid .grid_8 {
width: 66.66666667%;
}
.container-fluid .grid_7 {
width: 58.33333333%;
}
.container-fluid .grid_6 {
width: 50%;
}
.container-fluid .grid_5 {
width: 41.66666667%;
}
.container-fluid .grid_4 {
width: 33.33333333%;
}
.container-fluid .grid_3 {
width: 25%;
}
.container-fluid .grid_2 {
width: 16.66666667%;
}
.container-fluid .grid_1 {
width: 8.33333333%;
}
.container-fluid .preffix_12 {
margin-left: 100%;
}
.container-fluid .preffix_11 {
margin-left: 91.66666667%;
}
.container-fluid .preffix_10 {
margin-left: 83.33333333%;
}
.container-fluid .preffix_9 {
margin-left: 75%;
}
.container-fluid .preffix_8 {
margin-left: 66.66666667%;
}
.container-fluid .preffix_7 {
margin-left: 58.33333333%;
}
.container-fluid .preffix_6 {
margin-left: 50%;
}
.container-fluid .preffix_5 {
margin-left: 41.66666667%;
}
.container-fluid .preffix_4 {
margin-left: 33.33333333%;
}
.container-fluid .preffix_3 {
margin-left: 25%;
}
.container-fluid .preffix_2 {
margin-left: 16.66666667%;
}
.container-fluid .preffix_1 {
margin-left: 8.33333333%;
}
.container,
.container-fluid {
width: 1170px;
}
.container .row {
margin-left: -30px;
}
.container [class*="grid_"] {
float: left;
min-height: 1px;
margin-left: 30px;
}
.container .grid_12 {
width: 1170px;
}
.container .grid_11 {
width: 1070px;
}
.container .grid_10 {
width: 970px;
}
.container .grid_9 {
width: 870px;
}
.container .grid_8 {
width: 770px;
}
.container .grid_7 {
width: 670px;
}
.container .grid_6 {
width: 570px;
}
.container .grid_5 {
width: 470px;
}
.container .grid_4 {
width: 370px;
}
.container .grid_3 {
width: 270px;
}
.container .grid_2 {
width: 170px;
}
.container .grid_1 {
width: 70px;
}
.container .preffix_12 {
margin-left: 1230px;
}
.container .preffix_11 {
margin-left: 1130px;
}
.container .preffix_10 {
margin-left: 1030px;
}
.container .preffix_9 {
margin-left: 930px;
}
.container .preffix_8 {
margin-left: 830px;
}
.container .preffix_7 {
margin-left: 730px;
}
.container .preffix_6 {
margin-left: 630px;
}
.container .preffix_5 {
margin-left: 530px;
}
.container .preffix_4 {
margin-left: 430px;
}
.container .preffix_3 {
margin-left: 330px;
}
.container .preffix_2 {
margin-left: 230px;
}
.container .preffix_1 {
margin-left: 130px;
}
@media (min-width: 980px) and (max-width: 1199px) {
.container,
.container-fluid {
width: 940px;
}
.container .row {
margin-left: -20px;
}
.container [class*="grid_"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container .grid_12 {
width: 940px;
}
.container .grid_11 {
width: 860px;
}
.container .grid_10 {
width: 780px;
}
.container .grid_9 {
width: 700px;
}
.container .grid_8 {
width: 620px;
}
.container .grid_7 {
width: 540px;
}
.container .grid_6 {
width: 460px;
}
.container .grid_5 {
width: 380px;
}
.container .grid_4 {
width: 300px;
}
.container .grid_3 {
width: 220px;
}
.container .grid_2 {
width: 140px;
}
.container .grid_1 {
width: 60px;
}
.container .preffix_12 {
margin-left: 980px;
}
.container .preffix_11 {
margin-left: 900px;
}
.container .preffix_10 {
margin-left: 820px;
}
.container .preffix_9 {
margin-left: 740px;
}
.container .preffix_8 {
margin-left: 660px;
}
.container .preffix_7 {
margin-left: 580px;
}
.container .preffix_6 {
margin-left: 500px;
}
.container .preffix_5 {
margin-left: 420px;
}
.container .preffix_4 {
margin-left: 340px;
}
.container .preffix_3 {
margin-left: 260px;
}
.container .preffix_2 {
margin-left: 180px;
}
.container .preffix_1 {
margin-left: 100px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.container,
.container-fluid {
width: 748px;
}
.container .row {
margin-left: -20px;
}
.container [class*="grid_"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container .grid_12 {
width: 748px;
}
.container .grid_11 {
width: 684px;
}
.container .grid_10 {
width: 620px;
}
.container .grid_9 {
width: 556px;
}
.container .grid_8 {
width: 492px;
}
.container .grid_7 {
width: 428px;
}
.container .grid_6 {
width: 364px;
}
.container .grid_5 {
width: 300px;
}
.container .grid_4 {
width: 236px;
}
.container .grid_3 {
width: 172px;
}
.container .grid_2 {
width: 108px;
}
.container .grid_1 {
width: 44px;
}
.container .preffix_12 {
margin-left: 788px;
}
.container .preffix_11 {
margin-left: 724px;
}
.container .preffix_10 {
margin-left: 660px;
}
.container .preffix_9 {
margin-left: 596px;
}
.container .preffix_8 {
margin-left: 532px;
}
.container .preffix_7 {
margin-left: 468px;
}
.container .preffix_6 {
margin-left: 404px;
}
.container .preffix_5 {
margin-left: 340px;
}
.container .preffix_4 {
margin-left: 276px;
}
.container .preffix_3 {
margin-left: 212px;
}
.container .preffix_2 {
margin-left: 148px;
}
.container .preffix_1 {
margin-left: 84px;
}
}
@media (max-width: 767px) {
.container,
.container-fluid {
width: 420px;
padding: 0;
}
.container .row {
margin-left: 0;
}
.row + .row,
[class*="grid_"] + [class*="grid_"] {
margin-top: 30px;
}
.container [class*="grid_"],
.container-fluid [class*="grid_"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
}
}
@media (max-width: 479px) {
body {
padding: 0;
}
.container,
.container-fluid {
width: 300px;
padding: 0 15px;
}
.row {
margin-left: 0;
}
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 300px !important;
}
}

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
-ms-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);
-ms-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);
-ms-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
-ms-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 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);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-ms-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 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);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
-ms-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
-ms-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
-ms-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
-ms-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
-ms-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
-ms-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
-ms-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
-ms-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
-ms-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 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);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
-ms-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
-ms-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
-ms-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
0%, 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);
-ms-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 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);
-ms-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-ms-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 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);
-ms-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-ms-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-ms-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 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);
-ms-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
-ms-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
-ms-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
-ms-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
-ms-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
-ms-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
-ms-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
-ms-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0, 0, 1, 45deg);
transform: rotate(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0, 0, 1, 45deg);
-ms-transform: rotate(0, 0, 1, 45deg);
transform: rotate(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
-ms-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
-ms-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
-ms-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
-ms-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 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);
-ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 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);
-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 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);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 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);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 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);
-ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
-ms-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
-ms-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 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;
}@font-face {
font-family: "material-design";
src: url(//www.attacksolutions.com/wp-content/themes/attacksolutions/fonts/material-design.eot);
src: url(//www.attacksolutions.com/wp-content/themes/attacksolutions/fonts/material-design.eot#iefix) format("embedded-opentype"),
url(//www.attacksolutions.com/wp-content/themes/attacksolutions/fonts/material-design.woff) format("woff"),
url(//www.attacksolutions.com/wp-content/themes/attacksolutions/fonts/material-design.ttf) format("truetype"),
url(//www.attacksolutions.com/wp-content/themes/attacksolutions/fonts/material-design.svg) format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-md-"]:before, [class*=" icon-md-"]:before,
[class^="icon-md-"]:after, [class*=" icon-md-"]:after {   
font-family: "material-design";
font-size: normal;
font-style: normal;
}
.icon-md-account4:before {
content: "\e000";
}
.icon-md-add179:before {
content: "\e001";
}
.icon-md-add180:before {
content: "\e002";
}
.icon-md-add181:before {
content: "\e003";
}
.icon-md-add182:before {
content: "\e004";
}
.icon-md-add183:before {
content: "\e005";
}
.icon-md-add184:before {
content: "\e006";
}
.icon-md-add186:before {
content: "\e007";
}
.icon-md-adjust6:before {
content: "\e008";
}
.icon-md-airplane106:before {
content: "\e009";
}
.icon-md-android11:before {
content: "\e00a";
}
.icon-md-android12:before {
content: "\e00b";
}
.icon-md-apple70:before {
content: "\e00c";
}
.icon-md-attachment19:before {
content: "\e00d";
}
.icon-md-auto1:before {
content: "\e00e";
}
.icon-md-automatic2:before {
content: "\e00f";
}
.icon-md-automatic3:before {
content: "\e010";
}
.icon-md-back57:before {
content: "\e011";
}
.icon-md-backspace1:before {
content: "\e012";
}
.icon-md-bed24:before {
content: "\e013";
}
.icon-md-been:before {
content: "\e014";
}
.icon-md-birthday20:before {
content: "\e015";
}
.icon-md-black394:before {
content: "\e016";
}
.icon-md-black395:before {
content: "\e017";
}
.icon-md-black396:before {
content: "\e018";
}
.icon-md-black397:before {
content: "\e019";
}
.icon-md-black398:before {
content: "\e01a";
}
.icon-md-black399:before {
content: "\e01b";
}
.icon-md-black400:before {
content: "\e01c";
}
.icon-md-black401:before {
content: "\e01d";
}
.icon-md-black402:before {
content: "\e01e";
}
.icon-md-blank30:before {
content: "\e01f";
}
.icon-md-blank31:before {
content: "\e020";
}
.icon-md-blank32:before {
content: "\e021";
}
.icon-md-blank33:before {
content: "\e022";
}
.icon-md-blogger12:before {
content: "\e023";
}
.icon-md-blueetooth:before {
content: "\e024";
}
.icon-md-bluetooth21:before {
content: "\e025";
}
.icon-md-bluetooth22:before {
content: "\e026";
}
.icon-md-bluetooth23:before {
content: "\e027";
}
.icon-md-bluetooth24:before {
content: "\e028";
}
.icon-md-bluetooth25:before {
content: "\e029";
}
.icon-md-bookmark45:before {
content: "\e02a";
}
.icon-md-bookmark46:before {
content: "\e02b";
}
.icon-md-bookmark47:before {
content: "\e02c";
}
.icon-md-bookmark48:before {
content: "\e02d";
}
.icon-md-briefcase49:before {
content: "\e02e";
}
.icon-md-briefcase50:before {
content: "\e02f";
}
.icon-md-brightness10:before {
content: "\e030";
}
.icon-md-brochure6:before {
content: "\e031";
}
.icon-md-bubble8:before {
content: "\e032";
}
.icon-md-bug18:before {
content: "\e033";
}
.icon-md-burn9:before {
content: "\e034";
}
.icon-md-button11:before {
content: "\e035";
}
.icon-md-call47:before {
content: "\e036";
}
.icon-md-call48:before {
content: "\e037";
}
.icon-md-call49:before {
content: "\e038";
}
.icon-md-camera59:before {
content: "\e039";
}
.icon-md-camera60:before {
content: "\e03a";
}
.icon-md-cancel19:before {
content: "\e03b";
}
.icon-md-caps1:before {
content: "\e03c";
}
.icon-md-caps:before {
content: "\e03d";
}
.icon-md-car145:before {
content: "\e03e";
}
.icon-md-car146:before {
content: "\e03f";
}
.icon-md-car147:before {
content: "\e040";
}
.icon-md-cell10:before {
content: "\e041";
}
.icon-md-cell11:before {
content: "\e042";
}
.icon-md-cell12:before {
content: "\e043";
}
.icon-md-change3:before {
content: "\e044";
}
.icon-md-chat75:before {
content: "\e045";
}
.icon-md-chat76:before {
content: "\e046";
}
.icon-md-check51:before {
content: "\e047";
}
.icon-md-check52:before {
content: "\e048";
}
.icon-md-chemistry17:before {
content: "\e049";
}
.icon-md-circle107:before {
content: "\e04a";
}
.icon-md-circle108:before {
content: "\e04b";
}
.icon-md-circles23:before {
content: "\e04c";
}
.icon-md-circumference:before {
content: "\e04d";
}
.icon-md-city24:before {
content: "\e04e";
}
.icon-md-clapperboard4:before {
content: "\e04f";
}
.icon-md-clapperboard5:before {
content: "\e050";
}
.icon-md-clear5:before {
content: "\e051";
}
.icon-md-clipboard99:before {
content: "\e052";
}
.icon-md-clock100:before {
content: "\e053";
}
.icon-md-close47:before {
content: "\e054";
}
.icon-md-closed64:before {
content: "\e055";
}
.icon-md-cloud302:before {
content: "\e056";
}
.icon-md-cloud303:before {
content: "\e057";
}
.icon-md-cloud304:before {
content: "\e058";
}
.icon-md-cloud305:before {
content: "\e059";
}
.icon-md-cloud306:before {
content: "\e05a";
}
.icon-md-cloud307:before {
content: "\e05b";
}
.icon-md-compass106:before {
content: "\e05c";
}
.icon-md-connection21:before {
content: "\e05d";
}
.icon-md-copy31:before {
content: "\e05e";
}
.icon-md-create2:before {
content: "\e05f";
}
.icon-md-create3:before {
content: "\e060";
}
.icon-md-credit98:before {
content: "\e061";
}
.icon-md-crop13:before {
content: "\e062";
}
.icon-md-crop14:before {
content: "\e063";
}
.icon-md-cut23:before {
content: "\e064";
}
.icon-md-dark55:before {
content: "\e065";
}
.icon-md-developer2:before {
content: "\e066";
}
.icon-md-device4:before {
content: "\e067";
}
.icon-md-device5:before {
content: "\e068";
}
.icon-md-disc30:before {
content: "\e069";
}
.icon-md-do10:before {
content: "\e06a";
}
.icon-md-double126:before {
content: "\e06b";
}
.icon-md-download162:before {
content: "\e06c";
}
.icon-md-download164:before {
content: "\e06d";
}
.icon-md-download166:before {
content: "\e06e";
}
.icon-md-downwards:before {
content: "\e06f";
}
.icon-md-drafts:before {
content: "\e070";
}
.icon-md-drop25:before {
content: "\e071";
}
.icon-md-drop26:before {
content: "\e072";
}
.icon-md-drop27:before {
content: "\e073";
}
.icon-md-earth205:before {
content: "\e074";
}
.icon-md-ellipsis1:before {
content: "\e075";
}
.icon-md-email107:before {
content: "\e076";
}
.icon-md-emoticon117:before {
content: "\e077";
}
.icon-md-end3:before {
content: "\e078";
}
.icon-md-enter5:before {
content: "\e079";
}
.icon-md-exit13:before {
content: "\e07a";
}
.icon-md-expand38:before {
content: "\e07b";
}
.icon-md-expand39:before {
content: "\e07c";
}
.icon-md-facebook56:before {
content: "\e07d";
}
.icon-md-fast46:before {
content: "\e07e";
}
.icon-md-favorite21:before {
content: "\e07f";
}
.icon-md-favorite22:before {
content: "\e080";
}
.icon-md-filled13:before {
content: "\e081";
}
.icon-md-film61:before {
content: "\e082";
}
.icon-md-filter20:before {
content: "\e083";
}
.icon-md-flash25:before {
content: "\e084";
}
.icon-md-flash26:before {
content: "\e085";
}
.icon-md-folder215:before {
content: "\e086";
}
.icon-md-forward18:before {
content: "\e087";
}
.icon-md-forward19:before {
content: "\e088";
}
.icon-md-framed1:before {
content: "\e089";
}
.icon-md-front15:before {
content: "\e08a";
}
.icon-md-front16:before {
content: "\e08b";
}
.icon-md-front17:before {
content: "\e08c";
}
.icon-md-full46:before {
content: "\e08d";
}
.icon-md-gamepad3:before {
content: "\e08e";
}
.icon-md-gamepad4:before {
content: "\e08f";
}
.icon-md-get:before {
content: "\e090";
}
.icon-md-gmail3:before {
content: "\e091";
}
.icon-md-go10:before {
content: "\e092";
}
.icon-md-good4:before {
content: "\e093";
}
.icon-md-good5:before {
content: "\e094";
}
.icon-md-google117:before {
content: "\e095";
}
.icon-md-google118:before {
content: "\e096";
}
.icon-md-google119:before {
content: "\e097";
}
.icon-md-google120:before {
content: "\e098";
}
.icon-md-google121:before {
content: "\e099";
}
.icon-md-google122:before {
content: "\e09a";
}
.icon-md-google123:before {
content: "\e09b";
}
.icon-md-google124:before {
content: "\e09c";
}
.icon-md-google125:before {
content: "\e09d";
}
.icon-md-google126:before {
content: "\e09e";
}
.icon-md-google127:before {
content: "\e09f";
}
.icon-md-google128:before {
content: "\e0a0";
}
.icon-md-google129:before {
content: "\e0a1";
}
.icon-md-google130:before {
content: "\e0a2";
}
.icon-md-google131:before {
content: "\e0a3";
}
.icon-md-google132:before {
content: "\e0a4";
}
.icon-md-google133:before {
content: "\e0a5";
}
.icon-md-google134:before {
content: "\e0a6";
}
.icon-md-google135:before {
content: "\e0a7";
}
.icon-md-google136:before {
content: "\e0a8";
}
.icon-md-google137:before {
content: "\e0a9";
}
.icon-md-gps25:before {
content: "\e0aa";
}
.icon-md-gps26:before {
content: "\e0ab";
}
.icon-md-gps27:before {
content: "\e0ac";
}
.icon-md-gps28:before {
content: "\e0ad";
}
.icon-md-graduate32:before {
content: "\e0ae";
}
.icon-md-halffilled1:before {
content: "\e0af";
}
.icon-md-hangouts:before {
content: "\e0b0";
}
.icon-md-headset11:before {
content: "\e0b1";
}
.icon-md-headset12:before {
content: "\e0b2";
}
.icon-md-help18:before {
content: "\e0b3";
}
.icon-md-help19:before {
content: "\e0b4";
}
.icon-md-hide3:before {
content: "\e0b5";
}
.icon-md-high20:before {
content: "\e0b6";
}
.icon-md-high21:before {
content: "\e0b7";
}
.icon-md-high22:before {
content: "\e0b8";
}
.icon-md-history6:before {
content: "\e0b9";
}
.icon-md-home149:before {
content: "\e0ba";
}
.icon-md-horizontal39:before {
content: "\e0bb";
}
.icon-md-hotel68:before {
content: "\e0bc";
}
.icon-md-https:before {
content: "\e0bd";
}
.icon-md-import:before {
content: "\e0be";
}
.icon-md-insert4:before {
content: "\e0bf";
}
.icon-md-instagram16:before {
content: "\e0c0";
}
.icon-md-invert1:before {
content: "\e0c1";
}
.icon-md-keyboard53:before {
content: "\e0c2";
}
.icon-md-keyboard54:before {
content: "\e0c3";
}
.icon-md-label31:before {
content: "\e0c4";
}
.icon-md-landscape10:before {
content: "\e0c5";
}
.icon-md-laptop117:before {
content: "\e0c6";
}
.icon-md-left216:before {
content: "\e0c7";
}
.icon-md-left217:before {
content: "\e0c8";
}
.icon-md-left218:before {
content: "\e0c9";
}
.icon-md-light88:before {
content: "\e0ca";
}
.icon-md-link60:before {
content: "\e0cb";
}
.icon-md-linkedin24:before {
content: "\e0cc";
}
.icon-md-list88:before {
content: "\e0cd";
}
.icon-md-list89:before {
content: "\e0ce";
}
.icon-md-location41:before {
content: "\e0cf";
}
.icon-md-locked57:before {
content: "\e0d0";
}
.icon-md-locked58:before {
content: "\e0d1";
}
.icon-md-low34:before {
content: "\e0d2";
}
.icon-md-magic20:before {
content: "\e0d3";
}
.icon-md-man459:before {
content: "\e0d4";
}
.icon-md-man460:before {
content: "\e0d5";
}
.icon-md-map102:before {
content: "\e0d6";
}
.icon-md-map103:before {
content: "\e0d7";
}
.icon-md-mark1:before {
content: "\e0d8";
}
.icon-md-mark2:before {
content: "\e0d9";
}
.icon-md-medium5:before {
content: "\e0da";
}
.icon-md-medium6:before {
content: "\e0db";
}
.icon-md-medium7:before {
content: "\e0dc";
}
.icon-md-memory1:before {
content: "\e0dd";
}
.icon-md-menu55:before {
content: "\e0de";
}
.icon-md-merge:before {
content: "\e0df";
}
.icon-md-microphone84:before {
content: "\e0e0";
}
.icon-md-microphone85:before {
content: "\e0e1";
}
.icon-md-microsoft7:before {
content: "\e0e2";
}
.icon-md-microsoft8:before {
content: "\e0e3";
}
.icon-md-missed:before {
content: "\e0e4";
}
.icon-md-mountain31:before {
content: "\e0e5";
}
.icon-md-mountain32:before {
content: "\e0e6";
}
.icon-md-mountains14:before {
content: "\e0e7";
}
.icon-md-move26:before {
content: "\e0e8";
}
.icon-md-new102:before {
content: "\e0e9";
}
.icon-md-new103:before {
content: "\e0ea";
}
.icon-md-nfc1:before {
content: "\e0eb";
}
.icon-md-notifications1:before {
content: "\e0ec";
}
.icon-md-notifications2:before {
content: "\e0ed";
}
.icon-md-notifications:before {
content: "\e0ee";
}
.icon-md-painter14:before {
content: "\e0ef";
}
.icon-md-panoramic1:before {
content: "\e0f0";
}
.icon-md-parking14:before {
content: "\e0f1";
}
.icon-md-pause44:before {
content: "\e0f2";
}
.icon-md-person325:before {
content: "\e0f3";
}
.icon-md-phone370:before {
content: "\e0f4";
}
.icon-md-phone371:before {
content: "\e0f5";
}
.icon-md-phone372:before {
content: "\e0f6";
}
.icon-md-phone373:before {
content: "\e0f7";
}
.icon-md-phone374:before {
content: "\e0f8";
}
.icon-md-phone375:before {
content: "\e0f9";
}
.icon-md-photo210:before {
content: "\e0fa";
}
.icon-md-photo211:before {
content: "\e0fb";
}
.icon-md-photo212:before {
content: "\e0fc";
}
.icon-md-photographic1:before {
content: "\e0fd";
}
.icon-md-pinterest33:before {
content: "\e0fe";
}
.icon-md-planet29:before {
content: "\e0ff";
}
.icon-md-play105:before {
content: "\e100";
}
.icon-md-play106:before {
content: "\e101";
}
.icon-md-play107:before {
content: "\e102";
}
.icon-md-play108:before {
content: "\e103";
}
.icon-md-play109:before {
content: "\e104";
}
.icon-md-plus80:before {
content: "\e105";
}
.icon-md-poll:before {
content: "\e106";
}
.icon-md-power106:before {
content: "\e107";
}
.icon-md-previous14:before {
content: "\e108";
}
.icon-md-printer88:before {
content: "\e109";
}
.icon-md-problems:before {
content: "\e10a";
}
.icon-md-progress10:before {
content: "\e10b";
}
.icon-md-public10:before {
content: "\e10c";
}
.icon-md-public11:before {
content: "\e10d";
}
.icon-md-public9:before {
content: "\e10e";
}
.icon-md-puzzle37:before {
content: "\e10f";
}
.icon-md-radio51:before {
content: "\e110";
}
.icon-md-random5:before {
content: "\e111";
}
.icon-md-rate:before {
content: "\e112";
}
.icon-md-read5:before {
content: "\e113";
}
.icon-md-receipt9:before {
content: "\e114";
}
.icon-md-record9:before {
content: "\e115";
}
.icon-md-refresh55:before {
content: "\e116";
}
.icon-md-refresh56:before {
content: "\e117";
}
.icon-md-reminder6:before {
content: "\e118";
}
.icon-md-replay4:before {
content: "\e119";
}
.icon-md-reply18:before {
content: "\e11a";
}
.icon-md-report:before {
content: "\e11b";
}
.icon-md-rewind45:before {
content: "\e11c";
}
.icon-md-right237:before {
content: "\e11d";
}
.icon-md-right244:before {
content: "\e11e";
}
.icon-md-ring24:before {
content: "\e11f";
}
.icon-md-rotate11:before {
content: "\e120";
}
.icon-md-rotate12:before {
content: "\e121";
}
.icon-md-round50:before {
content: "\e122";
}
.icon-md-round51:before {
content: "\e123";
}
.icon-md-round52:before {
content: "\e124";
}
.icon-md-round53:before {
content: "\e125";
}
.icon-md-round54:before {
content: "\e126";
}
.icon-md-round55:before {
content: "\e127";
}
.icon-md-round56:before {
content: "\e128";
}
.icon-md-round57:before {
content: "\e129";
}
.icon-md-round58:before {
content: "\e12a";
}
.icon-md-rounded54:before {
content: "\e12b";
}
.icon-md-rounded55:before {
content: "\e12c";
}
.icon-md-rounded56:before {
content: "\e12d";
}
.icon-md-rounded57:before {
content: "\e12e";
}
.icon-md-rounded58:before {
content: "\e12f";
}
.icon-md-rounded59:before {
content: "\e130";
}
.icon-md-rounded60:before {
content: "\e131";
}
.icon-md-rubbish:before {
content: "\e132";
}
.icon-md-save20:before {
content: "\e133";
}
.icon-md-schedule2:before {
content: "\e134";
}
.icon-md-screen44:before {
content: "\e135";
}
.icon-md-screen45:before {
content: "\e136";
}
.icon-md-screen46:before {
content: "\e137";
}
.icon-md-screen47:before {
content: "\e138";
}
.icon-md-screen48:before {
content: "\e139";
}
.icon-md-screen49:before {
content: "\e13a";
}
.icon-md-sd7:before {
content: "\e13b";
}
.icon-md-sd8:before {
content: "\e13c";
}
.icon-md-search100:before {
content: "\e13d";
}
.icon-md-searching41:before {
content: "\e13e";
}
.icon-md-select3:before {
content: "\e13f";
}
.icon-md-select4:before {
content: "\e140";
}
.icon-md-send12:before {
content: "\e141";
}
.icon-md-send13:before {
content: "\e142";
}
.icon-md-send14:before {
content: "\e143";
}
.icon-md-server40:before {
content: "\e144";
}
.icon-md-set5:before {
content: "\e145";
}
.icon-md-set6:before {
content: "\e146";
}
.icon-md-settings49:before {
content: "\e147";
}
.icon-md-settings50:before {
content: "\e148";
}
.icon-md-share39:before {
content: "\e149";
}
.icon-md-shared1:before {
content: "\e14a";
}
.icon-md-shining2:before {
content: "\e14b";
}
.icon-md-shining3:before {
content: "\e14c";
}
.icon-md-shopping231:before {
content: "\e14d";
}
.icon-md-shopping232:before {
content: "\e14e";
}
.icon-md-show4:before {
content: "\e14f";
}
.icon-md-show5:before {
content: "\e150";
}
.icon-md-show6:before {
content: "\e151";
}
.icon-md-show7:before {
content: "\e152";
}
.icon-md-show8:before {
content: "\e153";
}
.icon-md-shuffle24:before {
content: "\e154";
}
.icon-md-sim2:before {
content: "\e155";
}
.icon-md-smartphone19:before {
content: "\e156";
}
.icon-md-smartphone20:before {
content: "\e157";
}
.icon-md-sms5:before {
content: "\e158";
}
.icon-md-sms6:before {
content: "\e159";
}
.icon-md-sms7:before {
content: "\e15a";
}
.icon-md-snake4:before {
content: "\e15b";
}
.icon-md-sort52:before {
content: "\e15c";
}
.icon-md-speech108:before {
content: "\e15d";
}
.icon-md-split4:before {
content: "\e15e";
}
.icon-md-square181:before {
content: "\e15f";
}
.icon-md-stop46:before {
content: "\e160";
}
.icon-md-swap2:before {
content: "\e161";
}
.icon-md-swap3:before {
content: "\e162";
}
.icon-md-switch27:before {
content: "\e163";
}
.icon-md-switch28:before {
content: "\e164";
}
.icon-md-switch29:before {
content: "\e165";
}
.icon-md-switch30:before {
content: "\e166";
}
.icon-md-synchronization3:before {
content: "\e167";
}
.icon-md-synchronization4:before {
content: "\e168";
}
.icon-md-synchronization5:before {
content: "\e169";
}
.icon-md-tab3:before {
content: "\e16a";
}
.icon-md-tablet95:before {
content: "\e16b";
}
.icon-md-tack:before {
content: "\e16c";
}
.icon-md-tag71:before {
content: "\e16d";
}
.icon-md-telephone105:before {
content: "\e16e";
}
.icon-md-thermostat1:before {
content: "\e16f";
}
.icon-md-three168:before {
content: "\e170";
}
.icon-md-three170:before {
content: "\e171";
}
.icon-md-thumb53:before {
content: "\e172";
}
.icon-md-thumb54:before {
content: "\e173";
}
.icon-md-tick7:before {
content: "\e174";
}
.icon-md-timelapse:before {
content: "\e175";
}
.icon-md-traffic21:before {
content: "\e176";
}
.icon-md-tumblr22:before {
content: "\e177";
}
.icon-md-turn17:before {
content: "\e178";
}
.icon-md-turn18:before {
content: "\e179";
}
.icon-md-turn19:before {
content: "\e17a";
}
.icon-md-turn20:before {
content: "\e17b";
}
.icon-md-turn21:before {
content: "\e17c";
}
.icon-md-turn22:before {
content: "\e17d";
}
.icon-md-turn23:before {
content: "\e17e";
}
.icon-md-twitter47:before {
content: "\e17f";
}
.icon-md-two375:before {
content: "\e180";
}
.icon-md-two385:before {
content: "\e181";
}
.icon-md-two393:before {
content: "\e182";
}
.icon-md-underline6:before {
content: "\e183";
}
.icon-md-underline7:before {
content: "\e184";
}
.icon-md-undo19:before {
content: "\e185";
}
.icon-md-unlocked43:before {
content: "\e186";
}
.icon-md-up176:before {
content: "\e187";
}
.icon-md-upload119:before {
content: "\e188";
}
.icon-md-upload120:before {
content: "\e189";
}
.icon-md-usb33:before {
content: "\e18a";
}
.icon-md-user157:before {
content: "\e18b";
}
.icon-md-user158:before {
content: "\e18c";
}
.icon-md-users25:before {
content: "\e18d";
}
.icon-md-verification24:before {
content: "\e18e";
}
.icon-md-videocall:before {
content: "\e18f";
}
.icon-md-view12:before {
content: "\e190";
}
.icon-md-virtual2:before {
content: "\e191";
}
.icon-md-visibility1:before {
content: "\e192";
}
.icon-md-voice32:before {
content: "\e193";
}
.icon-md-voicemail1:before {
content: "\e194";
}
.icon-md-volume47:before {
content: "\e195";
}
.icon-md-volume49:before {
content: "\e196";
}
.icon-md-volume50:before {
content: "\e197";
}
.icon-md-volume51:before {
content: "\e198";
}
.icon-md-warning37:before {
content: "\e199";
}
.icon-md-watch16:before {
content: "\e19a";
}
.icon-md-waving:before {
content: "\e19b";
}
.icon-md-web37:before {
content: "\e19c";
}
.icon-md-website12:before {
content: "\e19d";
}
.icon-md-wifi81:before {
content: "\e19e";
}
.icon-md-wifi82:before {
content: "\e19f";
}
.icon-md-wifi83:before {
content: "\e1a0";
}
.icon-md-window57:before {
content: "\e1a1";
}
.icon-md-work3:before {
content: "\e1a2";
}
.icon-md-workspace:before {
content: "\e1a3";
}
.icon-md-world96:before {
content: "\e1a4";
}
.icon-md-write20:before {
content: "\e1a5";
}
.icon-md-youtube35:before {
content: "\e1a6";
}
   #contact-form {
position: relative;
}
#contact-form label {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
letter-spacing: normal;
margin: 0 0 20px;
width: 100%;
}
#contact-form label.message {
max-width: 100%;
width: 100%;
margin: 0 0 30px;
}
#contact-form fieldset {
border: none;
} #contact-form ._placeholder {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 500 14px 'Raleway', sans-serif;
line-height: 30px;
padding: 11px 20px 11px;
color: #3c4848;
width: 100% !important;
position: absolute;
left: 0;
top: 0;
display: block;
border-radius: 0;
cursor: text;
}
#contact-form ._placeholder.focused {
opacity: 0.4;
}
.lt-ie9 #contact-form ._placeholder.focused {
filter: alpha(opacity=40);
}
#contact-form ._placeholder.hidden,
#contact-form .file ._placeholder {
display: none;
} #contact-form input[type='text'] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 500 14px 'Raleway', sans-serif;
line-height: 30px;
padding: 11px 20px 11px;
color: #3c4848;
background-color: #ffffff;
border: 5px solid #52a7b6;
width: 100%;
border-radius: 0;
outline: none;
-webkit-appearance: none;
height: 52px;
padding-left: 15px;
margin: 0px 0px 21px 0px !important;
}
#contact-form input[type='email'] {
-moz-box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
font: 500 14px 'Raleway', sans-serif !important;
line-height: 30px !important;
padding: 11px 20px 11px !important;
color: #3c4848 !important;
background-color: #ffffff !important;
border: 5px solid #52a7b6 !important;
width: 100% !important;
border-radius: 0 !important;
outline: none !important;
-webkit-appearance: none !important;
height: 52px !important;
padding-left: 15px !important;
margin: 0px 0px 21px 0px !important;
} #contact-form .btn-wr {
float: right;
}
#contact-form .btn-wr .btn {
background: #009587;
padding-right: 18px;
padding-left: 18px;
}
#contact-form .btn-wr .btn:hover {
color: #ffffff;
background: #006c60;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
@media (max-width: 767px) {
#contact-form .btn-wr {
float: none;
text-align: center;
}
} #contact-form textarea {
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 500 14px 'Raleway', sans-serif;
line-height: 30px;
padding: 11px 20px 11px;
color: #3c4848;
background-color: #ffffff;
border: 5px solid #52a7b6;
width: 100%;
border-radius: 0;
outline: none;
-webkit-appearance: none;
resize: none;
height: 199px;
overflow: auto;
margin-top: 0;
padding-left: 15px;
padding-top: 6px;
} #contact-form .empty-message,
#contact-form .error-message {
-moz-transition: 0.3s ease-in height;
-o-transition: 0.3s ease-in height;
-webkit-transition: 0.3s ease-in height;
transition: 0.3s ease-in height;
position: absolute;
right: 3px;
top: 2px;
color: red;
height: 0;
overflow: hidden;
font-size: 11px;
z-index: 99;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
height: 14px;
line-height: 14px;
} #contact-form .contact-form-loader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: -1;
overflow: hidden;
background: rgba(247, 247, 247, 0.48) url(data:image/gif;base64,R0lGODlhIAAKAIAAAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAAACwAAAAAIAAKAAACD4yPqcvtD6OctNqLs94cFwAh+QQJCQAFACwAAAAAIAAKAILs7uz8+vz09vT08vT8/vz///8AAAAAAAADMVgx3FIwykmhADjjVzsdmjZ4ZASG2FiSJ6quXRu+8IemdXwDdB5dt54PsgA1BoThJAEAIfkECQkACAAsAAAAACAACgCDtLK03Nrc1NLUvL68/Pr81NbUxMLE/P78////AAAAAAAAAAAAAAAAAAAAAAAAAAAABDjwBGMGNeWgzbv/SACM5CiAKGiU5ZC+3MqOLvwOM22/8lzvqhzgB/TgcsQipyA0KD8HAe5o0Tw7EQAh+QQJCQAMACwAAAAAIAAKAIN0dnS8vrysrqyMioy0trSUkpT8+vy0srSMjoy8uryUlpT8/vz///8AAAAAAAAAAAAEPnAFVWpRZLHNu/9MAIzkeIAoqJQlkr5cwZIDDK8zUNupPA4/HS+Fm+2GnyLriOwkaKVT07M4FAbYQeFgmHoiACH5BAkJAAsALAAAAAAgAAoAg7SytNza3Ozu7NTS1Pz6/Ly+vPT29PTy9NTW1Pz+/MTCxP///wAAAAAAAAAAAAAAAARUMAWlClUorUWO/8YmjmIAnOg5LIbgvm5IkkqaFssBw8dM2yjcjucbFYAnnG4o6BU3NaSQ2XxCkQDhcud8HqULatWKwCoWCWq3mBgcvxYNy9P8yJ8RACH5BAkJAAsALAAAAAAgAAoAg7SytNza3Ozu7NTS1Pz6/Ly+vPT29PTy9NTW1Pz+/MTCxP///wAAAAAAAAAAAAAAAARUcJFDq1krBaUKV0iCjSRmCGiKXgHgvu5QzoeqHosCw8Vc1jYUTrdz9XwjYBBXKBqRyaAw5wQcoUobs3pFZm9UZ9d3kuIQVQV0NKlVDiLCoGmNXdYRACH5BAkJAAwALAAAAAAgAAoAg3R2dLy+vKyurIyKjLS2tJSSlPz6/LSytIyOjLy6vJSWlPz+/P///wAAAAAAAAAAAAQ+kMlJ2Qqq6KLIqmBIBUBploeoVsp5ImvMFK45yGtbAzcu0qVBkOcT6Wq9ImtHVFYStlPKSVkcCoPsoHAwxCIAIfkECQkACwAsAAAAACAACgCDtLK03Nrc7O7s1NLU/Pr8vL689Pb09PL01NbU/P78xMLE////AAAAAAAAAAAAAAAABFZwyUlXCkqVrFCSxCGORmUuAaCu6rAYQizHxEkpLFssxzwftgkup9r5fkFJgVjkHWPA5JBofAqiwWnO2DtibUtm1ZpcIJgAhcX6PSUGy/Dm8xJdr4dEBAAh+QQJCQALACwAAAAAIAAKAIO0srTc2tzs7uzU0tT8+vy8vrz09vT08vTU1tT8/vzEwsT///8AAAAAAAAAAAAAAAAEVXDJSSU5OBuZglLFpyBJZRpCqqZbALzwO5jVsa7HosRxQVO2Wyq34718P0lQmCsYj0mlcKh7ApDJ5a1pBUQXWlz1if2hpjmEVfFdXGyZQ4kwcF5liQgAIfkECQkADAAsAAAAACAACgCDdHZ0vL68rK6sjIqMtLa0lJKU/Pr8tLK0jI6MvLq8lJaU/P78////AAAAAAAAAAAABD6QyUmrZSuowosiyyVeAWCe5jGuk4KiBcsW7znIq1sDNy7SpkGQ5xPpar1i5fhKKicJG0rwrCwOhYF2UDgYIgAh+QQJCQAIACwAAAAAIAAKAIO0srTc2tzU0tS8vrz8+vzU1tTEwsT8/vz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAEOBDJSatFJxgztinHJV4BYJ6mMK6TgaIDy7qvGcvjUNv4SNe3nuVXE150u6BxUtgBDMvKQaBDdg4RACH5BAkJAAUALAAAAAAgAAoAguzu7Pz6/PT29PTy9Pz+/P///wAAAAAAAAMvWLrcrmHIKZ61Auitw/3LwHEDCIqjVpoXmq7s445w3MykLaeb7mS8mg8iAYgkhAQAOw==);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.lt-ie9 #contact-form .contact-form-loader {
filter: alpha(opacity=0);
}
#contact-form.processing .contact-form-loader {
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
opacity: 0.7;
z-index: 99;
}
.lt-ie9 #contact-form.processing .contact-form-loader {
filter: alpha(opacity=70);
} .modal-open {
overflow: hidden;
}
#contact-form .modal {
top: 0;
left: 0;
right: 0;
bottom: 0;
letter-spacing: normal;
display: none;
overflow: auto;
overflow-y: scroll;
position: fixed;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
font-family: 'Raleway', sans-serif;
font-size: 13px;
color: #222;
}
#contact-form .modal h4 {
font-weight: bold;
color: #000;
padding: 0;
margin: 0;
}
.modal.fade .modal-dialog {
-moz-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
-moz-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: none;
}
.modal-backdrop {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 1040;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
}
.lt-ie9 .modal-backdrop.fade {
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
}
.lt-ie9 .modal-backdrop.in {
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.42857143px;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 20px;
}
.modal-dialog {
width: 600px;
margin: 10px auto;
}
@media only screen and (max-width: 768px) {
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
} .close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
} #contact-form label.recaptcha {
max-width: 100%;
text-align: right;
}
#captchadiv {
display: inline-block;
text-align: left;
background: #FFF;
}
.empty-message + #captchadiv {
border: 1px solid #DCDCDC;
padding-top: 16px;
}
#recaptcha_table {
border: none!important;
}
#recaptcha_table input[type="text"] {
background: #FFF;
border: 1px solid #CDCDCD!important;
color: #999;
}
@media (max-width: 767px) {
#captchadiv {
display: block;
}
#recaptcha_table {
width: 100%;
}
#recaptcha_table tr:first-child td + td {
padding-right: 14px!important;
}
#recaptcha_table tr:first-child td + td + td {
display: none;
}
#recaptcha_image {
width: 358px!important;
}
#recaptcha_response_field {
width: 360px!important;
}
}
@media (max-width: 479px) {
#recaptcha_image {
width: 208px!important;
}
#recaptcha_response_field {
width: 210px!important;
}
}

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
-ms-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);
-ms-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);
-ms-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
-ms-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 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);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-ms-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 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);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
-ms-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
-ms-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
-ms-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
-ms-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
-ms-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
-ms-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
-ms-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
-ms-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
-ms-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 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);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
-ms-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
-ms-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
-ms-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
0%, 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);
-ms-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 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);
-ms-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-ms-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 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);
-ms-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-ms-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-ms-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 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);
-ms-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
-ms-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
-ms-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
-ms-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
-ms-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
-ms-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
-ms-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
-ms-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0, 0, 1, 45deg);
transform: rotate(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0, 0, 1, 45deg);
-ms-transform: rotate(0, 0, 1, 45deg);
transform: rotate(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
-ms-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
-ms-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
-ms-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
-ms-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 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);
-ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 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);
-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 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);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 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);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 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);
-ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
-ms-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
-ms-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.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);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 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;
}
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@font-face {
font-family: "material-design";
src: url(//www.attacksolutions.com/wp-content/themes/attacksolutions/fonts/material-design.eot);
src: url(//www.attacksolutions.com/wp-content/themes/attacksolutions/fonts/material-design.eot#iefix) format("embedded-opentype"),
url(//www.attacksolutions.com/wp-content/themes/attacksolutions/fonts/material-design.woff) format("woff"),
url(//www.attacksolutions.com/wp-content/themes/attacksolutions/fonts/material-design.ttf) format("truetype"),
url(//www.attacksolutions.com/wp-content/themes/attacksolutions/fonts/material-design.svg) format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-md-"]:before, [class*=" icon-md-"]:before,
[class^="icon-md-"]:after, [class*=" icon-md-"]:after {   
font-family: "material-design";
font-size: normal;
font-style: normal;
}
.icon-md-account4:before {
content: "\e000";
}
.icon-md-add179:before {
content: "\e001";
}
.icon-md-add180:before {
content: "\e002";
}
.icon-md-add181:before {
content: "\e003";
}
.icon-md-add182:before {
content: "\e004";
}
.icon-md-add183:before {
content: "\e005";
}
.icon-md-add184:before {
content: "\e006";
}
.icon-md-add186:before {
content: "\e007";
}
.icon-md-adjust6:before {
content: "\e008";
}
.icon-md-airplane106:before {
content: "\e009";
}
.icon-md-android11:before {
content: "\e00a";
}
.icon-md-android12:before {
content: "\e00b";
}
.icon-md-apple70:before {
content: "\e00c";
}
.icon-md-attachment19:before {
content: "\e00d";
}
.icon-md-auto1:before {
content: "\e00e";
}
.icon-md-automatic2:before {
content: "\e00f";
}
.icon-md-automatic3:before {
content: "\e010";
}
.icon-md-back57:before {
content: "\e011";
}
.icon-md-backspace1:before {
content: "\e012";
}
.icon-md-bed24:before {
content: "\e013";
}
.icon-md-been:before {
content: "\e014";
}
.icon-md-birthday20:before {
content: "\e015";
}
.icon-md-black394:before {
content: "\e016";
}
.icon-md-black395:before {
content: "\e017";
}
.icon-md-black396:before {
content: "\e018";
}
.icon-md-black397:before {
content: "\e019";
}
.icon-md-black398:before {
content: "\e01a";
}
.icon-md-black399:before {
content: "\e01b";
}
.icon-md-black400:before {
content: "\e01c";
}
.icon-md-black401:before {
content: "\e01d";
}
.icon-md-black402:before {
content: "\e01e";
}
.icon-md-blank30:before {
content: "\e01f";
}
.icon-md-blank31:before {
content: "\e020";
}
.icon-md-blank32:before {
content: "\e021";
}
.icon-md-blank33:before {
content: "\e022";
}
.icon-md-blogger12:before {
content: "\e023";
}
.icon-md-blueetooth:before {
content: "\e024";
}
.icon-md-bluetooth21:before {
content: "\e025";
}
.icon-md-bluetooth22:before {
content: "\e026";
}
.icon-md-bluetooth23:before {
content: "\e027";
}
.icon-md-bluetooth24:before {
content: "\e028";
}
.icon-md-bluetooth25:before {
content: "\e029";
}
.icon-md-bookmark45:before {
content: "\e02a";
}
.icon-md-bookmark46:before {
content: "\e02b";
}
.icon-md-bookmark47:before {
content: "\e02c";
}
.icon-md-bookmark48:before {
content: "\e02d";
}
.icon-md-briefcase49:before {
content: "\e02e";
}
.icon-md-briefcase50:before {
content: "\e02f";
}
.icon-md-brightness10:before {
content: "\e030";
}
.icon-md-brochure6:before {
content: "\e031";
}
.icon-md-bubble8:before {
content: "\e032";
}
.icon-md-bug18:before {
content: "\e033";
}
.icon-md-burn9:before {
content: "\e034";
}
.icon-md-button11:before {
content: "\e035";
}
.icon-md-call47:before {
content: "\e036";
}
.icon-md-call48:before {
content: "\e037";
}
.icon-md-call49:before {
content: "\e038";
}
.icon-md-camera59:before {
content: "\e039";
}
.icon-md-camera60:before {
content: "\e03a";
}
.icon-md-cancel19:before {
content: "\e03b";
}
.icon-md-caps1:before {
content: "\e03c";
}
.icon-md-caps:before {
content: "\e03d";
}
.icon-md-car145:before {
content: "\e03e";
}
.icon-md-car146:before {
content: "\e03f";
}
.icon-md-car147:before {
content: "\e040";
}
.icon-md-cell10:before {
content: "\e041";
}
.icon-md-cell11:before {
content: "\e042";
}
.icon-md-cell12:before {
content: "\e043";
}
.icon-md-change3:before {
content: "\e044";
}
.icon-md-chat75:before {
content: "\e045";
}
.icon-md-chat76:before {
content: "\e046";
}
.icon-md-check51:before {
content: "\e047";
}
.icon-md-check52:before {
content: "\e048";
}
.icon-md-chemistry17:before {
content: "\e049";
}
.icon-md-circle107:before {
content: "\e04a";
}
.icon-md-circle108:before {
content: "\e04b";
}
.icon-md-circles23:before {
content: "\e04c";
}
.icon-md-circumference:before {
content: "\e04d";
}
.icon-md-city24:before {
content: "\e04e";
}
.icon-md-clapperboard4:before {
content: "\e04f";
}
.icon-md-clapperboard5:before {
content: "\e050";
}
.icon-md-clear5:before {
content: "\e051";
}
.icon-md-clipboard99:before {
content: "\e052";
}
.icon-md-clock100:before {
content: "\e053";
}
.icon-md-close47:before {
content: "\e054";
}
.icon-md-closed64:before {
content: "\e055";
}
.icon-md-cloud302:before {
content: "\e056";
}
.icon-md-cloud303:before {
content: "\e057";
}
.icon-md-cloud304:before {
content: "\e058";
}
.icon-md-cloud305:before {
content: "\e059";
}
.icon-md-cloud306:before {
content: "\e05a";
}
.icon-md-cloud307:before {
content: "\e05b";
}
.icon-md-compass106:before {
content: "\e05c";
}
.icon-md-connection21:before {
content: "\e05d";
}
.icon-md-copy31:before {
content: "\e05e";
}
.icon-md-create2:before {
content: "\e05f";
}
.icon-md-create3:before {
content: "\e060";
}
.icon-md-credit98:before {
content: "\e061";
}
.icon-md-crop13:before {
content: "\e062";
}
.icon-md-crop14:before {
content: "\e063";
}
.icon-md-cut23:before {
content: "\e064";
}
.icon-md-dark55:before {
content: "\e065";
}
.icon-md-developer2:before {
content: "\e066";
}
.icon-md-device4:before {
content: "\e067";
}
.icon-md-device5:before {
content: "\e068";
}
.icon-md-disc30:before {
content: "\e069";
}
.icon-md-do10:before {
content: "\e06a";
}
.icon-md-double126:before {
content: "\e06b";
}
.icon-md-download162:before {
content: "\e06c";
}
.icon-md-download164:before {
content: "\e06d";
}
.icon-md-download166:before {
content: "\e06e";
}
.icon-md-downwards:before {
content: "\e06f";
}
.icon-md-drafts:before {
content: "\e070";
}
.icon-md-drop25:before {
content: "\e071";
}
.icon-md-drop26:before {
content: "\e072";
}
.icon-md-drop27:before {
content: "\e073";
}
.icon-md-earth205:before {
content: "\e074";
}
.icon-md-ellipsis1:before {
content: "\e075";
}
.icon-md-email107:before {
content: "\e076";
}
.icon-md-emoticon117:before {
content: "\e077";
}
.icon-md-end3:before {
content: "\e078";
}
.icon-md-enter5:before {
content: "\e079";
}
.icon-md-exit13:before {
content: "\e07a";
}
.icon-md-expand38:before {
content: "\e07b";
}
.icon-md-expand39:before {
content: "\e07c";
}
.icon-md-facebook56:before {
content: "\e07d";
}
.icon-md-fast46:before {
content: "\e07e";
}
.icon-md-favorite21:before {
content: "\e07f";
}
.icon-md-favorite22:before {
content: "\e080";
}
.icon-md-filled13:before {
content: "\e081";
}
.icon-md-film61:before {
content: "\e082";
}
.icon-md-filter20:before {
content: "\e083";
}
.icon-md-flash25:before {
content: "\e084";
}
.icon-md-flash26:before {
content: "\e085";
}
.icon-md-folder215:before {
content: "\e086";
}
.icon-md-forward18:before {
content: "\e087";
}
.icon-md-forward19:before {
content: "\e088";
}
.icon-md-framed1:before {
content: "\e089";
}
.icon-md-front15:before {
content: "\e08a";
}
.icon-md-front16:before {
content: "\e08b";
}
.icon-md-front17:before {
content: "\e08c";
}
.icon-md-full46:before {
content: "\e08d";
}
.icon-md-gamepad3:before {
content: "\e08e";
}
.icon-md-gamepad4:before {
content: "\e08f";
}
.icon-md-get:before {
content: "\e090";
}
.icon-md-gmail3:before {
content: "\e091";
}
.icon-md-go10:before {
content: "\e092";
}
.icon-md-good4:before {
content: "\e093";
}
.icon-md-good5:before {
content: "\e094";
}
.icon-md-google117:before {
content: "\e095";
}
.icon-md-google118:before {
content: "\e096";
}
.icon-md-google119:before {
content: "\e097";
}
.icon-md-google120:before {
content: "\e098";
}
.icon-md-google121:before {
content: "\e099";
}
.icon-md-google122:before {
content: "\e09a";
}
.icon-md-google123:before {
content: "\e09b";
}
.icon-md-google124:before {
content: "\e09c";
}
.icon-md-google125:before {
content: "\e09d";
}
.icon-md-google126:before {
content: "\e09e";
}
.icon-md-google127:before {
content: "\e09f";
}
.icon-md-google128:before {
content: "\e0a0";
}
.icon-md-google129:before {
content: "\e0a1";
}
.icon-md-google130:before {
content: "\e0a2";
}
.icon-md-google131:before {
content: "\e0a3";
}
.icon-md-google132:before {
content: "\e0a4";
}
.icon-md-google133:before {
content: "\e0a5";
}
.icon-md-google134:before {
content: "\e0a6";
}
.icon-md-google135:before {
content: "\e0a7";
}
.icon-md-google136:before {
content: "\e0a8";
}
.icon-md-google137:before {
content: "\e0a9";
}
.icon-md-gps25:before {
content: "\e0aa";
}
.icon-md-gps26:before {
content: "\e0ab";
}
.icon-md-gps27:before {
content: "\e0ac";
}
.icon-md-gps28:before {
content: "\e0ad";
}
.icon-md-graduate32:before {
content: "\e0ae";
}
.icon-md-halffilled1:before {
content: "\e0af";
}
.icon-md-hangouts:before {
content: "\e0b0";
}
.icon-md-headset11:before {
content: "\e0b1";
}
.icon-md-headset12:before {
content: "\e0b2";
}
.icon-md-help18:before {
content: "\e0b3";
}
.icon-md-help19:before {
content: "\e0b4";
}
.icon-md-hide3:before {
content: "\e0b5";
}
.icon-md-high20:before {
content: "\e0b6";
}
.icon-md-high21:before {
content: "\e0b7";
}
.icon-md-high22:before {
content: "\e0b8";
}
.icon-md-history6:before {
content: "\e0b9";
}
.icon-md-home149:before {
content: "\e0ba";
}
.icon-md-horizontal39:before {
content: "\e0bb";
}
.icon-md-hotel68:before {
content: "\e0bc";
}
.icon-md-https:before {
content: "\e0bd";
}
.icon-md-import:before {
content: "\e0be";
}
.icon-md-insert4:before {
content: "\e0bf";
}
.icon-md-instagram16:before {
content: "\e0c0";
}
.icon-md-invert1:before {
content: "\e0c1";
}
.icon-md-keyboard53:before {
content: "\e0c2";
}
.icon-md-keyboard54:before {
content: "\e0c3";
}
.icon-md-label31:before {
content: "\e0c4";
}
.icon-md-landscape10:before {
content: "\e0c5";
}
.icon-md-laptop117:before {
content: "\e0c6";
}
.icon-md-left216:before {
content: "\e0c7";
}
.icon-md-left217:before {
content: "\e0c8";
}
.icon-md-left218:before {
content: "\e0c9";
}
.icon-md-light88:before {
content: "\e0ca";
}
.icon-md-link60:before {
content: "\e0cb";
}
.icon-md-linkedin24:before {
content: "\e0cc";
}
.icon-md-list88:before {
content: "\e0cd";
}
.icon-md-list89:before {
content: "\e0ce";
}
.icon-md-location41:before {
content: "\e0cf";
}
.icon-md-locked57:before {
content: "\e0d0";
}
.icon-md-locked58:before {
content: "\e0d1";
}
.icon-md-low34:before {
content: "\e0d2";
}
.icon-md-magic20:before {
content: "\e0d3";
}
.icon-md-man459:before {
content: "\e0d4";
}
.icon-md-man460:before {
content: "\e0d5";
}
.icon-md-map102:before {
content: "\e0d6";
}
.icon-md-map103:before {
content: "\e0d7";
}
.icon-md-mark1:before {
content: "\e0d8";
}
.icon-md-mark2:before {
content: "\e0d9";
}
.icon-md-medium5:before {
content: "\e0da";
}
.icon-md-medium6:before {
content: "\e0db";
}
.icon-md-medium7:before {
content: "\e0dc";
}
.icon-md-memory1:before {
content: "\e0dd";
}
.icon-md-menu55:before {
content: "\e0de";
}
.icon-md-merge:before {
content: "\e0df";
}
.icon-md-microphone84:before {
content: "\e0e0";
}
.icon-md-microphone85:before {
content: "\e0e1";
}
.icon-md-microsoft7:before {
content: "\e0e2";
}
.icon-md-microsoft8:before {
content: "\e0e3";
}
.icon-md-missed:before {
content: "\e0e4";
}
.icon-md-mountain31:before {
content: "\e0e5";
}
.icon-md-mountain32:before {
content: "\e0e6";
}
.icon-md-mountains14:before {
content: "\e0e7";
}
.icon-md-move26:before {
content: "\e0e8";
}
.icon-md-new102:before {
content: "\e0e9";
}
.icon-md-new103:before {
content: "\e0ea";
}
.icon-md-nfc1:before {
content: "\e0eb";
}
.icon-md-notifications1:before {
content: "\e0ec";
}
.icon-md-notifications2:before {
content: "\e0ed";
}
.icon-md-notifications:before {
content: "\e0ee";
}
.icon-md-painter14:before {
content: "\e0ef";
}
.icon-md-panoramic1:before {
content: "\e0f0";
}
.icon-md-parking14:before {
content: "\e0f1";
}
.icon-md-pause44:before {
content: "\e0f2";
}
.icon-md-person325:before {
content: "\e0f3";
}
.icon-md-phone370:before {
content: "\e0f4";
}
.icon-md-phone371:before {
content: "\e0f5";
}
.icon-md-phone372:before {
content: "\e0f6";
}
.icon-md-phone373:before {
content: "\e0f7";
}
.icon-md-phone374:before {
content: "\e0f8";
}
.icon-md-phone375:before {
content: "\e0f9";
}
.icon-md-photo210:before {
content: "\e0fa";
}
.icon-md-photo211:before {
content: "\e0fb";
}
.icon-md-photo212:before {
content: "\e0fc";
}
.icon-md-photographic1:before {
content: "\e0fd";
}
.icon-md-pinterest33:before {
content: "\e0fe";
}
.icon-md-planet29:before {
content: "\e0ff";
}
.icon-md-play105:before {
content: "\e100";
}
.icon-md-play106:before {
content: "\e101";
}
.icon-md-play107:before {
content: "\e102";
}
.icon-md-play108:before {
content: "\e103";
}
.icon-md-play109:before {
content: "\e104";
}
.icon-md-plus80:before {
content: "\e105";
}
.icon-md-poll:before {
content: "\e106";
}
.icon-md-power106:before {
content: "\e107";
}
.icon-md-previous14:before {
content: "\e108";
}
.icon-md-printer88:before {
content: "\e109";
}
.icon-md-problems:before {
content: "\e10a";
}
.icon-md-progress10:before {
content: "\e10b";
}
.icon-md-public10:before {
content: "\e10c";
}
.icon-md-public11:before {
content: "\e10d";
}
.icon-md-public9:before {
content: "\e10e";
}
.icon-md-puzzle37:before {
content: "\e10f";
}
.icon-md-radio51:before {
content: "\e110";
}
.icon-md-random5:before {
content: "\e111";
}
.icon-md-rate:before {
content: "\e112";
}
.icon-md-read5:before {
content: "\e113";
}
.icon-md-receipt9:before {
content: "\e114";
}
.icon-md-record9:before {
content: "\e115";
}
.icon-md-refresh55:before {
content: "\e116";
}
.icon-md-refresh56:before {
content: "\e117";
}
.icon-md-reminder6:before {
content: "\e118";
}
.icon-md-replay4:before {
content: "\e119";
}
.icon-md-reply18:before {
content: "\e11a";
}
.icon-md-report:before {
content: "\e11b";
}
.icon-md-rewind45:before {
content: "\e11c";
}
.icon-md-right237:before {
content: "\e11d";
}
.icon-md-right244:before {
content: "\e11e";
}
.icon-md-ring24:before {
content: "\e11f";
}
.icon-md-rotate11:before {
content: "\e120";
}
.icon-md-rotate12:before {
content: "\e121";
}
.icon-md-round50:before {
content: "\e122";
}
.icon-md-round51:before {
content: "\e123";
}
.icon-md-round52:before {
content: "\e124";
}
.icon-md-round53:before {
content: "\e125";
}
.icon-md-round54:before {
content: "\e126";
}
.icon-md-round55:before {
content: "\e127";
}
.icon-md-round56:before {
content: "\e128";
}
.icon-md-round57:before {
content: "\e129";
}
.icon-md-round58:before {
content: "\e12a";
}
.icon-md-rounded54:before {
content: "\e12b";
}
.icon-md-rounded55:before {
content: "\e12c";
}
.icon-md-rounded56:before {
content: "\e12d";
}
.icon-md-rounded57:before {
content: "\e12e";
}
.icon-md-rounded58:before {
content: "\e12f";
}
.icon-md-rounded59:before {
content: "\e130";
}
.icon-md-rounded60:before {
content: "\e131";
}
.icon-md-rubbish:before {
content: "\e132";
}
.icon-md-save20:before {
content: "\e133";
}
.icon-md-schedule2:before {
content: "\e134";
}
.icon-md-screen44:before {
content: "\e135";
}
.icon-md-screen45:before {
content: "\e136";
}
.icon-md-screen46:before {
content: "\e137";
}
.icon-md-screen47:before {
content: "\e138";
}
.icon-md-screen48:before {
content: "\e139";
}
.icon-md-screen49:before {
content: "\e13a";
}
.icon-md-sd7:before {
content: "\e13b";
}
.icon-md-sd8:before {
content: "\e13c";
}
.icon-md-search100:before {
content: "\e13d";
}
.icon-md-searching41:before {
content: "\e13e";
}
.icon-md-select3:before {
content: "\e13f";
}
.icon-md-select4:before {
content: "\e140";
}
.icon-md-send12:before {
content: "\e141";
}
.icon-md-send13:before {
content: "\e142";
}
.icon-md-send14:before {
content: "\e143";
}
.icon-md-server40:before {
content: "\e144";
}
.icon-md-set5:before {
content: "\e145";
}
.icon-md-set6:before {
content: "\e146";
}
.icon-md-settings49:before {
content: "\e147";
}
.icon-md-settings50:before {
content: "\e148";
}
.icon-md-share39:before {
content: "\e149";
}
.icon-md-shared1:before {
content: "\e14a";
}
.icon-md-shining2:before {
content: "\e14b";
}
.icon-md-shining3:before {
content: "\e14c";
}
.icon-md-shopping231:before {
content: "\e14d";
}
.icon-md-shopping232:before {
content: "\e14e";
}
.icon-md-show4:before {
content: "\e14f";
}
.icon-md-show5:before {
content: "\e150";
}
.icon-md-show6:before {
content: "\e151";
}
.icon-md-show7:before {
content: "\e152";
}
.icon-md-show8:before {
content: "\e153";
}
.icon-md-shuffle24:before {
content: "\e154";
}
.icon-md-sim2:before {
content: "\e155";
}
.icon-md-smartphone19:before {
content: "\e156";
}
.icon-md-smartphone20:before {
content: "\e157";
}
.icon-md-sms5:before {
content: "\e158";
}
.icon-md-sms6:before {
content: "\e159";
}
.icon-md-sms7:before {
content: "\e15a";
}
.icon-md-snake4:before {
content: "\e15b";
}
.icon-md-sort52:before {
content: "\e15c";
}
.icon-md-speech108:before {
content: "\e15d";
}
.icon-md-split4:before {
content: "\e15e";
}
.icon-md-square181:before {
content: "\e15f";
}
.icon-md-stop46:before {
content: "\e160";
}
.icon-md-swap2:before {
content: "\e161";
}
.icon-md-swap3:before {
content: "\e162";
}
.icon-md-switch27:before {
content: "\e163";
}
.icon-md-switch28:before {
content: "\e164";
}
.icon-md-switch29:before {
content: "\e165";
}
.icon-md-switch30:before {
content: "\e166";
}
.icon-md-synchronization3:before {
content: "\e167";
}
.icon-md-synchronization4:before {
content: "\e168";
}
.icon-md-synchronization5:before {
content: "\e169";
}
.icon-md-tab3:before {
content: "\e16a";
}
.icon-md-tablet95:before {
content: "\e16b";
}
.icon-md-tack:before {
content: "\e16c";
}
.icon-md-tag71:before {
content: "\e16d";
}
.icon-md-telephone105:before {
content: "\e16e";
}
.icon-md-thermostat1:before {
content: "\e16f";
}
.icon-md-three168:before {
content: "\e170";
}
.icon-md-three170:before {
content: "\e171";
}
.icon-md-thumb53:before {
content: "\e172";
}
.icon-md-thumb54:before {
content: "\e173";
}
.icon-md-tick7:before {
content: "\e174";
}
.icon-md-timelapse:before {
content: "\e175";
}
.icon-md-traffic21:before {
content: "\e176";
}
.icon-md-tumblr22:before {
content: "\e177";
}
.icon-md-turn17:before {
content: "\e178";
}
.icon-md-turn18:before {
content: "\e179";
}
.icon-md-turn19:before {
content: "\e17a";
}
.icon-md-turn20:before {
content: "\e17b";
}
.icon-md-turn21:before {
content: "\e17c";
}
.icon-md-turn22:before {
content: "\e17d";
}
.icon-md-turn23:before {
content: "\e17e";
}
.icon-md-twitter47:before {
content: "\e17f";
}
.icon-md-two375:before {
content: "\e180";
}
.icon-md-two385:before {
content: "\e181";
}
.icon-md-two393:before {
content: "\e182";
}
.icon-md-underline6:before {
content: "\e183";
}
.icon-md-underline7:before {
content: "\e184";
}
.icon-md-undo19:before {
content: "\e185";
}
.icon-md-unlocked43:before {
content: "\e186";
}
.icon-md-up176:before {
content: "\e187";
}
.icon-md-upload119:before {
content: "\e188";
}
.icon-md-upload120:before {
content: "\e189";
}
.icon-md-usb33:before {
content: "\e18a";
}
.icon-md-user157:before {
content: "\e18b";
}
.icon-md-user158:before {
content: "\e18c";
}
.icon-md-users25:before {
content: "\e18d";
}
.icon-md-verification24:before {
content: "\e18e";
}
.icon-md-videocall:before {
content: "\e18f";
}
.icon-md-view12:before {
content: "\e190";
}
.icon-md-virtual2:before {
content: "\e191";
}
.icon-md-visibility1:before {
content: "\e192";
}
.icon-md-voice32:before {
content: "\e193";
}
.icon-md-voicemail1:before {
content: "\e194";
}
.icon-md-volume47:before {
content: "\e195";
}
.icon-md-volume49:before {
content: "\e196";
}
.icon-md-volume50:before {
content: "\e197";
}
.icon-md-volume51:before {
content: "\e198";
}
.icon-md-warning37:before {
content: "\e199";
}
.icon-md-watch16:before {
content: "\e19a";
}
.icon-md-waving:before {
content: "\e19b";
}
.icon-md-web37:before {
content: "\e19c";
}
.icon-md-website12:before {
content: "\e19d";
}
.icon-md-wifi81:before {
content: "\e19e";
}
.icon-md-wifi82:before {
content: "\e19f";
}
.icon-md-wifi83:before {
content: "\e1a0";
}
.icon-md-window57:before {
content: "\e1a1";
}
.icon-md-work3:before {
content: "\e1a2";
}
.icon-md-workspace:before {
content: "\e1a3";
}
.icon-md-world96:before {
content: "\e1a4";
}
.icon-md-write20:before {
content: "\e1a5";
}
.icon-md-youtube35:before {
content: "\e1a6";
}  html {
overflow-x: hidden;
overflow-y: scroll;
}
body {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 26px;
font-weight: 400;
color: #888888; -webkit-text-size-adjust: none;
}
img {
max-width: 100%;
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #333333;
}
h2 {
font-family: 'Roboto', sans-serif;
font-size: 30px;
line-height: 30px;
font-weight: 400;
text-align: initial;
}
h3 {
font-family: 'Roboto', sans-serif;
font-size: 28px;
line-height: 24px;
font-weight: 500;
color: #009587;
}
.post h3{
font-family: 'Roboto', sans-serif;
font-size: 30px;
line-height: 30px;
font-weight: 500;
color: #009587; }
.post h2{
font-family: 'Roboto', sans-serif;
font-size: 30px;
line-height: 30px;
font-weight: 500;
color: #009587;
}
.post p{
text-align: justify;
}
* + p {
margin-top: 18px;
}
h3 + p {
margin-top: 14px;
}
p a:hover {
text-decoration: underline;
}
a {
font: inherit;
color: inherit;
text-decoration: none;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
a:active {
background: transparent;
}
a:focus {
outline: none;
}
a[href^="tel:"] {
color: inherit;
text-decoration: none;
}
.fa {
line-height: inherit;
}
[class*='fa-']:before {
font-weight: 400;
font-family: 'FontAwesome';
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.page {
overflow: hidden;
min-height: 500px;
}
.lt-ie9 .page {
min-width: 1200px;
}
.bg-1 {
background: #ffffff;
}
.bg-2 {
color: #ffffff;
background: #009587;
}
.bg-3 {
color: #009587;
background: #feea3a;
}  .toTop {
width: 40px;
height: 40px;
font-size: 24px;
line-height: 40px;
color: #fff;
background: #006259;
position: fixed;
right: 66px;
bottom: 180px;
display: none;
overflow: hidden;
text-align: center;
text-decoration: none;
z-index: 20;
}
.toTop:hover {
color: #fff;
background: #e71d0e;
text-decoration: none;
}
@media only screen and (max-width: 1399px) {
.toTop {
display: none !important;
}
} .parallax {
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
}
.mobile .parallax,
.tablet .parallax {
background-position: 50% 0 !important;
}
.parallax01 { padding: 35px 0 0 0;
position: absolute;
z-index: 10000;
color: #fff; width: 100%; }
.parallax-header {
background-color: #34BC9D;
position: inherit;
color: #fff; width: 100%;
}
.parallax-threads { padding: 35px 0 0 0;
position: absolute;
z-index: 10000;
color: #fff; width: 100%;
}
@media (max-width: 767px) {
.parallax {
background-position: center 0 !important;
}
} .resp-tabs {
padding: 10px 0 0 0;
}
.resp-tabs:before,
.resp-tabs:after {
content: " ";
display: table;
}
.resp-tabs:after {
clear: both;
}
.resp-tabs-list {
float: left;
}
.resp-tabs-list li {
cursor: pointer;
display: block;
font-family: 'Roboto', sans-serif;
font-size: 20px;
line-height: 24px;
font-weight: 500;
width: 300px;
color: #ffffff;
background: #009587;
padding: 18px 0px 15px 40px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.29);
}
@media (max-width: 1199px) {
.resp-tabs-list li {
width: 200px;
}
}
@media (max-width: 979px) {
.resp-tabs-list li {
width: 160px;
}
}
.resp-tabs-list li:hover {
background: #006c60;
}
.resp-tabs-list li.resp-tab-active {
padding-right: 10px;
padding-left: 35px;
color: #333333;
background: #ffffff;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-left: 5px solid #feea3a;
}
.resp-tabs-list li + li {
margin-top: 10px;
}
.resp-accordion {
display: none;
cursor: pointer;
font-family: 'Roboto', sans-serif;
font-size: 20px;
line-height: 24px;
font-weight: 500;
color: #ffffff;
width: 100%;
background: #009587;
padding: 18px 0px 15px 40px;
box-sizing: border-box;
}
.resp-accordion:hover {
background: #006c60;
}
.resp-tab-content {
display: none;
}
.resp-tab-content-active {
display: block;
}
.resp-tabs-container {
float: left;
width: 740px;
padding: 39px 30px 50px 50px;
background: #ffffff;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.29);
}
@media (max-width: 1199px) {
.resp-tabs-container {
width: 610px;
}
}
@media (max-width: 979px) {
.resp-tabs-container {
width: 458px;
}
}
@media (max-width: 767px) {
.resp-tabs-container {
width: 100%;
}
}
@media (max-width: 767px) {
.resp-tabs-container {
padding: 0;
}
}
@media (max-width: 767px) {
.resp-tab-content {
padding: 30px 30px 10px 30px;
}
}
.resp-tab-content + .resp-accordion {
margin-top: 20px;
}
.tab-line:before,
.tab-line:after {
content: " ";
display: table;
}
.tab-line:after {
clear: both;
}
* + .tab-line {
margin-top: 32px;
}
.tab-line + .tab-line {
margin-top: 38px;
}
.tab-line * + p {
margin-top: 10px;
}
.tab-box {
float: left;
line-height: 22px;
color: #8b969d;
width: 340px;
}
.tab-box + .tab-box {
margin-left: 60px;
}
@media (max-width: 979px) {
.tab-box + .tab-box {
margin-left: 0;
}
}
@media (max-width: 979px) {
.tab-box + .tab-box {
margin-top: 38px;
}
}
@media (max-width: 1199px) {
.tab-box {
width: 275px;
}
}
@media (max-width: 979px) {
.tab-box {
width: 100%;
}
}
@media (max-width: 767px) {
.resp-accordion {
display: block;
}
.resp-tabs-list {
display: none;
}
} .btn {
display: inline-block;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 20px;
line-height: 23px;
font-weight: 500;
color: #ffffff;
padding: 17px 38px;
background: #009587;
border-radius: 3px;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.29);
border: none;
}
* + .btn {
margin-top: 39px;
}
.btn_overlay:before {
display: none;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.29);
pointer-events: none;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.btn_overlay:hover:before {
box-shadow: 11px 11px 16px 0px rgba(0, 0, 0, 0.29);
}
* + .btn_overlay {
margin-top: 31px;
}
.btn:hover {
color: #ffffff;
background: #006c60;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
} .list {
font-size: 14px;
line-height: 14px;
}
.list li + li {
margin-top: 16px;
}
* + .list {
margin-top: 23px;
} .marked-list {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 16px;
font-weight: 400;
color: #000000;
}
.marked-list li {
position: relative;
padding: 4px 0 5px 38px;
}
.marked-list li:before {
content: "\e18e";
font-family: "material-design";
position: absolute;
left: 0;
top: 0;
font-size: 20px;
color: #009587;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background: #feea3a;
border-radius: 2px;
box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
}
.marked-list li + li {
margin-top: 20px;
} .img {
display: inline-block;
border-radius: 50%;
overflow: hidden;
max-width: 100%;
}
.img_offset {
margin-top: 36px;
} .iconed {
position: relative;
padding: 0 0 0 154px;
}
@media (max-width: 479px) {
.iconed {
padding: 0;
}
}
.iconed .icon {
position: absolute;
left: 0;
top: 4px;
font-size: 70px;
color: #009587;
background: #feea3a;
width: 127px;
height: 127px;
line-height: 127px;
text-align: center;
border-radius: 50%;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.29);
}
@media (max-width: 479px) {
.iconed .icon {
position: static;
}
}
@media (max-width: 479px) {
.iconed .icon + * {
margin-top: 30px;
}
} header {
color: #ffffff;
background: #34BC9D;
min-height: 70px;
} .brand {
display: inline-block;
}
.brand + * {
margin-top: 56px;
}
.brand_name {
font-family: 'Roboto', sans-serif;
font-size: 32px;
line-height: 32px;
font-weight: 900;
text-transform: uppercase;
color: #ffffff;
background: url(//www.attacksolutions.com/wp-content/themes/attacksolutions/images/logo-bg.png) 0 0 no-repeat;
padding: 0 0 26px 62px;
overflow: hidden;
} .social-icons{
width: 100%;
float: left;
}
.social-icons i{
font-size: 40px;
margin: 0px 3px;
float: right;
}
.contact-info{
width: 100%;
float: left;
padding: 10px 0px;
}
.contact-phone{
margin-top: 0px;
font-size: 15px;
float: right;
padding: 0px 10px;
}
.contact-phone a{
float: right;
} .promo-box {
font-family: 'Roboto', sans-serif;
font-size: 34px;
line-height: 34px;
font-weight: 400;
color: #feea3a;
}
.promo-box em {
font-size: 56px;
line-height: 56px;
}
.promo-box * + p {
margin-top: 19px;
}
.promo-box * + .row {
margin-top: 38px;
}
.action-box {
margin: 0px 0 0 0;
font-family: 'Roboto', sans-serif;
font-size: 34px;
line-height: 34px;
font-weight: 400;
text-align: right;
}
.action-box em {
display: block;
font-size: 150px;
line-height: 146px;
font-weight: 300;
}
@media (max-width: 1199px) {
.action-box em {
font-size: 110px;
}
}
@media (max-width: 979px) {
.action-box em {
font-size: 80px;
}
}
@media (max-width: 1199px) {
.action-box em {
line-height: 110px;
}
}
@media (max-width: 1199px) {
.action-box em {
line-height: 100px;
}
}
.action-box small {
display: block;
font-size: 24px;
line-height: 20px;
font-weight: 400;
}
@media (max-width: 1199px) {
.action-box small {
font-size: 20px;
}
}
.action-box .btn {
display: block;
font-family: 'Roboto', sans-serif;
font-size: 34px;
line-height: 34px;
font-weight: 400;
color: #333333;
padding: 21px 0 23px;
background: #feea3a;
border-radius: 3px;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.29);
}
@media (max-width: 979px) {
.action-box .btn {
font-size: 26px;
}
}
@media (max-width: 979px) {
.action-box .btn {
line-height: 26px;
}
}
* + .action-box .btn {
margin-top: 0px;
}
.action-box .btn:hover {
color: #ffffff;
background: green;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
} main {
display: block;
background: #f2f2f2;
} .well {
padding: 60px 0 59px 0;
} .pricing-section + * {
margin-top: 60px;
}
.pricing-box {
position: relative;
}
.pricing-box_header {
position: relative;
font-family: 'Roboto', sans-serif;
font-size: 24px;
line-height: 24px;
font-weight: 400;
color: #009587;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background: #feea3a;
padding: 19px 30px 9px;
}
.pricing-box_header em {
display: block;
font-size: 56px;
line-height: 70px;
font-weight: 400;
}
@media (max-width: 979px) {
.pricing-box_header em {
font-size: 40px;
}
}
@media (max-width: 979px) {
.pricing-box_header em {
line-height: 60px;
}
}
.pricing-box_header small {
vertical-align: baseline;
font-size: 20px;
font-weight: 400;
}
.pricing-box_header .offer {
top: 99px;
right: 30px;
position: absolute;
width: 66px;
height: 66px;
border-radius: 50%;
overflow: hidden;
background: #009587;
font-family: 'Roboto', sans-serif;
font-size: 20px;
line-height: 20px;
font-weight: 500;
color: #333333;
padding: 14px 0 0 14px;
box-sizing: border-box;
}
.pricing-box_header * + p {
margin-top: 10px;
}
.pricing-box_content {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
background: #ffffff;
padding: 26px 30px 31px;
}
.pricing-box .btn {
display: block;
}
.pricing-box__scheme-2 .pricing-box_header {
color: #ffffff;
background: #009587;
}
.pricing-box__scheme-2 .pricing-box_header h2 {
color: #ffffff;
}
.pricing-box__scheme-2 .pricing-box_header em {
color: #feea3a;
}
.pricing-box__scheme-2 .pricing-box_header small {
color: #ffffff;
}
.pricing-box__scheme-2 .pricing-box_header .offer {
background: #feea3a;
}
.pricing-box__scheme-3 .pricing-box_header {
color: #ffffff;
background: #f34235;
}
.pricing-box__scheme-3 .pricing-box_header h2 {
color: #ffffff;
}
.pricing-box__scheme-3 .pricing-box_header em {
color: #feea3a;
}
.pricing-box__scheme-3 .pricing-box_header small {
color: #ffffff;
}
.pricing-box__scheme-3 .pricing-box_header .offer {
background: #feea3a;
}
.pricing-box__scheme-5 .pricing-box_header {
color: #ffffff;
background: #009587;
}
.pricing-box__scheme-5 .pricing-box_header h2 {
color: #ffffff;
}
.pricing-box__scheme-5 .pricing-box_header em {
color: #feea3a;
}
.pricing-box__scheme-5 .pricing-box_header small {
color: #ffffff;
}
.pricing-box__scheme-5 .pricing-box_header .offer {
background: #feea3a;
}
.pricing-box__scheme-6 .pricing-box_header {
color: #ffffff;
background: #f34235;
}
.pricing-box__scheme-6 .pricing-box_header h2 {
color: #ffffff;
}
.pricing-box__scheme-6 .pricing-box_header em {
color: #feea3a;
}
.pricing-box__scheme-6 .pricing-box_header small {
color: #ffffff;
}
.pricing-box__scheme-6 .pricing-box_header .offer {
background: #feea3a;
}
.pricing-box__scheme-8 .pricing-box_header {
color: #ffffff;
background: #009587;
}
.pricing-box__scheme-8 .pricing-box_header h2 {
color: #ffffff;
}
.pricing-box__scheme-8 .pricing-box_header em {
color: #feea3a;
}
.pricing-box__scheme-8 .pricing-box_header small {
color: #ffffff;
}
.pricing-box__scheme-8 .pricing-box_header .offer {
background: #feea3a;
}
.pricing-box__scheme-9 .pricing-box_header {
color: #ffffff;
background: #f34235;
}
.pricing-box__scheme-9 .pricing-box_header h2 {
color: #ffffff;
}
.pricing-box__scheme-9 .pricing-box_header em {
color: #feea3a;
}
.pricing-box__scheme-9 .pricing-box_header small {
color: #ffffff;
}
.pricing-box__scheme-9 .pricing-box_header .offer {
background: #feea3a;
}
.pricing-box__scheme-11 .pricing-box_header {
color: #ffffff;
background: #009587;
}
.pricing-box__scheme-11 .pricing-box_header h2 {
color: #ffffff;
}
.pricing-box__scheme-11 .pricing-box_header em {
color: #feea3a;
}
.pricing-box__scheme-11 .pricing-box_header small {
color: #ffffff;
}
.pricing-box__scheme-11 .pricing-box_header .offer {
background: #feea3a;
}
.pricing-box__scheme-12 .pricing-box_header {
color: #ffffff;
background: #f34235;
}
.pricing-box__scheme-12 .pricing-box_header h2 {
color: #ffffff;
}
.pricing-box__scheme-12 .pricing-box_header em {
color: #feea3a;
}
.pricing-box__scheme-12 .pricing-box_header small {
color: #ffffff;
}
.pricing-box__scheme-12 .pricing-box_header .offer {
background: #feea3a;
}
.iconed-section .row + .row {
margin-top: 49px;
}
.testimonial-box {
margin-top: 8px;
margin-bottom: 18px;
}
.testimonial-box .img {
box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.29);
}
.testimonial-box blockquote {
position: relative;
display: block;
font-family: 'Roboto', sans-serif;
font-size: 20px;
line-height: 34px;
font-weight: 500;
margin-top: 21px;
text-indent: 36px;
}
.testimonial-box blockquote:before {
content: "“";
position: absolute;
top: 16px;
left: -40px;
font-size: 60px;
color: #feea3a;
}
.testimonial-box figcaption {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #feea3a;
margin-top: 36px;
}
.subscribe-section {
padding: 37px 0 34px 0;
}
.subscribe-section:before,
.subscribe-section:after {
content: " ";
display: table;
}
.subscribe-section:after {
clear: both;
}
.subscribe-section h2 {
float: left;
padding: 5px 0 0 0;
}
@media (max-width: 1199px) {
.subscribe-section h2 {
float: none;
}
}
@media (max-width: 1199px) {
.subscribe-section h2 {
padding: 0;
}
}
.subscribe-section .subscribe-form {
float: right;
}
@media (max-width: 1199px) {
.subscribe-section .subscribe-form {
float: none;
}
}
@media (max-width: 1199px) {
* + .subscribe-section .subscribe-form {
margin-top: 18px;
}
}
.subscribe-section p {
clear: both;
padding-top: 0px;
line-height: 22px;
font-size: 16px;
} footer {
padding: 35px 0 50px 0;
color: #ffffff;
background: #009587;
}
footer h2 {
font-family: 'Roboto', sans-serif;
font-size: 20px;
line-height: 24px;
font-weight: 900;
color: #ffffff;
text-align: center;
}
footer .list {
color: #feea3a;
}
footer .list li + li {
margin-top: 22px;
}
footer .list a:hover {
text-decoration: underline;
}
footer .address {
position: relative;
padding: 6px 0 0 44px;
font-size: 16px;
}
* + footer .address {
margin-top: 12px;
}
footer .address .icon {
position: absolute;
left: 0;
top: 5px;
font-size: 42px;
line-height: 42px;
color: #feea3a;
}
footer .phone {
position: relative;
padding: 13px 0 0 44px;
font-size: 16px; }
* + footer .phone {
margin-top: 17px;
}
footer .phone + .phone {
margin-top: 20px;
}
footer .phone .icon {
position: absolute;
left: 0;
top: 5px;
font-size: 40px;
line-height: 40px;
color: #feea3a;
}
footer .phone + .phone .icon {
top: -5px;
}
footer .print {
position: relative;
padding: 13px 0 0 44px;
font-size: 16px; }
* + footer .print {
margin-top: 17px;
}
footer .print + .print {
margin-top: 20px;
}
footer .print .icon {
position: absolute;
left: 0;
top: 5px;
font-size: 40px;
line-height: 40px;
color: #feea3a;
}
footer .print + .print .icon {
top: -5px;
}
footer .email {
position: relative;
padding: 13px 0 0 44px;
font-size: 16px; }
* + footer .email {
margin-top: 17px;
}
footer .email + .email {
margin-top: 20px;
}
footer .email .icon {
position: absolute;
left: 0;
top: 5px;
font-size: 40px;
line-height: 40px;
color: #feea3a;
}
footer .email + .email .icon {
top: -5px;
}
footer .socials-list:before,
footer .socials-list:after {
content: " ";
display: table;
}
footer .socials-list:after {
clear: both;
}
* + footer .socials-list {
margin-top: 35px;
}
footer .socials-list li {
float: left;
}
footer .socials-list li + li {
margin-left: 5px;
}
footer .socials-list a {
display: block;
font-size: 15px;
width: 38px;
height: 38px;
line-height: 38px;
color: #ffffff;
background: #047a6f;
border-radius: 50%;
text-align: center;
}
footer .socials-list a:hover {
color: #363f45;
background: #feea3a;
}
* + footer .copyright {
margin-top: 36px;
} .socials-list:before,
.socials-list:after {
content: " ";
display: table;
}
.socials-list:after {
clear: both;
}
* + .socials-list {
margin-top: 35px;
}
.socials-list {
float: right;
}
.socials-list li {
float: left;
}
.socials-list li + li {
margin-left: 5px;
}
.socials-list a {
display: block;
font-size: 25px;
width: 45px;
height: 45px;
line-height: 45px;
color: #009587;
background: #ffffff;
border-radius: 5px;
text-align: center;
}
.socials-list a:hover { }
* + footer .copyright {
margin-top: 36px;
} .row-bottom { padding-bottom: 49px;  }
.row-bottom-remove { padding-bottom: 0px;  }
footer .list ul { margin-top: 23px;  }
.resp-tabs-container .tab-line { width: 50%; float: left;  }
.subscribe-section .es_subscription_form {
float: left; position: relative; display: flex; margin-left: 20px; 
}
.es_subscription_form label {
display: inline-block;
position: relative;
padding: 15.5px 22px 15.5px;
background: #ffffff;
border: none;
border-radius: 3px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.es_subscription_form input {
outline: none;
background-color: transparent;
border: none;
-webkit-appearance: none;
border-radius: 0;
vertical-align: baseline;
box-shadow: none;
color: #888888;
display: block;
padding: 0;
margin: 0;
font-size: 20px;
line-height: 26px;
font-weight: 500;
height: 26px;
}
.es_subscription_form .error {
height: 21px;
}
.es_subscription_form .error {
color: #f00;
overflow: hidden;
height: 0;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.es_subscription_form .error {
position: absolute;
top: 0;
right: 5px;
font-size: 10px;
line-height: 12px;
}
.es_subscription_form .es_subscription_form_submit  {
display: inline-block;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 20px;
line-height: 23px;
font-weight: 500;
color: #ffffff;
padding: 17px 38px;
background: #009587;
border-radius: 3px;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.29);
}
.es_subscription_form .es_subscription_form_submit {
display: inline-block;
margin: 0 0 0 3px;
padding: 17px 40px;
text-align: center;
height: 57px; width: 168px;
}
.es_subscription_form_submit:hover {
color: #ffffff;
background: #006c60;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
cursor: pointer;
}
.es_subscription_form label .es_txt_email { width: 780px;  }
@media (max-width: 1199px) {
.subscribe-section .es_subscription_form { margin-left: 0; margin-top: 20px; } 
.es_subscription_form label .es_txt_email { width: 750px; }
}
@media (max-width: 991px) {
.resp-tabs-container .tab-line { width: 100%; float: none;  }  
.es_subscription_form label .es_txt_email { width: 690px; }
.subscribe-section .es_subscription_form { display: block; margin-bottom: 20px;  }
}
@media (max-width: 767px) {
.es_subscription_form label .es_txt_email { width: 420px; } 
}
@media (max-width: 547px) {
.es_subscription_form label .es_txt_email { width: 225px; } 
}
.text-center{
text-align: center;
margin: 0 auto;
}
.text-justify{
text-align: justify;
}
.text-white{color: #fff !important;}
.text-black{color: #000 !important;}
.mt-0{margin-top: 0px !important;}
.mt-10{margin-top: 10px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mt-40{margin-top: 40px !important;}
.mt-50{margin-top: 50px !important;}
.mt-60{margin-top: 60px !important;}
.mt-70{margin-top: 70px !important;}
.mt-80{margin-top: 80px !important;}
.mt-90{margin-top: 90px !important;}
.mt-100{margin-top: 100px !important;}
.mb-0{margin-bottom: 0px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-60{margin-bottom: 60px !important;}
.mb-70{margin-bottom: 70px !important;}
.mb-80{margin-bottom: 80px !important;}
.mb-90{margin-bottom: 90px !important;}
.mb-100{margin-bottom: 100px !important;}
.pt-0{padding-top: 0px !important;}
.pt-10{padding-top: 10px !important;}
.pt-20{padding-top: 20px !important;}
.pt-30{padding-top: 30px !important;}
.pt-40{padding-top: 40px !important;}
.pt-50{padding-top: 50px !important;}
.pt-60{padding-top: 60px !important;}
.pt-70{padding-top: 70px !important;}
.pt-80{padding-top: 80px !important;}
.pt-90{padding-top: 90px !important;}
.pt-100{padding-top: 100px !important;}
.pb-0{padding-bottom: 0px !important;}
.pb-10{padding-bottom: 10px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-30{padding-bottom: 30px !important;}
.pb-40{padding-bottom: 40px !important;}
.pb-50{padding-bottom: 50px !important;}
.pb-60{padding-bottom: 60px !important;}
.pb-70{padding-bottom: 70px !important;}
.pb-80{padding-bottom: 80px !important;}
.pb-90{padding-bottom: 90px !important;}
.pb-100{padding-bottom: 100px !important;}
#titleIcon-Contact img {
float: left;
width: 50px;
height: 50px;
margin-right: 7px;
position: relative; }
#titleIcon-Contact h1 {
font-size: 35px;
padding: 15px 0px;
margin: 0px 0px 20px 0px;
letter-spacing: -1.3px;
}
.bg-white {
padding: 60px 0 59px 0;
background-color: #fff !important;
position: relative !important;
}
.bg-white-no-padding{
background-color: #fff !important;
}
.section-border{
border: 5px solid #009587;
}
.global-thread-sub-title {
font-family: 'Roboto', sans-serif;
font-size: 27px;
line-height: 30px;
font-weight: 400;
color: #333333 !important;
}
.price-section-title{
font-family: 'Roboto', sans-serif;
font-size: 26px;
line-height: 32px;
font-weight: 400;
}
.terms-sub-title{
font-family: 'Roboto', sans-serif;
font-size: 20px;
line-height: 24px;
font-weight: 900;
color: #009587;
}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
.container-fluid {
width: 100%;
}
.bg-transperant-no-padding{
background-color: transparent;
position: absolute;
width: 100%;
}
@media (max-width: 979px) {
.promo-box em {
font-size: 40px;
line-height: 40px;
font-weight: 900;
}
.promo-box * + p {
margin-top: 10px;
}
.marked-list li + li {
margin-top: 15px;
}
.action-box p span{
font-size: 20px;
}
}
@media (max-width: 767px) {
.social-icons i {
font-size: 40px;
margin: 0px 3px; }
}