@charset "UTF-8";
    html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent; }
a:active,
a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
select {
border: 0; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; } * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html, body {
font: 13px "Open Sans", sans-serif;
font-weight: 300;
color: #000000;
line-height: 1.69231; }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
figure {
margin: 0 0 22px; }
img {
max-width: 100%;
height: auto;
vertical-align: bottom; }
a {
text-decoration: none; }
a:hover {
text-decoration: none; }
.fluid-width-video-wrapper {
margin-bottom: 22px; }
html .align-left {
display: table;
margin-right: auto; }
html .align-right {
display: table;
margin-left: auto; }
html .align-center {
display: table;
margin-left: auto;
margin-right: auto; }
html .no-margin {
margin: 0; }
html .text-left {
text-align: left; }
html .text-right {
text-align: right; }
html .text-center {
text-align: center; }
.clean-list, .inline-list, .inline-list > li ul {
padding: 0;
margin: 0;
list-style: none; }
.clean-list *, .inline-list *, .inline-list > li ul * {
list-style: none; }
.inline-list:before, .inline-list:after {
content: " ";
display: table; }
.inline-list:after {
clear: both; }
.inline-list > li {
float: left; }
.uppercase {
text-transform: uppercase; }
html .font-2x {
font-size: 2em !important; }
html .font-3x {
font-size: 3em !important; }
html .font-4x {
font-size: 4em !important; }
html .font-5x {
font-size: 5em !important; }
html .font-6x {
font-size: 6em !important; }
html .font-7x {
font-size: 7em !important; }
html .font-8x {
font-size: 8em !important; }
html .font-9x {
font-size: 9em !important; }
html .font-10x {
font-size: 10em !important; }
html .font--1x {
font-size: 1em !important; }
html .font--2x {
font-size: 0.5em !important; }
html .font--3x {
font-size: 0.33em !important; }
html .font-20 {
font-size: 17.6px !important; }
@media (max-width: 992px) {
i.font-2x {
font-size: 1.2em; } }
hr {
margin: 22px 0;
border: none;
background: #adadad;
height: 1px; }
.hr-10 {
width: 10%;
max-width: 44px; }
.hr-20 {
width: 20%; }
.hr-air {
margin: 66px 0; }
html .space-1x {
padding-top: 22px; }
html .space-2x {
padding-top: 44px; }
html .space-3x {
padding-top: 66px; }
html .space-4x {
padding-top: 88px; }
html .space-5x {
padding-top: 110px; }
html .space-6x {
padding-top: 132px; }
.box {
padding: 7em 0; }
[data-box-img] {
overflow: hidden;
position: relative; }
.box-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
will-change: transform, opacity; }
.box-img > span {
position: absolute;
top: -7em;
right: 0;
bottom: -7em;
left: 0;
background-position: center 0;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.box-text > *:first-child {
margin-top: 0; }
.box-title {
padding: 7em 0 3em 0; }
.box-buttons {
padding: 3em 0 7em 0; }
@media (max-width: 630px) {
.box-buttons .col-xs-6 {
width: 100%;
text-align: center; }
.box-buttons .col-xs-6 a {
display: inline-block;
margin: 11px 0; } }
.box-no-top {
padding-top: 0; }
.box-no-bottom {
padding-bottom: 0; }
.box-sep {
border-bottom: 1px solid #f6f6f6; }
.box-breadcrumbs {
padding: 3.5em 0; }
.arrow-box {
overflow: hidden;
position: relative; }
.arrow-box:after, .arrow-box:before {
content: "";
display: block;
position: absolute;
width: 50%;
height: 22px;
background-color: #ffffff;
bottom: 0;
z-index: 999; }
.arrow-box:after {
right: -14px;
-webkit-transform: skew(-50deg);
-moz-transform: skew(-50deg);
-ms-transform: skew(-50deg);
-o-transform: skew(-50deg);
transform: skew(-50deg); }
.arrow-box:before {
left: -14px;
-webkit-transform: skew(50deg);
-moz-transform: skew(50deg);
-ms-transform: skew(50deg);
-o-transform: skew(50deg);
transform: skew(50deg); }
.text-white {
color: #ffffff; }
.text-black {
color: #000000; }
.text-grey {
color: #adadad; }
.text-light-grey {
color: #f6f6f6; }
.text-alpha {
color: #ee1d24; }
.text-beta {
color: #555555; }
.text-air {
letter-spacing: 3.25px; }
.bg-white {
background-color: #ffffff; }
.bg-black {
background-color: #000000; }
.bg-alpha {
background-color: #ee1d24; }
.bg-alpha-hover:hover {
background-color: #ee1d24;
}
.bg-dark-grey {
background-color: #adadad; }
.bg-light-grey {
background-color: #f6f6f6; }
.bg-light-black {
background-color: #313131; }
.bg-beta {
background-color: #555555; }
html .row-fit {
margin: 0; }
html .row-fit [class*="col-"] {
padding: 0; }
.col-md-05 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
float: left;
width: 100%; }
@media (min-width: 970px) {
.col-md-05 {
width: 20%; } }
[class*="shape-"]:not(.vc_tta):not([class*="-shape-"]) {
padding-top: 100%;
position: relative;
outline: none; }
[class*="shape-"]:not([class*="-shape-"]) > *, [class*="shape-"]:not([class*="-shape-"]) > a > i {
position: absolute;
text-align: center;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto; }
[class*="shape-"] > i:before, [class*="shape-"] > a > i:before {
width: 1em;
height: 1em;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
position: absolute; }
.full-inputs input[type="text"],
.full-inputs input[type="email"],
.full-inputs input[type="search"],
.full-inputs textarea {
display: block;
width: 100%; }
html .make-full {
display: block;
width: 100%; }
iframe[src*="//www.google.com"] {
min-height: 400px;
width: 100%; }
.no-top {
margin-top: 0 !important;
} @font-face {
font-family: "FontAwesome";
src: url(//www.dkthermal.co.uk/wp-content/themes/unik/css/fonts/fontawesome-webfont.eot);
src: url(//www.dkthermal.co.uk/wp-content/themes/unik/css/fonts/fontawesome-webfont.eot) format("embedded-opentype"), url(//www.dkthermal.co.uk/wp-content/themes/unik/css/fonts/fontawesome-webfont.woff) format("woff"), url(//www.dkthermal.co.uk/wp-content/themes/unik/css/fonts/fontawesome-webfont.ttf) format("truetype"), url(//www.dkthermal.co.uk/wp-content/themes/unik/css/fonts/fontawesome-webfont.svg#fontawesomeregular) format("svg");
font-weight: normal;
font-style: normal; }
html .font-alpha {
font-family: "Open Sans", sans-serif; }
html .font-beta {
font-family: "Varela", sans-serif; }
h1, h2, h3, h4, h5, h6 {
margin: 1.414em 0 0.5em;
font-weight: inherit;
font-family: "Varela", sans-serif;
line-height: 1.2; }
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
color: inherit; }
h1 {
margin-top: 0;
font-size: 3.84615em; }
h2 {
font-size: 3.23077em; }
h3 {
font-size: 2.76923em; }
h4 {
font-size: 2.30769em; }
h5 {
font-size: 1.84615em; }
h6 {
font-size: 1.23077em; }
a {
color: #555555; }
a:hover {
color: #ee1d24; }
p {
margin-bottom: 22px; }
b, strong {
font-weight: 600; }
i,
cite,
em,
var,
address,
dfn {
font-style: italic; }
s,
strike,
del {
text-decoration: line-through; }
u {
text-decoration: underline; }
ins {
text-decoration: none;
padding: 0 7.33333px;
background: #f6f6f6; }
ul, ol {
margin: 0 0 22px 0; }
blockquote:not([class]) {
border-left: 3px solid #555555;
margin: 1.5em 0;
padding: .5em 1.5em .5em 2em;
font-size: 1.2em;
font-style: italic;
}
blockquote:not([class]) p:last-child {
margin-bottom: 0;
}
blockquote:not([class]) p:first-child {
margin-top: 0;
}
cite {
text-transform: uppercase;
}
table:not([class]) td, table:not([class]) th {
border: 1px solid #cdcdcd;
padding: .3em 0;
}
dl dt {
text-transform: uppercase;
font-weight: 400;
}
dl dd {
margin: .5em .5em .5em 1.5em;
}
address {
font-size: 1.2em;
}
abbr {
text-transform: uppercase;
}
code, pre {
background: #f6f6f6;
padding: .1em .5em;
color: #555555;
}
.clean-list .post-content > ul * {
list-style: initial;
}
.clean-list .post-content ol * {
list-style: decimal;
}
.single-post .post-content a {
text-decoration: underline;
}
[data-tooltip] {
position: relative;
display: inline-block;
cursor: pointer; }
[data-tooltip]:after {
content: attr(data-tooltip);
position: absolute;
bottom: 100%;
color: #ffffff;
background: #ee1d24;
display: table;
padding: 4.4px 11px;
margin: 0 auto 11px;
white-space: nowrap;
display: none; }
[data-tooltip]:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-top: 11px solid #ee1d24;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
top: -11px;
left: 0;
right: 0;
margin: 0 auto;
display: none; }
[data-tooltip]:hover:after, [data-tooltip]:hover:before {
display: block;
-webkit-animation: 0.3s fadeIn ease forwards;
-moz-animation: 0.3s fadeIn ease forwards;
-o-animation: 0.3s fadeIn ease forwards;
animation: 0.3s fadeIn ease forwards; }
.fancy-title {
margin-bottom: 22px;
overflow: hidden; }
.fancy-title h4 {
margin: 0; }
.fancy-title h6 {
position: relative;
display: table;
margin: 11px auto 0; }
.fancy-title h6:after, .fancy-title h6:before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 1px;
margin: auto 0;
border: 1px solid #adadad;
top: 0;
bottom: 0; }
.fancy-title h6:before {
left: -30px; }
.fancy-title h6:after {
right: -30px; }
.title-bottom {
margin-bottom: 66px; }
.fancy-blockquote {
padding: 22px 22px 22px 110px;
position: relative;
margin: 0; }
.fancy-blockquote > span {
display: block;
width: 33px;
height: 33px;
border: 2px solid currentColor;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 39.6px;
left: 44px;
text-align: center; }
.fancy-blockquote > span:after, .fancy-blockquote > span:before {
content: "";
display: block;
width: 55px;
height: 2px;
background: currentColor;
position: absolute; }
.fancy-blockquote > span:before {
left: -50%;
top: 13px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.fancy-blockquote > span:after {
left: -13px;
top: 50%;
z-index: -1; }
.fancy-blockquote > span > i {
background: #ffffff;
display: block;
height: 29px;
z-index: 2;
position: relative; }
.fancy-blockquote > span > i:before {
line-height: 1em;
display: block;
font-size: 1.2em;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 1em;
height: 1em;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto; }
.fancy-blockquote h5 {
font-size: 18px;
line-height: 1.4em; }
.fancy-blockquote h6 {
margin-bottom: 0;
font-size: 14px; }
.fancy-blockquote > div {
border-left: 5px solid;
padding-left: 22px; }
.boxed-blockquote {
position: relative;
padding: 33px; }
.boxed-blockquote > span {
display: block;
width: 44px;
height: 44px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
outline: 5.5px solid #ffffff;
position: absolute;
top: -22px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center; }
.boxed-blockquote > span > i {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
display: inline-block;
line-height: 44px; }
.drop-cap {
font-size: 3em;
line-height: 55px;
min-width: 55px;
min-height: 55px;
text-align: center;
padding: 0 11px;
margin: 0 18.33333px 11px 0;
float: left;
font-weight: 600; }
.cap-round {
-webkit-border-radius: 50%;
border-radius: 50%; }
.cap-lined {
border: 2px solid #ee1d24; } form {
margin-bottom: 22px; }
form p {
position: relative; }
form p:last-child {
margin-bottom: 0; }
input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=submit],
textarea {
border: 1px solid lightgray;
line-height: 22px;
padding: 11px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: transparent; }
input[type=text] + span,
input[type=email] + span,
input[type=search] + span,
textarea + span {
position: absolute;
top: 11px;
left: 11px;
pointer-events: none;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
input[type=text] + span[class*='col-'],
input[type=email] + span[class*='col-'],
input[type=search] + span[class*='col-'],
textarea + span[class*='col-'] {
left: 22px; }
input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
textarea:focus {
outline: none;
border-color: #f9abae; }
input[type=text]:focus + span,
input[type=email]:focus + span,
input[type=search]:focus + span,
textarea:focus + span {
top: -7.33333px;
color: #ee1d24;
font-size: 0.9em; }
.has-content + span {
top: -7.33333px !important;
font-size: 0.9em;
color: #c3c3c3; }
textarea {
min-height: 110px;
resize: vertical; }
.slim-form input[type=text],
.slim-form input[type=email],
.slim-form input[type=search],
.slim-form textarea {
border-width: 0 0 1px 0; }
.strip-input {
border: none;
padding: 0;
margin: 0;
background: none; }
.strip-input:focus {
outline: none; }
.post-password-form {
display: table;
margin: 5em auto;
}
input[type=submit] {
background: #555555;
color: #ffffff;
border: none;
}
.post-password-form input {
display: block;
width: 100%;
margin: 2em 0;
text-align: center;
}
.subscribe-form {
position: relative;
}
.subscribe-form #result_container {
position: absolute;
top: 34px;
right: 0;
z-index: 1;
background: #ffffff;
padding-left: 3px;
font-size: 11px;
}
.required_error {
border-color: #ee1d24 !important;
} .container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container:before, .container:after {
content: " ";
display: table; }
.container:after {
clear: both; }
@media (min-width: 768px) {
.container {
width: 750px; } }
@media (min-width: 992px) {
.container {
width: 970px; } }
@media (min-width: 1200px) {
.container {
width: 1170px; } }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container-fluid:before, .container-fluid:after {
content: " ";
display: table; }
.container-fluid:after {
clear: both; }
.row {
margin-left: -15px;
margin-right: -15px; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left; }
.col-xs-1 {
width: 8.33333%; }
.col-xs-2 {
width: 16.66667%; }
.col-xs-3 {
width: 25%; }
.col-xs-4 {
width: 33.33333%; }
.col-xs-5 {
width: 41.66667%; }
.col-xs-6 {
width: 50%; }
.col-xs-7 {
width: 58.33333%; }
.col-xs-8 {
width: 66.66667%; }
.col-xs-9 {
width: 75%; }
.col-xs-10 {
width: 83.33333%; }
.col-xs-11 {
width: 91.66667%; }
.col-xs-12 {
width: 100%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-pull-1 {
right: 8.33333%; }
.col-xs-pull-2 {
right: 16.66667%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-4 {
right: 33.33333%; }
.col-xs-pull-5 {
right: 41.66667%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-7 {
right: 58.33333%; }
.col-xs-pull-8 {
right: 66.66667%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-10 {
right: 83.33333%; }
.col-xs-pull-11 {
right: 91.66667%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-push-0 {
left: auto; }
.col-xs-push-1 {
left: 8.33333%; }
.col-xs-push-2 {
left: 16.66667%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-4 {
left: 33.33333%; }
.col-xs-push-5 {
left: 41.66667%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-7 {
left: 58.33333%; }
.col-xs-push-8 {
left: 66.66667%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-10 {
left: 83.33333%; }
.col-xs-push-11 {
left: 91.66667%; }
.col-xs-push-12 {
left: 100%; }
.col-xs-offset-0 {
margin-left: 0%; }
.col-xs-offset-1 {
margin-left: 8.33333%; }
.col-xs-offset-2 {
margin-left: 16.66667%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-4 {
margin-left: 33.33333%; }
.col-xs-offset-5 {
margin-left: 41.66667%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-7 {
margin-left: 58.33333%; }
.col-xs-offset-8 {
margin-left: 66.66667%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-10 {
margin-left: 83.33333%; }
.col-xs-offset-11 {
margin-left: 91.66667%; }
.col-xs-offset-12 {
margin-left: 100%; }
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; }
.col-sm-1 {
width: 8.33333%; }
.col-sm-2 {
width: 16.66667%; }
.col-sm-3 {
width: 25%; }
.col-sm-4 {
width: 33.33333%; }
.col-sm-5 {
width: 41.66667%; }
.col-sm-6 {
width: 50%; }
.col-sm-7 {
width: 58.33333%; }
.col-sm-8 {
width: 66.66667%; }
.col-sm-9 {
width: 75%; }
.col-sm-10 {
width: 83.33333%; }
.col-sm-11 {
width: 91.66667%; }
.col-sm-12 {
width: 100%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-pull-1 {
right: 8.33333%; }
.col-sm-pull-2 {
right: 16.66667%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-4 {
right: 33.33333%; }
.col-sm-pull-5 {
right: 41.66667%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-7 {
right: 58.33333%; }
.col-sm-pull-8 {
right: 66.66667%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-10 {
right: 83.33333%; }
.col-sm-pull-11 {
right: 91.66667%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-push-0 {
left: auto; }
.col-sm-push-1 {
left: 8.33333%; }
.col-sm-push-2 {
left: 16.66667%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-4 {
left: 33.33333%; }
.col-sm-push-5 {
left: 41.66667%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-7 {
left: 58.33333%; }
.col-sm-push-8 {
left: 66.66667%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-10 {
left: 83.33333%; }
.col-sm-push-11 {
left: 91.66667%; }
.col-sm-push-12 {
left: 100%; }
.col-sm-offset-0 {
margin-left: 0%; }
.col-sm-offset-1 {
margin-left: 8.33333%; }
.col-sm-offset-2 {
margin-left: 16.66667%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-4 {
margin-left: 33.33333%; }
.col-sm-offset-5 {
margin-left: 41.66667%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-7 {
margin-left: 58.33333%; }
.col-sm-offset-8 {
margin-left: 66.66667%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-10 {
margin-left: 83.33333%; }
.col-sm-offset-11 {
margin-left: 91.66667%; }
.col-sm-offset-12 {
margin-left: 100%; } }
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left; }
.col-md-1 {
width: 8.33333%; }
.col-md-2 {
width: 16.66667%; }
.col-md-3 {
width: 25%; }
.col-md-4 {
width: 33.33333%; }
.col-md-5 {
width: 41.66667%; }
.col-md-6 {
width: 50%; }
.col-md-7 {
width: 58.33333%; }
.col-md-8 {
width: 66.66667%; }
.col-md-9 {
width: 75%; }
.col-md-10 {
width: 83.33333%; }
.col-md-11 {
width: 91.66667%; }
.col-md-12 {
width: 100%; }
.col-md-pull-0 {
right: auto; }
.col-md-pull-1 {
right: 8.33333%; }
.col-md-pull-2 {
right: 16.66667%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-4 {
right: 33.33333%; }
.col-md-pull-5 {
right: 41.66667%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-7 {
right: 58.33333%; }
.col-md-pull-8 {
right: 66.66667%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-10 {
right: 83.33333%; }
.col-md-pull-11 {
right: 91.66667%; }
.col-md-pull-12 {
right: 100%; }
.col-md-push-0 {
left: auto; }
.col-md-push-1 {
left: 8.33333%; }
.col-md-push-2 {
left: 16.66667%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-4 {
left: 33.33333%; }
.col-md-push-5 {
left: 41.66667%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-7 {
left: 58.33333%; }
.col-md-push-8 {
left: 66.66667%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-10 {
left: 83.33333%; }
.col-md-push-11 {
left: 91.66667%; }
.col-md-push-12 {
left: 100%; }
.col-md-offset-0 {
margin-left: 0%; }
.col-md-offset-1 {
margin-left: 8.33333%; }
.col-md-offset-2 {
margin-left: 16.66667%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-4 {
margin-left: 33.33333%; }
.col-md-offset-5 {
margin-left: 41.66667%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-7 {
margin-left: 58.33333%; }
.col-md-offset-8 {
margin-left: 66.66667%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-10 {
margin-left: 83.33333%; }
.col-md-offset-11 {
margin-left: 91.66667%; }
.col-md-offset-12 {
margin-left: 100%; } }
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; }
.col-lg-1 {
width: 8.33333%; }
.col-lg-2 {
width: 16.66667%; }
.col-lg-3 {
width: 25%; }
.col-lg-4 {
width: 33.33333%; }
.col-lg-5 {
width: 41.66667%; }
.col-lg-6 {
width: 50%; }
.col-lg-7 {
width: 58.33333%; }
.col-lg-8 {
width: 66.66667%; }
.col-lg-9 {
width: 75%; }
.col-lg-10 {
width: 83.33333%; }
.col-lg-11 {
width: 91.66667%; }
.col-lg-12 {
width: 100%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-pull-1 {
right: 8.33333%; }
.col-lg-pull-2 {
right: 16.66667%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-4 {
right: 33.33333%; }
.col-lg-pull-5 {
right: 41.66667%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-7 {
right: 58.33333%; }
.col-lg-pull-8 {
right: 66.66667%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-10 {
right: 83.33333%; }
.col-lg-pull-11 {
right: 91.66667%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-push-0 {
left: auto; }
.col-lg-push-1 {
left: 8.33333%; }
.col-lg-push-2 {
left: 16.66667%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-4 {
left: 33.33333%; }
.col-lg-push-5 {
left: 41.66667%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-7 {
left: 58.33333%; }
.col-lg-push-8 {
left: 66.66667%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-10 {
left: 83.33333%; }
.col-lg-push-11 {
left: 91.66667%; }
.col-lg-push-12 {
left: 100%; }
.col-lg-offset-0 {
margin-left: 0%; }
.col-lg-offset-1 {
margin-left: 8.33333%; }
.col-lg-offset-2 {
margin-left: 16.66667%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-4 {
margin-left: 33.33333%; }
.col-lg-offset-5 {
margin-left: 41.66667%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-7 {
margin-left: 58.33333%; }
.col-lg-offset-8 {
margin-left: 66.66667%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-10 {
margin-left: 83.33333%; }
.col-lg-offset-11 {
margin-left: 91.66667%; }
.col-lg-offset-12 {
margin-left: 100%; } }  [class^="button-"] {
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: "Varela", sans-serif; }
[class^="button-"].bg-alpha {
color: #ffffff; }
[class^="button-"].bg-alpha:hover, [class^="button-"].bg-alpha:focus {
background: rgba(238, 29, 36, 0.8); }
[class^="button-"]:active {
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); }
[class^="button-"]:focus {
outline: none; }
button[class^="button-"] {
border: none; }
.button-sm {
padding: 8.8px 22px; }
.button-md {
padding: 11px 33px;
font-size: 1.1em; }
.button-lg {
padding: 14.66667px 55px;
font-size: 1.2em; }
.button-xlg {
padding: 22px 77px;
font-size: 1.3em; }
.button-min-value {
min-width: 220px;
text-align: center; }
.button-outline {
-webkit-box-shadow: inset 0 0 0 1px currentColor;
box-shadow: inset 0 0 0 1px currentColor;
background: transparent; }
.button-outline.text-white:hover {
color: #b3b3b3; }
.button-outline.text-white:focus {
color: #d9d9d9; }
button.button-outline {
-webkit-box-shadow: 0 0 0 1px lightgray !important;
box-shadow: 0 0 0 1px lightgray !important; }
button.button-outline:hover {
background: #ee1d24;
color: #ffffff; } @-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
@-moz-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-moz-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
@-o-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0); }
40%, 43% {
-o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0); }
70% {
-o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0); }
90% {
transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
-moz-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
-moz-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
-moz-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@-moz-keyframes flash {
0%, 50%, 100% {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@-o-keyframes flash {
0%, 50%, 100% {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
0%, 50%, 100% {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@-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); } }
@-moz-keyframes pulse {
0% {
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-moz-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
100% {
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@-o-keyframes pulse {
0% {
transform: scale3d(1, 1, 1); }
50% {
transform: scale3d(1.05, 1.05, 1.05); }
100% {
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-moz-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
100% {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@-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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@-moz-keyframes rubberBand {
0% {
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-moz-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-moz-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-moz-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-moz-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-moz-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
100% {
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@-o-keyframes rubberBand {
0% {
transform: scale3d(1, 1, 1); }
30% {
transform: scale3d(1.25, 0.75, 1); }
40% {
transform: scale3d(0.75, 1.25, 1); }
50% {
transform: scale3d(1.15, 0.85, 1); }
65% {
transform: scale3d(0.95, 1.05, 1); }
75% {
transform: scale3d(1.05, 0.95, 1); }
100% {
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
-moz-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
-moz-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
-moz-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
-moz-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
-moz-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
100% {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@-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); } }
@-moz-keyframes shake {
0%, 100% {
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-moz-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-moz-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@-o-keyframes shake {
0%, 100% {
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
-moz-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
-moz-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@-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); } }
@-moz-keyframes swing {
20% {
-moz-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-moz-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-moz-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-moz-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
100% {
-moz-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@-o-keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg); }
40% {
transform: rotate3d(0, 0, 1, -10deg); }
60% {
transform: rotate3d(0, 0, 1, 5deg); }
80% {
transform: rotate3d(0, 0, 1, -5deg); }
100% {
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
-moz-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
-moz-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
-moz-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
-moz-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
-moz-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.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); } }
@-moz-keyframes tada {
0% {
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-moz-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% {
-moz-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% {
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@-o-keyframes tada {
0% {
transform: scale3d(1, 1, 1); }
10%, 20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
100% {
transform: scale3d(1, 1, 1); } }
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-moz-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);
-moz-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);
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@-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; } }
@-moz-keyframes wobble {
0% {
-moz-transform: none;
transform: none; }
15% {
-moz-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-moz-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-moz-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-moz-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
100% {
-moz-transform: none;
transform: none; } }
@-o-keyframes wobble {
0% {
-o-transform: none;
transform: none; }
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
100% {
-o-transform: none;
transform: none; } }
@keyframes wobble {
0% {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-moz-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);
-moz-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);
-moz-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);
-moz-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);
-moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
100% {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; } }
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@-moz-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-moz-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-moz-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-moz-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-moz-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
100% {
opacity: 1;
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@-o-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
20% {
transform: scale3d(1.1, 1.1, 1.1); }
40% {
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03); }
80% {
transform: scale3d(0.97, 0.97, 0.97); }
100% {
opacity: 1;
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-moz-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-moz-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
-moz-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
-moz-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
100% {
-webkit-transform: none;
transform: none; } }
@-moz-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-moz-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-moz-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-moz-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-moz-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
100% {
-moz-transform: none;
transform: none; } }
@-o-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, 25px, 0); }
75% {
transform: translate3d(0, -10px, 0); }
90% {
transform: translate3d(0, 5px, 0); }
100% {
-o-transform: none;
transform: none; } }
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
-moz-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-moz-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
-moz-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
100% {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; } }
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
100% {
-webkit-transform: none;
transform: none; } }
@-moz-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-moz-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-moz-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-moz-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-moz-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
100% {
-moz-transform: none;
transform: none; } }
@-o-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(25px, 0, 0); }
75% {
transform: translate3d(-10px, 0, 0); }
90% {
transform: translate3d(5px, 0, 0); }
100% {
-o-transform: none;
transform: none; } }
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
-moz-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-moz-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-moz-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
-moz-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
100% {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; } }
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
100% {
-webkit-transform: none;
transform: none; } }
@-moz-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-moz-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-moz-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-moz-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-moz-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
100% {
-moz-transform: none;
transform: none; } }
@-o-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0); }
75% {
transform: translate3d(10px, 0, 0); }
90% {
transform: translate3d(-5px, 0, 0); }
100% {
-o-transform: none;
transform: none; } }
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
-moz-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-moz-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
-moz-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-moz-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
100% {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; } }
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@-moz-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-moz-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-moz-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-moz-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-moz-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
100% {
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@-o-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
75% {
transform: translate3d(0, 10px, 0); }
90% {
transform: translate3d(0, -5px, 0); }
100% {
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
-moz-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-moz-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
-moz-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
100% {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@-moz-keyframes bounceOut {
20% {
-moz-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
-moz-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
100% {
opacity: 0;
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@-o-keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1); }
100% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-moz-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-moz-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@-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); } }
@-moz-keyframes bounceOutDown {
20% {
-moz-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-moz-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
100% {
opacity: 0;
-moz-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@-o-keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
100% {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-moz-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-moz-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@-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); } }
@-moz-keyframes bounceOutLeft {
20% {
opacity: 1;
-moz-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
100% {
opacity: 0;
-moz-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@-o-keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0); }
100% {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
-moz-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-moz-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@-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); } }
@-moz-keyframes bounceOutRight {
20% {
opacity: 1;
-moz-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
100% {
opacity: 0;
-moz-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@-o-keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0); }
100% {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
-moz-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-moz-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@-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); } }
@-moz-keyframes bounceOutUp {
20% {
-moz-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-moz-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
100% {
opacity: 0;
-moz-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@-o-keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0); }
100% {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
-moz-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-moz-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-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; } }
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
100% {
opacity: 1;
-moz-transform: none;
transform: none; } }
@-o-keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0); }
100% {
opacity: 1;
-o-transform: none;
transform: none; } }
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; } }
@-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; } }
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
100% {
opacity: 1;
-moz-transform: none;
transform: none; } }
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translate3d(0, -2000px, 0); }
100% {
opacity: 1;
-o-transform: none;
transform: none; } }
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-moz-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; } }
@-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; } }
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
100% {
opacity: 1;
-moz-transform: none;
transform: none; } }
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0); }
100% {
opacity: 1;
-o-transform: none;
transform: none; } }
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; } }
@-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; } }
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
100% {
opacity: 1;
-moz-transform: none;
transform: none; } }
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translate3d(-2000px, 0, 0); }
100% {
opacity: 1;
-o-transform: none;
transform: none; } }
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-moz-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; } }
@-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; } }
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
100% {
opacity: 1;
-moz-transform: none;
transform: none; } }
@-o-keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0); }
100% {
opacity: 1;
-o-transform: none;
transform: none; } }
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; } }
@-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; } }
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
100% {
opacity: 1;
-moz-transform: none;
transform: none; } }
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translate3d(2000px, 0, 0); }
100% {
opacity: 1;
-o-transform: none;
transform: none; } }
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-moz-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; } }
@-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; } }
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
100% {
opacity: 1;
-moz-transform: none;
transform: none; } }
@-o-keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0); }
100% {
opacity: 1;
-o-transform: none;
transform: none; } }
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; } }
@-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; } }
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
100% {
opacity: 1;
-moz-transform: none;
transform: none; } }
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translate3d(0, 2000px, 0); }
100% {
opacity: 1;
-o-transform: none;
transform: none; } }
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-moz-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@-moz-keyframes fadeOutDown {
0% {
opacity: 1; }
100% {
opacity: 0;
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@-o-keyframes fadeOutDown {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-moz-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-moz-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1; }
100% {
opacity: 0;
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@-o-keyframes fadeOutLeft {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-moz-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-moz-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@-moz-keyframes fadeOutRight {
0% {
opacity: 1; }
100% {
opacity: 0;
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@-o-keyframes fadeOutRight {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-moz-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-moz-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@-moz-keyframes fadeOutUp {
0% {
opacity: 1; }
100% {
opacity: 0;
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@-o-keyframes fadeOutUp {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-moz-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-moz-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@-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(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.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; } }
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-moz-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
-moz-transform: perspective(400px);
transform: perspective(400px);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@-o-keyframes flip {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
transform: perspective(400px);
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-moz-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;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-moz-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;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-moz-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@-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); } }
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-moz-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% {
-moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-moz-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% {
-moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% {
-moz-transform: perspective(400px);
transform: perspective(400px); } }
@-o-keyframes flipInX {
0% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% {
transform: perspective(400px); } }
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-moz-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);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px); } }
@-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); } }
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-moz-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% {
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-moz-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% {
-moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% {
-moz-transform: perspective(400px);
transform: perspective(400px); } }
@-o-keyframes flipInY {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% {
transform: perspective(400px); } }
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-moz-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);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px); } }
@-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; } }
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px);
transform: perspective(400px); }
30% {
-moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
100% {
-moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@-o-keyframes flipOutX {
0% {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
100% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-moz-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);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@-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; } }
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px);
transform: perspective(400px); }
30% {
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
100% {
-moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@-o-keyframes flipOutY {
0% {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
100% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-moz-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);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@-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; } }
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-moz-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-moz-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
100% {
-moz-transform: none;
transform: none;
opacity: 1; } }
@-o-keyframes lightSpeedIn {
0% {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-o-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-o-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
100% {
-o-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
-moz-transform: skewX(20deg);
-o-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
-moz-transform: skewX(-5deg);
-o-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
100% {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
opacity: 1; } }
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1; }
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@-moz-keyframes lightSpeedOut {
0% {
opacity: 1; }
100% {
-moz-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@-o-keyframes lightSpeedOut {
0% {
opacity: 1; }
100% {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
0% {
opacity: 1; }
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-moz-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@-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; } }
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center;
transform-origin: center;
-moz-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
100% {
-moz-transform-origin: center;
transform-origin: center;
-moz-transform: none;
transform: none;
opacity: 1; } }
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center;
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
100% {
-o-transform-origin: center;
transform-origin: center;
-o-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
-moz-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
100% {
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
opacity: 1; } }
@-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; } }
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
-moz-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
100% {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
-moz-transform: none;
transform: none;
opacity: 1; } }
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
100% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-o-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-moz-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
opacity: 1; } }
@-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; } }
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
-moz-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
-moz-transform: none;
transform: none;
opacity: 1; } }
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-o-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-moz-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
opacity: 1; } }
@-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; } }
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
-moz-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
-moz-transform: none;
transform: none;
opacity: 1; } }
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-o-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-moz-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
opacity: 1; } }
@-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; } }
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
-moz-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
100% {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
-moz-transform: none;
transform: none;
opacity: 1; } }
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
100% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-o-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
-moz-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
opacity: 1; } }
@-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; } }
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center;
transform-origin: center;
opacity: 1; }
100% {
-moz-transform-origin: center;
transform-origin: center;
-moz-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center;
transform-origin: center;
opacity: 1; }
100% {
-o-transform-origin: center;
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
opacity: 1; }
100% {
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
-moz-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
-moz-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-moz-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@-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; } }
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
-moz-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-moz-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@-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; } }
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
-moz-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-moz-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@-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; } }
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
-moz-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
-moz-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-moz-keyframes slideInDown {
0% {
-moz-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible; }
100% {
-moz-transform: translateY(0);
transform: translateY(0); } }
@-o-keyframes slideInDown {
0% {
-o-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible; }
100% {
-o-transform: translateY(0);
transform: translateY(0); } }
@keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible; }
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-moz-keyframes slideInLeft {
0% {
-moz-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible; }
100% {
-moz-transform: translateX(0);
transform: translateX(0); } }
@-o-keyframes slideInLeft {
0% {
-o-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible; }
100% {
-o-transform: translateX(0);
transform: translateX(0); } }
@keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible; }
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-moz-keyframes slideInRight {
0% {
-moz-transform: translateX(100%);
transform: translateX(100%);
visibility: visible; }
100% {
-moz-transform: translateX(0);
transform: translateX(0); } }
@-o-keyframes slideInRight {
0% {
-o-transform: translateX(100%);
transform: translateX(100%);
visibility: visible; }
100% {
-o-transform: translateX(0);
transform: translateX(0); } }
@keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
visibility: visible; }
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-moz-keyframes slideInUp {
0% {
-moz-transform: translateY(100%);
transform: translateY(100%);
visibility: visible; }
100% {
-moz-transform: translateY(0);
transform: translateY(0); } }
@-o-keyframes slideInUp {
0% {
-o-transform: translateY(100%);
transform: translateY(100%);
visibility: visible; }
100% {
-o-transform: translateY(0);
transform: translateY(0); } }
@keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
visibility: visible; }
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%); } }
@-moz-keyframes slideOutDown {
0% {
-moz-transform: translateY(0);
transform: translateY(0); }
100% {
visibility: hidden;
-moz-transform: translateY(100%);
transform: translateY(100%); } }
@-o-keyframes slideOutDown {
0% {
-o-transform: translateY(0);
transform: translateY(0); }
100% {
visibility: hidden;
-o-transform: translateY(100%);
transform: translateY(100%); } }
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); } }
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%); } }
@-moz-keyframes slideOutLeft {
0% {
-moz-transform: translateX(0);
transform: translateX(0); }
100% {
visibility: hidden;
-moz-transform: translateX(-100%);
transform: translateX(-100%); } }
@-o-keyframes slideOutLeft {
0% {
-o-transform: translateX(0);
transform: translateX(0); }
100% {
visibility: hidden;
-o-transform: translateX(-100%);
transform: translateX(-100%); } }
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); } }
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%); } }
@-moz-keyframes slideOutRight {
0% {
-moz-transform: translateX(0);
transform: translateX(0); }
100% {
visibility: hidden;
-moz-transform: translateX(100%);
transform: translateX(100%); } }
@-o-keyframes slideOutRight {
0% {
-o-transform: translateX(0);
transform: translateX(0); }
100% {
visibility: hidden;
-o-transform: translateX(100%);
transform: translateX(100%); } }
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); } }
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%); } }
@-moz-keyframes slideOutUp {
0% {
-moz-transform: translateY(0);
transform: translateY(0); }
100% {
visibility: hidden;
-moz-transform: translateY(-100%);
transform: translateY(-100%); } }
@-o-keyframes slideOutUp {
0% {
-o-transform: translateY(0);
transform: translateY(0); }
100% {
visibility: hidden;
-o-transform: translateY(-100%);
transform: translateY(-100%); } }
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%); } }
@-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; } }
@-moz-keyframes hinge {
0% {
-moz-transform-origin: top left;
transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-moz-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-moz-transform-origin: top left;
transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-moz-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-moz-transform-origin: top left;
transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
100% {
-moz-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@-o-keyframes hinge {
0% {
-o-transform-origin: top left;
transform-origin: top left;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
-o-transform-origin: top left;
transform-origin: top left;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
-o-transform-origin: top left;
transform-origin: top left;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
100% {
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
-moz-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
-moz-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
100% {
-webkit-transform: translate3d(0, 700px, 0);
-moz-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@-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; } }
@-moz-keyframes rollIn {
0% {
opacity: 0;
-moz-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
100% {
opacity: 1;
-moz-transform: none;
transform: none; } }
@-o-keyframes rollIn {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
100% {
opacity: 1;
-o-transform: none;
transform: none; } }
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-moz-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;
-moz-transform: none;
-o-transform: none;
transform: none; } }
@-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); } }
@-moz-keyframes rollOut {
0% {
opacity: 1; }
100% {
opacity: 0;
-moz-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@-o-keyframes rollOut {
0% {
opacity: 1; }
100% {
opacity: 0;
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);
-moz-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@-moz-keyframes zoomIn {
0% {
opacity: 0;
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@-o-keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-moz-keyframes zoomInDown {
0% {
opacity: 0;
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-o-keyframes zoomInDown {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-moz-keyframes zoomInLeft {
0% {
opacity: 0;
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-o-keyframes zoomInLeft {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-moz-keyframes zoomInRight {
0% {
opacity: 0;
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-o-keyframes zoomInRight {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-moz-keyframes zoomInUp {
0% {
opacity: 0;
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-o-keyframes zoomInUp {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-webkit-keyframes zoomOut {
0% {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
100% {
opacity: 0; } }
@-moz-keyframes zoomOut {
0% {
opacity: 1; }
50% {
opacity: 0;
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
100% {
opacity: 0; } }
@-o-keyframes zoomOut {
0% {
opacity: 1; }
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
100% {
opacity: 0; } }
@keyframes zoomOut {
0% {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
100% {
opacity: 0; } }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-moz-keyframes zoomOutDown {
40% {
opacity: 1;
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-moz-transform-origin: center bottom;
transform-origin: center bottom;
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-o-keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-o-transform-origin: center bottom;
transform-origin: center bottom;
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@-moz-keyframes zoomOutLeft {
40% {
opacity: 1;
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
100% {
opacity: 0;
-moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-moz-transform-origin: left center;
transform-origin: left center; } }
@-o-keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
100% {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
-o-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
-moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; } }
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@-moz-keyframes zoomOutRight {
40% {
opacity: 1;
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
100% {
opacity: 0;
-moz-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-moz-transform-origin: right center;
transform-origin: right center; } }
@-o-keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
100% {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
-o-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
-moz-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center; } }
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-moz-keyframes zoomOutUp {
40% {
opacity: 1;
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-moz-transform-origin: center bottom;
transform-origin: center bottom;
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@-o-keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-o-transform-origin: center bottom;
transform-origin: center bottom;
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } [class*="icon-"]:not([class*="-icon-"]), .breadcrumbs-links li:after {
display: inline-block;
font: normal normal normal 13px "FontAwesome";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-1:before {
content: ""; }
.icon-2:before {
content: ""; }
.icon-3:before {
content: ""; }
.icon-4:before {
content: ""; }
.icon-5:before {
content: ""; }
.icon-6:before {
content: ""; }
.icon-7:before {
content: ""; }
.icon-8:before {
content: ""; }
.icon-9:before {
content: ""; }
.icon-10:before {
content: ""; }
.icon-11:before {
content: ""; }
.icon-12:before {
content: ""; }
.icon-13:before {
content: ""; }
.icon-14:before {
content: ""; }
.icon-15:before {
content: ""; }
.icon-16:before {
content: ""; }
.icon-17:before {
content: ""; }
.icon-18:before {
content: ""; }
.icon-19:before {
content: ""; }
.icon-20:before {
content: ""; }
.icon-21:before {
content: ""; }
.icon-22:before {
content: ""; }
.icon-23:before {
content: ""; }
.icon-24:before {
content: ""; }
.icon-25:before {
content: ""; }
.icon-26:before {
content: ""; }
.icon-27:before {
content: ""; }
.icon-28:before {
content: ""; }
.icon-29:before {
content: ""; }
.icon-30:before {
content: ""; }
.icon-31:before {
content: ""; }
.icon-32:before {
content: ""; }
.icon-33:before {
content: ""; }
.icon-34:before {
content: ""; }
.icon-35:before {
content: ""; }
.icon-36:before {
content: ""; }
.icon-37:before {
content: ""; }
.icon-38:before {
content: ""; }
.icon-39:before {
content: ""; }
.icon-40:before {
content: ""; }
.icon-41:before {
content: ""; }
.icon-42:before {
content: ""; }
.icon-43:before {
content: ""; }
.icon-44:before {
content: ""; }
.icon-45:before {
content: ""; }
.icon-46:before {
content: ""; }
.icon-47:before {
content: ""; }
.icon-48:before {
content: ""; }
.icon-49:before {
content: ""; }
.icon-50:before {
content: ""; }
.icon-51:before {
content: ""; }
.icon-52:before {
content: ""; }
.icon-53:before {
content: ""; }
.icon-54:before {
content: ""; }
.icon-55:before {
content: ""; }
.icon-56:before {
content: ""; }
.icon-57:before {
content: ""; }
.icon-58:before {
content: ""; }
.icon-59:before {
content: ""; }
.icon-60:before {
content: ""; }
.icon-61:before {
content: ""; }
.icon-62:before {
content: ""; }
.icon-63:before {
content: ""; }
.icon-64:before {
content: ""; }
.icon-65:before {
content: ""; }
.icon-66:before {
content: ""; }
.icon-67:before {
content: ""; }
.icon-68:before {
content: ""; }
.icon-69:before {
content: ""; }
.icon-70:before {
content: ""; }
.icon-71:before {
content: ""; }
.icon-72:before {
content: ""; }
.icon-73:before {
content: ""; }
.icon-74:before {
content: ""; }
.icon-75:before {
content: ""; }
.icon-76:before {
content: ""; }
.icon-77:before {
content: ""; }
.icon-78:before {
content: ""; }
.icon-79:before {
content: ""; }
.icon-80:before {
content: ""; }
.icon-81:before {
content: ""; }
.icon-82:before {
content: ""; }
.icon-83:before {
content: ""; }
.icon-84:before {
content: ""; }
.icon-85:before {
content: ""; }
.icon-86:before {
content: ""; }
.icon-87:before {
content: ""; }
.icon-88:before {
content: ""; }
.icon-89:before {
content: ""; }
.icon-90:before {
content: ""; }
.icon-91:before {
content: ""; }
.icon-92:before {
content: ""; }
.icon-93:before {
content: ""; }
.icon-94:before {
content: ""; }
.icon-95:before {
content: ""; }
.icon-96:before {
content: ""; }
.icon-97:before {
content: ""; }
.icon-98:before {
content: ""; }
.icon-99:before {
content: ""; }
.icon-100:before {
content: ""; }
.icon-101:before {
content: ""; }
.icon-102:before {
content: ""; }
.icon-103:before {
content: ""; }
.icon-104:before {
content: ""; }
.icon-105:before {
content: ""; }
.icon-106:before {
content: ""; }
.icon-107:before {
content: ""; }
.icon-108:before {
content: ""; }
.icon-109:before {
content: ""; }
.icon-110:before {
content: ""; }
.icon-111:before {
content: ""; }
.icon-112:before {
content: ""; }
.icon-113:before {
content: ""; }
.icon-114:before {
content: ""; }
.icon-115:before {
content: ""; }
.icon-116:before {
content: ""; }
.icon-117:before {
content: ""; }
.icon-118:before {
content: ""; }
.icon-119:before {
content: ""; }
.icon-120:before {
content: ""; }
.icon-121:before {
content: ""; }
.icon-122:before {
content: ""; }
.icon-123:before {
content: ""; }
.icon-124:before {
content: ""; }
.icon-125:before {
content: ""; }
.icon-126:before {
content: ""; }
.icon-127:before {
content: ""; }
.icon-128:before {
content: ""; }
.icon-129:before {
content: ""; }
.icon-130:before {
content: ""; }
.icon-131:before {
content: ""; }
.icon-132:before {
content: ""; }
.icon-133:before {
content: ""; }
.icon-134:before {
content: ""; }
.icon-135:before {
content: ""; }
.icon-136:before {
content: ""; }
.icon-137:before {
content: ""; }
.icon-138:before {
content: ""; }
.icon-139:before {
content: ""; }
.icon-140:before {
content: ""; }
.icon-141:before {
content: ""; }
.icon-142:before {
content: ""; }
.icon-143:before {
content: ""; }
.icon-144:before {
content: ""; }
.icon-145:before {
content: ""; }
.icon-146:before {
content: ""; }
.icon-147:before {
content: ""; }
.icon-148:before {
content: ""; }
.icon-149:before {
content: ""; }
.icon-150:before {
content: ""; }
.icon-151:before {
content: ""; }
.icon-152:before {
content: ""; }
.icon-153:before {
content: ""; }
.icon-154:before {
content: ""; }
.icon-155:before {
content: ""; }
.icon-156:before {
content: ""; }
.icon-157:before {
content: ""; }
.icon-158:before {
content: ""; }
.icon-159:before {
content: ""; }
.icon-160:before {
content: ""; }
.icon-161:before {
content: ""; }
.icon-162:before {
content: ""; }
.icon-163:before {
content: ""; }
.icon-164:before {
content: ""; }
.icon-165:before {
content: ""; }
.icon-166:before {
content: ""; }
.icon-167:before {
content: ""; }
.icon-168:before {
content: ""; }
.icon-169:before {
content: ""; }
.icon-170:before {
content: ""; }
.icon-171:before {
content: ""; }
.icon-172:before {
content: ""; }
.icon-173:before {
content: ""; }
.icon-174:before {
content: ""; }
.icon-175:before {
content: ""; }
.icon-176:before {
content: ""; }
.icon-177:before {
content: ""; }
.icon-178:before {
content: ""; }
.icon-179:before {
content: ""; }
.icon-180:before {
content: ""; }
.icon-181:before {
content: ""; }
.icon-182:before {
content: ""; }
.icon-183:before {
content: ""; }
.icon-184:before {
content: ""; }
.icon-185:before {
content: ""; }
.icon-186:before {
content: ""; }
.icon-187:before {
content: ""; }
.icon-188:before {
content: ""; }
.icon-189:before {
content: ""; }
.icon-190:before {
content: ""; }
.icon-191:before {
content: ""; }
.icon-192:before {
content: ""; }
.icon-193:before {
content: ""; }
.icon-194:before {
content: ""; }
.icon-195:before {
content: ""; }
.icon-196:before {
content: ""; }
.icon-197:before {
content: ""; }
.icon-198:before {
content: ""; }
.icon-199:before {
content: ""; }
.icon-200:before {
content: ""; }
.icon-201:before {
content: ""; }
.icon-202:before {
content: ""; }
.icon-203:before {
content: ""; }
.icon-204:before {
content: ""; }
.icon-205:before {
content: ""; }
.icon-206:before {
content: ""; }
.icon-207:before {
content: ""; }
.icon-208:before {
content: ""; }
.icon-209:before {
content: ""; }
.icon-210:before {
content: ""; }
.icon-211:before {
content: ""; }
.icon-212:before {
content: ""; }
.icon-213:before {
content: ""; }
.icon-214:before {
content: ""; }
.icon-215:before {
content: ""; }
.icon-216:before {
content: ""; }
.icon-217:before {
content: ""; }
.icon-218:before {
content: ""; }
.icon-219:before {
content: ""; }
.icon-220:before {
content: ""; }
.icon-221:before {
content: ""; }
.icon-222:before {
content: ""; }
.icon-223:before {
content: ""; }
.icon-224:before {
content: ""; }
.icon-225:before {
content: ""; }
.icon-226:before {
content: ""; }
.icon-227:before {
content: ""; }
.icon-228:before {
content: ""; }
.icon-229:before {
content: ""; }
.icon-230:before {
content: ""; }
.icon-231:before {
content: ""; }
.icon-232:before {
content: ""; }
.icon-233:before {
content: ""; }
.icon-234:before {
content: ""; }
.icon-235:before {
content: ""; }
.icon-236:before {
content: ""; }
.icon-237:before {
content: ""; }
.icon-238:before {
content: ""; }
.icon-239:before {
content: ""; }
.icon-240:before {
content: ""; }
.icon-241:before {
content: ""; }
.icon-242:before {
content: ""; }
.icon-243:before {
content: ""; }
.icon-244:before {
content: ""; }
.icon-245:before {
content: ""; }
.icon-246:before {
content: ""; }
.icon-247:before {
content: ""; }
.icon-248:before {
content: ""; }
.icon-249:before {
content: ""; }
.icon-250:before {
content: ""; }
.icon-251:before {
content: ""; }
.icon-252:before {
content: ""; }
.icon-253:before {
content: ""; }
.icon-254:before {
content: ""; }
.icon-255:before {
content: ""; }
.icon-256:before {
content: ""; }
.icon-257:before {
content: ""; }
.icon-258:before {
content: ""; }
.icon-259:before {
content: ""; }
.icon-260:before {
content: ""; }
.icon-261:before {
content: ""; }
.icon-262:before {
content: ""; }
.icon-263:before {
content: ""; }
.icon-264:before {
content: ""; }
.icon-265:before {
content: ""; }
.icon-266:before {
content: ""; }
.icon-267:before {
content: ""; }
.icon-268:before {
content: ""; }
.icon-269:before {
content: ""; }
.icon-270:before {
content: ""; }
.icon-271:before {
content: ""; }
.icon-272:before {
content: ""; }
.icon-273:before {
content: ""; }
.icon-274:before {
content: ""; }
.icon-275:before {
content: ""; }
.icon-276:before {
content: ""; }
.icon-277:before {
content: ""; }
.icon-278:before {
content: ""; }
.icon-279:before {
content: ""; }
.icon-280:before {
content: ""; }
.icon-281:before {
content: ""; }
.icon-282:before {
content: ""; }
.icon-283:before {
content: ""; }
.icon-284:before {
content: ""; }
.icon-285:before {
content: ""; }
.icon-286:before {
content: ""; }
.icon-287:before {
content: ""; }
.icon-288:before {
content: ""; }
.icon-289:before {
content: ""; }
.icon-290:before {
content: ""; }
.icon-291:before {
content: ""; }
.icon-292:before {
content: ""; }
.icon-293:before {
content: ""; }
.icon-294:before {
content: ""; }
.icon-295:before {
content: ""; }
.icon-296:before {
content: ""; }
.icon-297:before {
content: ""; }
.icon-298:before {
content: ""; }
.icon-299:before {
content: ""; }
.icon-300:before {
content: ""; }
.icon-301:before {
content: ""; }
.icon-302:before {
content: ""; }
.icon-303:before {
content: ""; }
.icon-304:before {
content: ""; }
.icon-305:before {
content: ""; }
.icon-306:before {
content: ""; }
.icon-307:before {
content: ""; }
.icon-308:before {
content: ""; }
.icon-309:before {
content: ""; }
.icon-310:before {
content: ""; }
.icon-311:before {
content: ""; }
.icon-312:before {
content: ""; }
.icon-313:before {
content: ""; }
.icon-314:before {
content: ""; }
.icon-315:before {
content: ""; }
.icon-316:before {
content: ""; }
.icon-317:before {
content: ""; }
.icon-318:before {
content: ""; }
.icon-319:before {
content: ""; }
.icon-320:before {
content: ""; }
.icon-321:before {
content: ""; }
.icon-322:before {
content: ""; }
.icon-323:before {
content: ""; }
.icon-324:before {
content: ""; }
.icon-325:before {
content: ""; }
.icon-326:before {
content: ""; }
.icon-327:before {
content: ""; }
.icon-328:before {
content: ""; }
.icon-329:before {
content: ""; }
.icon-330:before {
content: ""; }
.icon-331:before {
content: ""; }
.icon-332:before {
content: ""; }
.icon-333:before {
content: ""; }
.icon-334:before {
content: ""; }
.icon-335:before {
content: ""; }
.icon-336:before {
content: ""; }
.icon-337:before {
content: ""; }
.icon-338:before {
content: ""; }
.icon-339:before {
content: ""; }
.icon-340:before {
content: ""; }
.icon-341:before {
content: ""; }
.icon-342:before {
content: ""; }
.icon-343:before {
content: ""; }
.icon-344:before {
content: ""; }
.icon-345:before {
content: ""; }
.icon-346:before {
content: ""; }
.icon-347:before {
content: ""; }
.icon-348:before {
content: ""; }
.icon-349:before {
content: ""; }
.icon-350:before {
content: ""; }
.icon-351:before {
content: ""; }
.icon-352:before {
content: ""; }
.icon-353:before {
content: ""; }
.icon-354:before {
content: ""; }
.icon-355:before {
content: ""; }
.icon-356:before {
content: ""; }
.icon-357:before {
content: ""; }
.icon-358:before {
content: ""; }
.icon-359:before {
content: ""; }
.icon-360:before {
content: ""; }
.icon-361:before {
content: ""; }
.icon-362:before {
content: ""; }
.icon-363:before {
content: ""; }
.icon-364:before {
content: ""; }
.icon-365:before {
content: ""; }
.icon-366:before {
content: ""; }
.icon-367:before {
content: ""; }
.icon-368:before {
content: ""; }
.icon-369:before {
content: ""; }
.icon-370:before {
content: ""; }
.icon-371:before {
content: ""; }
.icon-372:before {
content: ""; }
.icon-373:before {
content: ""; }
.icon-374:before {
content: ""; }
.icon-375:before {
content: ""; }
.icon-376:before {
content: ""; }
.icon-377:before {
content: ""; }
.icon-378:before {
content: ""; }
.icon-379:before {
content: ""; }
.icon-380:before {
content: ""; }
.icon-381:before {
content: ""; }
.icon-382:before {
content: ""; }
.icon-383:before {
content: ""; }
.icon-384:before {
content: ""; }
.icon-385:before {
content: ""; }
.icon-386:before {
content: ""; }
.icon-387:before {
content: ""; }
.icon-388:before {
content: ""; }
.icon-389:before {
content: ""; }
.icon-390:before {
content: ""; }
.icon-391:before {
content: ""; }
.icon-392:before {
content: ""; }
.icon-393:before {
content: ""; }
.icon-394:before {
content: ""; }
.icon-395:before {
content: ""; }
.icon-396:before {
content: ""; }
.icon-397:before {
content: ""; }
.icon-398:before {
content: ""; }
.icon-399:before {
content: ""; }
.icon-400:before {
content: ""; }
.icon-401:before {
content: ""; }
.icon-402:before {
content: ""; }
.icon-403:before {
content: ""; }
.icon-404:before {
content: ""; }
.icon-405:before {
content: ""; }
.icon-406:before {
content: ""; }
.icon-407:before {
content: ""; }
.icon-408:before {
content: ""; }
.icon-409:before {
content: ""; }
.icon-410:before {
content: ""; }
.icon-411:before {
content: ""; }
.icon-412:before {
content: ""; }
.icon-413:before {
content: ""; }
.icon-414:before {
content: ""; }
.icon-415:before {
content: ""; }
.icon-416:before {
content: ""; }
.icon-417:before {
content: ""; }
.icon-418:before {
content: ""; }
.icon-419:before {
content: ""; }
.icon-420:before {
content: ""; }
.icon-421:before {
content: ""; }
.icon-422:before {
content: ""; }
.icon-423:before {
content: ""; }
.icon-424:before {
content: ""; }
.icon-425:before {
content: ""; }
.icon-426:before {
content: ""; }
.icon-427:before {
content: ""; }
.icon-428:before {
content: ""; }
.icon-429:before {
content: ""; }
.icon-430:before {
content: ""; }
.icon-431:before {
content: ""; }
.icon-432:before {
content: ""; }
.icon-433:before {
content: ""; }
.icon-434:before {
content: ""; }
.icon-435:before {
content: ""; }
.icon-436:before {
content: ""; }
.icon-437:before {
content: ""; }
.icon-438:before {
content: ""; }
.icon-439:before {
content: ""; }
.icon-440:before {
content: ""; }
.icon-441:before {
content: ""; }
.icon-442:before {
content: ""; }
.icon-443:before {
content: ""; }
.icon-444:before {
content: ""; }
.icon-445:before {
content: ""; }
.icon-446:before {
content: ""; }
.icon-447:before {
content: ""; }
.icon-448:before {
content: ""; }
.icon-449:before {
content: ""; }
.icon-450:before {
content: ""; }
.icon-451:before {
content: ""; }
.icon-452:before {
content: ""; }
.icon-453:before {
content: ""; }
.icon-454:before {
content: ""; }
.icon-455:before {
content: ""; }
.icon-456:before {
content: ""; }
.icon-457:before {
content: ""; }
.icon-458:before {
content: ""; }
.icon-459:before {
content: ""; }
.icon-460:before {
content: ""; }
.icon-461:before {
content: ""; }
.icon-462:before {
content: ""; }
.icon-463:before {
content: ""; }
.icon-464:before {
content: ""; }
.icon-465:before {
content: ""; }
.icon-466:before {
content: ""; }
.icon-467:before {
content: ""; }
.icon-468:before {
content: ""; }
.icon-469:before {
content: ""; }
.icon-470:before {
content: ""; }
.icon-471:before {
content: ""; }
.icon-472:before {
content: ""; }
.icon-473:before {
content: ""; }
.icon-474:before {
content: ""; }
.icon-475:before {
content: ""; }
.icon-476:before {
content: ""; }
.icon-477:before {
content: ""; }
.icon-478:before {
content: ""; }
.icon-479:before {
content: ""; }
.icon-480:before {
content: ""; }
.icon-481:before {
content: ""; }
.icon-482:before {
content: ""; }
.icon-483:before {
content: ""; }
.icon-484:before {
content: ""; }
.icon-485:before {
content: ""; }
.icon-486:before {
content: ""; }
.icon-487:before {
content: ""; }
.icon-488:before {
content: ""; }
.icon-489:before {
content: ""; }
.icon-490:before {
content: ""; }
.icon-491:before {
content: ""; }
.icon-492:before {
content: ""; }
.icon-493:before {
content: ""; }
.icon-494:before {
content: ""; }
.icon-495:before {
content: ""; }
.icon-496:before {
content: ""; }
.icon-497:before {
content: ""; }
.icon-498:before {
content: ""; }
.icon-499:before {
content: ""; }
.icon-500:before {
content: ""; }
.icon-501:before {
content: ""; }
.icon-502:before {
content: ""; }
.icon-503:before {
content: ""; }
.icon-504:before {
content: ""; }
.icon-505:before {
content: ""; }
.icon-506:before {
content: ""; }
.icon-507:before {
content: ""; }
.icon-508:before {
content: ""; }
.icon-509:before {
content: ""; }
.icon-510:before {
content: ""; }
.icon-511:before {
content: ""; }
.icon-512:before {
content: ""; }
.icon-513:before {
content: ""; }
.icon-514:before {
content: ""; }
.icon-515:before {
content: ""; }
.icon-516:before {
content: ""; }
.icon-517:before {
content: ""; }
.icon-518:before {
content: ""; }
.icon-519:before {
content: ""; }
.icon-520:before {
content: ""; }
.icon-521:before {
content: ""; }
.icon-522:before {
content: ""; }
.icon-523:before {
content: ""; }
.icon-524:before {
content: ""; }
.icon-525:before {
content: ""; }
.icon-526:before {
content: ""; }
.icon-527:before {
content: ""; }
.icon-528:before {
content: ""; }
.icon-529:before {
content: ""; }
.icon-530:before {
content: ""; }
.icon-531:before {
content: ""; }
.icon-532:before {
content: ""; }
.icon-533:before {
content: ""; }
.icon-534:before {
content: ""; }
.icon-535:before {
content: ""; }
.icon-536:before {
content: ""; }
.icon-537:before {
content: ""; }
.icon-538:before {
content: ""; }
.icon-539:before {
content: ""; }
.icon-540:before {
content: ""; }
.icon-541:before {
content: ""; }
.icon-542:before {
content: ""; }
.icon-543:before {
content: ""; }
.icon-544:before {
content: ""; }
.icon-545:before {
content: ""; }
.icon-546:before {
content: ""; }
.icon-547:before {
content: ""; }
.icon-548:before {
content: ""; }
.icon-549:before {
content: ""; } .alignleft {
float: left;
text-align: left;
margin-bottom: 22px;
margin-right: 22px; }
.alignright {
float: right;
text-align: right;
margin-bottom: 22px;
margin-left: 22px; }
.aligncenter {
text-align: center; }
img.size-full, img.size-large {
max-width: 100%;
width: auto;
height: auto; }
.wp-caption {
max-width: 100%;
position: relative; }
.wp-caption-text {
position: absolute;
background: rgba(0, 0, 0, 0.5);
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 11px;
text-align: center;
text-transform: uppercase;
color: #ffffff;
font-weight: 400; }
aside select {
width: 100%;
background: #ffffff;
border: 1px solid #eeeeee;
}
#wp-calendar {
width: 100%;
text-align: center;
color: #888;
}
#wp-calendar thead {
color: black;
}
#wp-calendar a {
font-weight: 600;
}
#wp-calendar tfoot {
display: table-caption;
caption-side: top;
}
#wp-calendar tfoot a {
color: rgba(255,0,0,0.3);
}
#wp-calendar #prev {
text-align: left;
}
#wp-calendar #next {
text-align: right;
}
#wp-calendar caption {
margin-bottom: -10px;
text-transform: uppercase;
font-weight: 400;
}
.tagcloud a {
display: inline-block;
padding: 7.33333px;
font-size: 11px;
position: relative;
z-index: 3;
background: #ffffff;
font-size: 13px !important;
position: relative;
margin: 7px 10px;
}
.tagcloud a:before, .tagcloud a:after {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
top: 0;
}
.tagcloud a:before {
left: -10px;
border-right: 10px solid #ffffff;
border-top: 18.5px solid transparent;
border-bottom: 18.5px solid transparent; }
.tagcloud a:after {
right: -10px;
border-left: 10px solid #ffffff;
border-top: 18.5px solid transparent;
border-bottom: 18.5px solid transparent; }
.sticky .post-title {
position: relative;
padding-left: 39px;
}
.sticky .post-title:before {
content: 'S';
position: absolute;
top: 0;
left: 0;
font-size: 0.6em;
background: #f8f8f8;
padding: 0 10px;
display: inline-block;
margin-right: 13px;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
}
.form-submit {
display: none;
}
.comment-reply-title {
font-size: 1.84615em;
}
.comment-reply-title a {
color: #ee1d24;
}
.comment-reply-title small {
font-size: 0.6em;
}
.comment-reply-title small a {
color: #cdcdcd;
}
.comment-reply-title small a:hover {
color: #999999;
}
.comment-form {
margin-top: 3em;
} .container-full {
overflow: hidden;
}
.container-full .wpb_row {
margin-bottom: 0;
}
[class*=vc_custom][data-box-img] {
background-image: none !important;
} body .wp-audio-shortcode  {
min-height: 64px !important;
background: #ee1d24 !important;
border: 1px solid #f5f5f5;
margin-bottom: 1em;
}
body .wp-audio-shortcode .mejs-controls {
background: transparent;
position: absolute;
top: 17px;
left: 11.5px;
right: 11.5px;
width: 100%;
}
body .mejs-container .mejs-controls {
width: auto !important;
}
body .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
body .mejs-controls .mejs-time-rail .mejs-time-total {
background: rgba(255,255,255,0.4s);
}
body .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: rgba(255,255,255,0.15) !important;
}
body .mejs-controls .mejs-time-rail .mejs-time-current {
background: rgba(255,255,255,0.55) !important;
}
body .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #efefef;
}
body .mejs-currenttime, body .mejs-duration {
color: rgba(255, 255, 255, 0.6) !important;
line-height: 18px;
}
body .mejs-controls .mejs-time-rail .mejs-time-float {
border: none;
}
.gallery {
text-align: center;
margin-bottom: 22px;
}
.gallery figure {
display: inline-block;
margin: 0;
padding: 1px;
}
.gallery-columns-1 .gallery-item  {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.3333%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6666%;
}
.gallery-columns-7 .gallery-item {
width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1111%;
}  .identity {
padding: 22px 0;
margin: 0;
z-index: 1;
display: inline-block;
position: relative; }
.identity * {
margin: 0; }
.identity:after {
content: "";
display: block;
position: absolute;
top: 0;
right: -28px;
bottom: 0;
left: -1000%;
background: rgba(0, 0, 0, 0.1);
z-index: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.identity:hover:after {
right: -20px !important; }
.identity a {
z-index: 1;
position: relative;
display: inline-block; }
.main-nav > ul {
display: none; }
@media (min-width: 992px) {
.main-nav > ul {
display: table; } }
.main-nav > ul li {
position: relative; }
.main-nav > ul > li {
padding: 22px 0;
margin: 0 11px; }
.main-nav > ul > li:last-child {
margin-right: 0; }
.main-nav > ul > li:last-child > ul {
right: 0; }
.main-nav > ul > li > a {
color: #ffffff;
display: inline-block; }
.main-nav > ul > li > a:after {
content: "";
display: block;
position: absolute;
top: auto;
right: 0;
bottom: 11px;
left: 0;
border-bottom: 3px solid #ffffff;
min-height: 22px;
opacity: 0;
-webkit-transition: bottom 0.05s cubic-bezier(0, 0.99, 1, 0.04);
-moz-transition: bottom 0.05s cubic-bezier(0, 0.99, 1, 0.04);
-o-transition: bottom 0.05s cubic-bezier(0, 0.99, 1, 0.04);
transition: bottom 0.05s cubic-bezier(0, 0.99, 1, 0.04); }
.main-nav > ul > li > a:hover:after {
opacity: 1;
bottom: 0; }
.main-nav > ul > li a:hover + ul {
display: block;
-webkit-animation: fadeIn 0.8s ease forwards;
-moz-animation: fadeIn 0.8s ease forwards;
-o-animation: fadeIn 0.8s ease forwards;
animation: fadeIn 0.8s ease forwards; }
.main-nav > ul > li > ul {
border-bottom: 3px solid #ffffff;
margin-top: -3px; }
.main-nav > ul > li ul {
position: absolute;
background: #ffffff;
z-index: 33;
top: 100%;
border: 1px solid rgba(238, 29, 36, 0.1);
border-top: 0;
text-align: left !important;
width: 220px;
display: none; }
.main-nav > ul > li ul:hover {
display: block; }
.main-nav > ul > li ul ul {
left: 100%;
top: 0;
bottom: auto; }
.main-nav > ul > li ul li a {
display: block;
color: #ee1d24;
padding: 11px 22px;
border-top: 1px solid rgba(238, 29, 36, 0.05); }
.main-nav > ul > li ul li a:hover {
background: rgba(238, 29, 36, 0.005); }
.is-sticky .header-navbar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
-webkit-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
will-change: transform; }
.is-sticky.scrolled-up .header-navbar {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); }
.admin-bar .is-sticky .header-navbar {
top: 30px;
}
.responsive-menu {
padding: 18.33333px 0; }
@media (min-width: 992px) {
.responsive-menu {
display: none !important; } }
.responsive-menu:focus {
outline: none !important; }
.mobile-active {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
background: rgba(0, 0, 0, 0.7);
height: 50vh;
min-height: 300px;
padding: 0 22px; }
.mobile-active > ul {
display: block;
overflow-y: auto;
height: 40vh;
min-height: 270px; }
.mobile-active > ul > li {
width: 100%;
background: rgba(0, 0, 0, 0.3);
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
.mobile-active > ul > li:hover {
background: rgba(0, 0, 0, 0.6); }
.mobile-active > ul > li > a {
display: block;
padding: 11px 22px; }
.mobile-active > ul > li > a:after {
display: none; }
.mobile-active > ul > li > a:focus {
outline: none; }
.mobile-active > ul > li ul {
display: block !important;
position: static;
margin: 0;
width: 100%;
background: rgba(0, 0, 0, 0.2);
border: none; }
.mobile-active > ul > li ul a {
color: #ffffff !important; } .footer-social {
border-bottom: 5px solid #000000; }
.footer-social .social-networks {
padding: 44px 0; }
.footer-social .social-networks:after {
position: absolute;
width: 100%;
bottom: -5px;
border-bottom: 5px solid currentColor; }
.footer-social .social-networks > li a {
width: 44px;
height: 44px;
font-size: 22px; }
.social-networks {
position: relative; }
@media (max-width: 768px) {
.social-networks {
text-align: center; }
.social-networks > li {
float: none;
display: inline-block;
margin: 6px 0; } }
.social-networks > li {
padding: 0 8.8px; }
.social-networks > li a {
color: inherit;
font-size: 17.6px;
display: table;
border: 1px solid rgba(255, 255, 255, 0.5);
width: 33px;
height: 33px;
position: relative;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.social-networks > li a:focus {
outline: none; }
.social-networks > li a:hover, .social-networks > li a:focus {
background: #ffffff; }
.social-networks > li a:hover i, .social-networks > li a:focus i {
color: #ee1d24; }
.social-networks > li a i {
width: 100%;
height: 100%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
display: table-cell;
vertical-align: middle; }
.footer-menu-box {
padding: 66px 0; }
@media (max-width: 768px) {
.footer-menu {
text-align: center; }
.footer-menu > li {
float: none;
display: inline-block;
margin: 6px 0; } }
.footer-menu > li {
padding: 0 11px; }
.footer-menu > li a {
display: inline-block; }
.footer-menu > li a:focus {
outline: 1px solid currentColor;
outline-offset: 3px; }
.footer-menu li {
position: relative;
}
.footer-menu > li ul {
position: absolute;
min-width: 220px;
left: 0;
top: 100%;
margin: 0 auto;
background: #f8f8f8;
z-index: 999;
border: 1px solid #f0f0f0;
display: none
}
.footer-menu li ul a {
display: block;
padding: 5px 11px;
}
.footer-menu li a:hover + ul, .footer-menu > li ul:hover {
display: block;
}
.footer-menu > li ul > li ul {
left: 100%;
top: -1px;
}
.footer-menu > li ul li {
border-bottom: 1px solid #f0f0f0;
}
.footer-copyright {
padding: 44px 0;
border-top: 1px solid #f6f6f6;
position: relative; }
.footer-copyright:before, .footer-copyright:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.footer-copyright:before {
width: 33px;
height: 33px;
background: currentColor;
top: -16.92308px; }
.footer-copyright:after {
width: 12.22222px;
height: 12.22222px;
border-top: 2px solid #ffffff;
border-left: 2px solid #ffffff;
top: 7.85714px;
-webkit-box-shadow: -2px -2px currentColor, -4px -4px #ffffff;
box-shadow: -2px -2px currentColor, -4px -4px #ffffff; }
.to-top-link {
display: block;
width: 33px;
height: 33px;
background: transparent;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: -16.5px;
z-index: 9; }
.copyright {
margin: 0;
color: #bababa;
line-height: 33px; }
.copyright a {
padding: 0 3px;
font-weight: 400; }
.copyright a:focus {
outline: none;
color: #ee1d24; }
.social-mini-footer a:hover {
background: transparent !important;
border: 1px solid currentColor; }
.footer-sidebar {
padding: 66px 0 44px; }  @media (max-width: 992px) {
.testimonials-loop + div li:first-child a {
top: 120% !important;
left: 30% !important;
}
.testimonials-loop + div li:last-child a {
top: 120% !important;
right: 30% !important;
}
.main-sidebar {
margin-top: 44px; } }
.widget {
margin-bottom: 44px;}
@media (max-width: 768px) {
.widget {
width: 100%; } }
.widget:last-child {
margin-bottom: 0; }
.widget:not(.widget-search) .widget-content {
padding: 33px 22px;
overflow: hidden; }
.widget:not(.widget-search) .widget-content a {
color: #000000; }
.widget:not(.widget-search) .widget-content a:hover {
color: #ee1d24; }
.widget:not(.widget-search) .style-alpha {
border-top: 1px solid #000000;
background: #f6f6f6; }
.widget-title {
margin-bottom: 22px; }
.widget-search input[type=search] {
border-bottom-color: #000000;
padding-right: 33px; }
.widget-search p {
margin-top: 0; }
.widget-search button {
position: absolute;
top: 11px;
right: 11px;
padding: 0 3px; }
.widget-search button:hover {
color: #ee1d24; }
.widget-recent-posts figure {
padding-right: 11px;
margin-bottom: 0; }
.recent-posts-loop > li {
margin-bottom: 11px; }
.recent-posts-loop > li:last-child {
margin-bottom: 0; }
.recent-posts-loop i {
display: none;
}
.recent-posts-loop figure {
padding: 0 12px 0 0;
text-align: center;
margin: 0;
}
.tag-loop > li {
padding: 0 5.5px;
margin: 5.5px 0;
position: relative;
overflow: hidden; }
.tag-loop > li a {
display: inline-block;
padding: 7.33333px 11px;
font-size: 11px;
position: relative;
z-index: 3; }
.tag-loop > li:before, .tag-loop > li:after {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%); }
.tag-loop > li:before {
left: 0;
border-right: 30px solid #ffffff;
border-top: 80px solid transparent;
border-bottom: 80px solid transparent; }
.tag-loop > li:after {
right: 0;
border-left: 30px solid #ffffff;
border-top: 80px solid transparent;
border-bottom: 80px solid transparent; }
.widget-dribbble li {
padding: 1px !important; }
.widget-dribbble li > a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.widget-dribbble li > a:hover {
opacity: 0.9; } .fancy-features {
padding: 44px 0; }
@media (max-width: 768px) {
.fancy-features {
padding: 44px 33px; } }
.fancy-features:nth-child(odd) {
padding-top: 22px; }
.fancy-features .featured-icon {
padding-bottom: 0; }
.fancy-features figure {
left: -33px; }
@media (max-width: 768px) {
.fancy-features figure {
left: -11px; } }
.fancy-features div + div figure {
right: -33px !important;
left: auto; }
.fancy-features-services {
padding: 22px 0; }
.featured-icon {
max-width: 60px;
width: 100%;
padding-bottom: 22px; }
.featured-icon figure {
margin: 33px 0 0 0; }
.featured-icon figure > i {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
outline: 1px solid rgba(173, 173, 173, 0.3);
-webkit-box-shadow: 7px 7px #f6f6f6;
box-shadow: 7px 7px #f6f6f6;
will-change: transform; }
.featured-icon figure > i:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
will-change: transform; }
.featured-icon figure > a {
color: inherit;
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
transition: background 0.2s ease;
overflow: hidden;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
outline: 1px solid rgba(173, 173, 173, 0.3);
-webkit-box-shadow: 7px 7px #f6f6f6;
box-shadow: 7px 7px #f6f6f6;
will-change: transform; }
.featured-icon figure > a > i {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
will-change: transform; }
.featured-icon figure > a:hover {
background: #ee1d24;
color: #ffffff; }
.featured-icon figure > a:hover:before, .featured-icon figure > a:hover:after {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); }
.featured-icon figure > a:hover:before {
border-left-color: white;
border-bottom-color: white; }
.featured-icon figure > a:hover:after {
border-right-color: white;
border-top-color: white; }
.featured-icon figure > a:after, .featured-icon figure > a:before {
content: "";
display: block;
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
border: 1px solid transparent;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out; }
.featured-icon figure > a:before {
-webkit-transform: translate(-10px, 10px);
-moz-transform: translate(-10px, 10px);
-ms-transform: translate(-10px, 10px);
-o-transform: translate(-10px, 10px);
transform: translate(-10px, 10px); }
.featured-icon figure > a:after {
-webkit-transform: translate(10px, -10px);
-moz-transform: translate(10px, -10px);
-ms-transform: translate(10px, -10px);
-o-transform: translate(10px, -10px);
transform: translate(10px, -10px); }
.featured-logo {
padding: 0 23%;
position: relative;
margin-top: 75%; }
@media (min-width: 992px) {
.featured-logo {
margin-top: 40%; } }
@media (min-width: 1200px) {
.featured-logo {
margin-top: 25%; } }
@media (max-width: 768px) {
.featured-logo {
margin-top: 50px;
margin-bottom: 50px; } }
.featured-logo:after, .featured-logo:before {
content: "";
display: block;
position: absolute;
width: 66px;
height: 1px;
border: 1px solid #f6f6f6;
top: 0;
bottom: 0;
margin: auto 0; }
@media (max-width: 768px) {
.featured-logo:after, .featured-logo:before {
display: none; } }
.featured-logo:after {
left: -15%; }
.featured-logo:before {
right: -15%; }
.featured-logo > div {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: relative;
-webkit-box-shadow: 7px 7px #f6f6f6;
box-shadow: 7px 7px #f6f6f6;
z-index: 9;
overflow: hidden; }
.featured-logo > div:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(//www.dkthermal.co.uk/wp-content/themes/unik/images/emblem.png) center center transparent no-repeat;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.promo-message {
padding: 22px 0; }
@media (max-width: 768px) {
.feature-item {
max-width: 320px;
margin: 0 auto; } }
.demo-video {
padding-right: 44px; }
.breadcrumbs-links {
position: relative;
padding: 0 22px; }
.breadcrumbs-links:after, .breadcrumbs-links:before {
content: "";
display: block;
position: absolute;
width: 22px;
height: 1px;
background: #adadad;
top: 0;
bottom: 0;
margin: auto 0; }
.breadcrumbs-links:before {
left: 0; }
.breadcrumbs-links:after {
right: 0; }
.breadcrumbs-links li {
padding: 0 22px;
position: relative; }
.breadcrumbs-links li:after {
content: "";
position: absolute;
right: -3px;
top: 0;
line-height: 22px;
font-size: 8px; }
.breadcrumbs-links li:last-child {
opacity: 0.6; }
.breadcrumbs-links li:last-child:after {
content: "";
display: none; }
.fancy-list li {
position: relative;
padding: 5.5px 0 5.5px 28.6px;
}
.fancy-list ul {
padding: 0;
margin: 0;
}
.fancy-list > li {
padding: 5.5px 0 5.5px 28.6px; }
.fancy-list > li  i {
position: absolute;
left: 0;
top: 10px;
display: block;
width: 14px;
height: 14px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.fancy-list > li  i:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
bottom: 3px;
right: 3px; }
.fancy-list > li > a:hover + i {
background: #ee1d24; }
ol.fancy-list > li {
padding-left: 0; }
.tag-box {
padding: 22px 0;
border-bottom: 1px solid #f6f6f6; }
.tag-box > ul > li {
padding-right: 11px; }
.tag-box > ul > li:last-child {
padding-bottom: 0; }
.tag-box > ul > li a {
color: #ee1d24; }
.tag-box > ul > li a:hover {
color: #555555; }
.tag-box > ul span {
margin-right: 11px;
font-weight: 400; }
.title-underlined {
border-bottom: 1px solid currentColor;
padding: 0 11px 5.5px 11px;
display: table; } .loop-progress-bar {
overflow: hidden; }
.progress-bar-item {
position: relative;
height: 11px;
background: #adadad; }
.progress-bar-item > span {
position: absolute; }
.show-progress {
top: 0;
bottom: 0;
left: 0; }
.show-progress:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
bottom: 0;
right: -13px;
border-width: 0 15px 20px 15px;
border-color: white transparent;
border-style: solid; }
.show-progress:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
bottom: 0;
right: -10px;
border-width: 0 15px 20px 15px;
border-color: currentColor transparent;
border-style: solid; }
.static-increment .show-progress:after, .static-increment .show-progress:before {
display: none; }
.static-increment .value-progress {
right: 0;
left: auto !important;
top: -30px; }
.value-progress {
bottom: 0;
top: -40px;
margin-left: -30px;
display: block;
font-family: "Varela", sans-serif; }
@media (max-width: 600px) {
.loop-facts > li {
width: 100%; } }
.loop-facts .featured-icon {
max-width: 80px;
position: relative; }
.loop-facts .featured-icon figure a {
background: #ffffff;
pointer-events: none;
z-index: 9; }
.loop-facts .featured-icon figure a:hover {
color: inherit; }
.loop-facts .featured-icon figure a:after, .loop-facts .featured-icon figure a:before {
display: none; }
.loop-facts .featured-icon figure a > i {
-webkit-transform: rotate(-45deg) translateY(-16px);
-moz-transform: rotate(-45deg) translateY(-16px);
-ms-transform: rotate(-45deg) translateY(-16px);
-o-transform: rotate(-45deg) translateY(-16px);
transform: rotate(-45deg) translateY(-16px);
z-index: 10; }
.loop-facts .featured-icon figure span {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-top: 50%;
font-size: 1.3em;
font-family: "Varela", sans-serif; }
.loop-facts .featured-icon:after {
content: "";
display: block;
position: absolute;
top: 11px;
right: -65px;
bottom: 0;
left: -65px;
height: 1px;
background: #f6f6f6;
margin: auto 0;
z-index: 0; }
.loop-facts .featured-icon:hover + * {
color: #ee1d24;
top: -11px; }
.loop-facts h6 {
position: relative;
top: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media (min-width: 970px) {
.loop-facts li:first-child .featured-icon:after {
left: 0; } }
@media (min-width: 970px) {
.loop-facts li:last-child .featured-icon:after {
right: 0; } }
.testimonials-loop + div {
margin-bottom: 0; }
.testimonials-loop + div li a {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
border-color: #ffffff; }
.testimonials-loop + div li a:hover {
background: #ffffff;
border-color: transparent; }
.testimonials-loop + div li:first-child a {
left: -10%; }
.testimonials-loop + div li:last-child a {
right: -10%; }
.testimonial-item {
padding-top: 22px; }
.testimonial-item figure {
overflow: hidden;
-webkit-transform: rotate(45deg) scale(0);
-moz-transform: rotate(45deg) scale(0);
-ms-transform: rotate(45deg) scale(0);
-o-transform: rotate(45deg) scale(0);
transform: rotate(45deg) scale(0);
width: 85px;
height: 85px;
position: relative;
margin-bottom: 44px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.testimonial-item figure img {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: -20%;
right: -20%;
bottom: -20%;
left: -20%;
max-width: none; }
.testimonial-item h6 a {
padding: 0 11px; }
.testimonial-item h6 a:hover {
background: #ffffff; }
.active-testimonials figure {
-webkit-transform: rotate(45deg) scale(1);
-moz-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
-o-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1); }
.toggle-loop > li {
margin-bottom: 22px; }
.toggle-item {
position: relative; }
.toggle-item input[type="radio"], .toggle-item input[type="checkbox"] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
z-index: 2;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.toggle-item input[type="radio"]:focus, .toggle-item input[type="checkbox"]:focus {
outline: none; }
.toggle-item input[type="radio"]:checked, .toggle-item input[type="checkbox"]:checked {
display: none; }
.toggle-item input[type="radio"]:checked ~ div, .toggle-item input[type="checkbox"]:checked ~ div {
display: block;
-webkit-animation: 0.4s fadeIn ease forwards;
-moz-animation: 0.4s fadeIn ease forwards;
-o-animation: 0.4s fadeIn ease forwards;
animation: 0.4s fadeIn ease forwards; }
.toggle-item input[type="radio"]:checked + h6, .toggle-item input[type="checkbox"]:checked + h6 {
background: #ee1d24; color: #ffffff; }
.toggle-item input[type="radio"]:checked + h6 > i.bg-alpha, .toggle-item input[type="checkbox"]:checked + h6 > i.bg-alpha {
background: #313131; }
.toggle-item .text-white > i {
color: #ffffff !important; }
.toggle-item > h6 {
margin: 0;
padding: 14.66667px 14.66667px 14.66667px 77px;
position: relative;
overflow: hidden;
-webkit-transition: background 0.1s ease-in-out;
-moz-transition: background 0.1s ease-in-out;
-o-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out; }
.toggle-item > h6 > i {
position: absolute;
text-align: center; }
.toggle-item > h6 + div:not(.toggle-outline) {
background: rgba(0, 0, 0, 0.3); }
.toggle-item > h6 + div {
padding: 22px;
display: none; }
.toggle-item > h6 + div *:last-child {
margin-bottom: 0; }
.toggle-loop:not(.toggle-square) .toggle-item > h6 > i {
left: -99px;
top: -40px;
bottom: 0;
width: 132px;
height: 132px;
color: black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
font-size: 1.2em; }
.toggle-loop:not(.toggle-square) .toggle-item > h6 > i:before {
top: 0;
right: 0;
bottom: 60%;
left: 60%;
width: 1em;
height: 1em;
margin: auto;
position: absolute;
line-height: 1;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.toggle-square .toggle-item input[type="radio"]:checked + h6, .toggle-square .toggle-item input[type="checkbox"]:checked + h6 {
background: none; }
.toggle-square .toggle-item input[type="radio"]:checked + h6 > i:before, .toggle-square .toggle-item input[type="checkbox"]:checked + h6 > i:before {
content: ""; }
.toggle-square .toggle-item input[type="radio"]:checked + h6 + div, .toggle-square .toggle-item input[type="checkbox"]:checked + h6 + div {
background: none; }
.toggle-square .toggle-item > h6 > i {
left: 0;
top: 0;
bottom: 0;
width: 55px; }
.toggle-square .toggle-item > h6 > i:before {
position: absolute;
width: 1em;
height: 1em;
line-height: 1em;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto; }
.toggle-square .toggle-item > h6 .bg-alpha {
color: #ffffff; }
.right-icon .toggle-item > h6 {
padding-right: 44px;
padding-left: 22px; }
.right-icon .toggle-item > h6 > i {
left: auto;
right: 0; }
.toggle-outline {
border: 1px solid #f6f6f6; }
.team-loop > li {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
padding-top: 22px;
padding-bottom: 22px; }
@media (max-width: 570px) {
.team-loop > li {
width: 100%;
max-width: 320px;
float: none;
margin: 0 auto; } }
.team-item {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
overflow: hidden;
padding-bottom: 11px;
position: relative; }
.team-item:hover .team-back {
-ms-transform: translate(0, 0);
-webkit-transform: rotateY(0) translate3d(0, 0, 0);
-moz-transform: rotateY(0) translate3d(0, 0, 0);
transform: rotateY(0) translate3d(0, 0, 0); }
.team-item:hover .team-front {
-webkit-transform: translate3d(100px, 0px, 200px);
-moz-transform: translate3d(100px, 0px, 200px);
transform: translate3d(100px, 0px, 200px); }
.team-back, .team-front {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
.team-front {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; }
.team-back {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
padding: 22px;
-ms-transform: translate(0, 100%);
-webkit-transform: rotateY(-90deg) translate3d(-100px, 0, 250px);
-moz-transform: rotateY(-90deg) translate3d(-100px, 0, 250px);
transform: rotateY(-90deg) translate3d(-100px, 0, 250px);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease; }
@media (max-width: 1200px) and (min-width: 992px) {
.team-back {
padding: 0; } }
.team-back > a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.timeline-loop {
position: relative;
padding-bottom: 66px; }
.timeline-loop:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 1px;
background: rgba(0, 0, 0, 0.1);
margin: 0 auto; }
.timeline-loop > li > span {
margin: 66px auto; }
.timeline-loop > li:first-child > span {
margin-top: 0; }
.timeline-loop > li:nth-child(2n) .timeline-item > h6 {
padding: 16.92308px 110px 16.92308px 16.92308px;
text-align: right; }
.timeline-loop > li:nth-child(2n) .timeline-item > h6:before {
left: auto;
right: 0; }
.timeline-loop > li:nth-child(2n) .timeline-item > h6:after {
right: auto;
left: -22px;
-webkit-box-shadow: 10px -10px 0 #F2F2F4;
box-shadow: 10px -10px 0 #F2F2F4; }
.timeline-loop > li:nth-child(2n) .timeline-content:after {
right: 0;
left: -15px; }
span[data-year] {
width: 50px;
height: 50px;
display: block;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-box-shadow: 7px 7px 0 #e4e4e4;
box-shadow: 7px 7px 0 #e4e4e4;
position: relative;
outline: 1px solid #dddddd; }
span[data-year]:after {
content: attr(data-year);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
width: 100%;
height: 1em;
line-height: 1em;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
text-align: center;
font-weight: 600; }
@media (max-width: 768px) {
.timeline-item {
background: #ffffff;
margin-bottom: 44px; }
.timeline-item .timeline-content {
padding: 22px; } }
.timeline-item > h6 {
padding: 16.92308px 16.92308px 16.92308px 110px;
background: #555555;
position: relative;
margin: 0; }
.timeline-item > h6:before {
content: attr(data-timeline-date);
position: absolute;
background: #ee1d24;
top: 0;
bottom: 0;
left: 0;
padding: 16.92308px; }
.timeline-item > h6:after {
content: "";
display: block;
position: absolute;
width: 15px;
height: 15px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background: #555555;
top: 0;
bottom: 0;
margin: auto 0;
right: -22px;
-webkit-box-shadow: -10px 10px 0 #F2F2F4;
box-shadow: -10px 10px 0 #F2F2F4; }
@media (max-width: 768px) {
.timeline-item > h6:after {
display: none; } }
.box:not([data-box-img]) .timeline-item > h6:after {
-webkit-box-shadow: -10px 10px 0 #ffffff;
box-shadow: -10px 10px 0 #ffffff; }
.box:not([data-box-img]) .timeline-loop > li:nth-child(2n) .timeline-item > h6:after {
-webkit-box-shadow: 10px -10px 0 #ffffff;
box-shadow: 10px -10px 0 #ffffff; }
.timeline-content {
position: relative;
padding: 22px 0 0; }
.timeline-content p:first-child {
margin-top: 0; }
.timeline-content:after {
content: "";
display: block;
position: absolute;
left: 0;
right: -15px;
bottom: 0;
height: 1px;
background: rgba(0, 0, 0, 0.1); }
.portfolio-filters {
border-top: 1px solid #f6f6f6;
border-bottom: 3px solid #ee1d24;
margin-bottom: 66px; }
@media (max-width: 420px) {
.portfolio-filters {
border-bottom: 0; } }
.portfolio-filters > ul {
float: left; }
.portfolio-filters > ul li {
border-right: 1px solid #f6f6f6; }
@media (max-width: 420px) {
.portfolio-filters > ul li {
width: 100%;
text-align: center; } }
.portfolio-filters > ul li input[type=radio] {
display: none; }
.portfolio-filters label > span {
display: inline-block;
padding: 12.57143px 33px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media (max-width: 768px) {
.portfolio-filters label > span {
padding: 11px; } }
.portfolio-filters label > span:hover {
background: #fafafa; }
.portfolio-filters > div {
float: right; }
.portfolio-filters {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
.sort-by {
position: relative;
border-left: 1px solid #f6f6f6; }
@media (max-width: 768px) {
.sort-by {
display: none; } }
.sort-by input[type=checkbox], .sort-by input[type=radio] {
display: none; }
.sort-by input[type=checkbox]:checked ~ ul {
display: block;
-webkit-animation: 0.4s bounceIn ease forwards;
-moz-animation: 0.4s bounceIn ease forwards;
-o-animation: 0.4s bounceIn ease forwards;
animation: 0.4s bounceIn ease forwards; }
.sort-by input[type=checkbox]:checked + label span {
background: #fdfdfd; }
.sort-by label i {
padding-left: 5px;
font-size: 0.75em; }
.sort-by > ul {
display: none;
position: absolute;
right: 0;
z-index: 9999;
background: #ffffff;
margin-top: 3px;
text-align: right;
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
white-space: nowrap; }
.sort-by > ul > li {
border-bottom: 1px solid #f6f6f6; }
.sort-by > ul label, .sort-by > ul span {
display: block; }
.sort-by > ul input[type=radio] + span:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #ee1d24;
margin-right: 10px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.sort-by > ul input[type=radio]:checked + span:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.portfolio-filters > ul > li label input:checked + span {
background: #ee1d24;
color: #ffffff;
position: relative; }
.portfolio-filters > ul > li label input:checked + span:hover {
background: #f24c52 !important; }
.portfolio-filters > ul > li label input:checked + span:after {
content: "";
border-top: 10px solid currentColor;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
left: 0;
right: 0;
width: 0;
height: 0;
bottom: -10px;
color: #ee1d24;
margin: 0 auto; }
.portfolio-item {
min-height: 120px;
overflow: hidden;
position: relative; }
.portfolio-item > figure {
margin: 0;
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease; }
.portfolio-item:hover > figure {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.portfolio-item:hover .portfolio-front {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.portfolio-item:hover .portfolio-front .featured-icon {
-webkit-transform: translate(0, -50%) scale(1);
-moz-transform: translate(0, -50%) scale(1);
-ms-transform: translate(0, -50%) scale(1);
-o-transform: translate(0, -50%) scale(1);
transform: translate(0, -50%) scale(1); }
.portfolio-item:hover .portfolio-front > div + div {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.row:not(.row-fit) .portfolio-item {
margin-bottom: 33px; }
.portfolio-front {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.portfolio-front .featured-icon {
margin: 30% auto auto;
-webkit-transform: translate(0, -50%) scale(0);
-moz-transform: translate(0, -50%) scale(0);
-ms-transform: translate(0, -50%) scale(0);
-o-transform: translate(0, -50%) scale(0);
transform: translate(0, -50%) scale(0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
padding: 0; }
.portfolio-front .featured-icon figure {
margin: 0; }
.portfolio-front .featured-icon a {
outline: none;
-webkit-box-shadow: 7px 7px 0 rgba(255, 255, 255, 0.4);
box-shadow: 7px 7px 0 rgba(255, 255, 255, 0.4); }
.portfolio-front > div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.portfolio-front > div + div {
top: auto;
padding: 22px 11px 11px;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease; }
.portfolio-front > div + div span {
color: #adadad; }
.partner-item {
padding: 11px; }
@media (min-width: 768px) and (max-width: 992px) {
.pricing-table > li {
padding: 0 !important; } }
.pricing-item {
border: 1px solid #f6f6f6;
padding: 44px 22px; }
.pricing-item .featured-icon {
padding: 11px 0 33px; }
.pricing-item > ul {
margin-bottom: 44px; }
.best-choose {
background: #f6f6f6; }
.pricing-price {
margin-bottom: 66px; }
.pricing-title > h4 {
font-size: 1.9em; }
.twitter-feed-meta .featured-icon a {
-webkit-box-shadow: none;
box-shadow: none;
outline-color: #ffffff; }
.posts-loop > li {
padding: 66px 0 22px;
position: relative; }
.posts-loop > li:first-child {
padding-top: 0; }
.posts-loop > li:first-child .post-share {
top: -44px; }
.post-title {
margin: 0 0 22px 0; }
.bottom-sep {
-webkit-box-shadow: inset 0 -1px 0 #f6f6f6;
box-shadow: inset 0 -1px 0 #f6f6f6; }
.post-thumb {
position: relative;
margin-bottom: 55px; }
.post-thumb a {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
.post-thumb:hover a {
opacity: 0.8; }
.post-thumb:hover figcaption {
-webkit-animation: 0.4s pulse ease forwards;
-moz-animation: 0.4s pulse ease forwards;
-o-animation: 0.4s pulse ease forwards;
animation: 0.4s pulse ease forwards; }
.post-thumb figcaption {
position: absolute;
left: 0;
right: 0;
bottom: -22px;
pointer-events: none; }
.post-thumb figcaption > span {
display: block;
width: 44px;
height: 44px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin: 0 auto;
color: #ffffff;
outline: 8px solid; }
.post-thumb figcaption > span > i {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
font-size: 1.4em;
line-height: 1em;
width: 1em;
height: 1em;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto; }
.post-meta {
margin-top: 22px;
}
.meta-list > li {
padding: 0 11px;
position: relative; }
.meta-list > li span {
position: absolute;
right: 0;
top: -9px;
overflow: hidden;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
display: block;
width: 36px;
height: 36px; }
.meta-list > li span > img {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: -20%;
right: -20%;
bottom: -20%;
left: -20%;
max-width: none; }
.meta-list > li:first-child {
padding-left: 0; }
.meta-list > li:last-child {
padding-right: 55px; }
.meta-list > li:last-child:after {
content: ""; }
.meta-list > li:after {
content: "|";
position: absolute;
right: -3px; }
.meta-social {
margin-bottom: 22px; }
@media (max-width: 768px) {
.meta-social {
margin-left: 0 !important; } }
.meta-social > li {
padding-right: 11px;
font-size: 1.2em;
line-height: 22px; }
.meta-social > li i {
padding: 0 3px; }
.meta-social > li:last-child {
padding-right: 0; }
.post-share {
background: rgba(0, 0, 0, 0.55);
position: absolute;
top: -1px;
right: -15px;
bottom: 0;
left: -15px;
z-index: 2;
display: none; }
.post-share .social-networks {
position: absolute;
top: 50%;
left: 50%;
right: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.close-box {
position: absolute;
top: 22px;
right: 22px; }
.close-box:hover {
color: #ffffff; }
.opened-sharing {
display: block;
-webkit-animation: 0.4s fadeIn ease forwards;
-moz-animation: 0.4s fadeIn ease forwards;
-o-animation: 0.4s fadeIn ease forwards;
animation: 0.4s fadeIn ease forwards; }
.opened-sharing + div {
-webkit-filter: blur(5px);
filter: blur(5px);
opacity: 0.8; }
.pagination-links {
margin-top: 66px;
margin-bottom: 44px; }
.pagination-links > li {
width: 28.6px;
height: 28.6px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border: 1px solid #adadad;
margin: 0 8.8px;
text-align: center; }
.pagination-links > li > a, .pagination-links > li > span {
display: block;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
line-height: 28.6px; }
.pagination-links > li:hover {
background: #ee1d24;
border-color: transparent; }
.pagination-links > li:hover > a, .pagination-links > li:hover > span {
color: white; }
.comments-pagination {
margin-top: 22px;
margin-bottom: 22px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.page-numbers.current {
color: #ffffff;
}
.post-pagination {
padding: 1em 0;
}
.post-pagination a {
padding: 0 3em;
color: #adadad;
}
.post-pagination a:hover {
color: #555555;
}
.post-pagination a:nth-child(2) {
border-left: 1px solid #dedede;
}
.comments-loop {
padding: 44px 0 11px; }
.comments-loop > li, .comments-loop ul li {
padding-left: 55px; }
.comment-post {
border: 1px solid #f6f6f6;
padding: 22px;
margin-bottom: 33px; }
.comment-post > figure {
float: left;
padding-right: 22px;
margin: 0; }
.comment-content > p {
margin-bottom: 11px; }
.comment-content > p:first-child {
margin-top: 0; }
.meta-comments {
line-height: 1em; }
.meta-comments > ol > li {
padding: 0 5.5px;
position: relative; }
.meta-comments > ol > li:after {
content: ",";
position: absolute;
right: -1px;
bottom: 0; }
.meta-comments > ol > li:first-child {
padding-left: 0; }
.meta-comments > ol > li:last-child:after {
content: "";
display: none; }
.meta-comments > ol > li:last-child {
padding-right: 0; }
.meta-comments > ol > li i {
margin-left: 4px; }
.meta-comments > ol > li a {
color: #000000;
font-weight: 400; }
.meta-comments > ol > li a:hover {
color: #ee1d24; }
.meta-comments > ol > li span {
color: #adadad; }
.col-md-12 > .tabs-content {
border: 1px solid #e9e9e9;
margin-bottom: 22px; }
.col-md-12 > .tabs-content ul > li > div {
padding: 33px; }
.tabs-content p:first-child {
margin-top: 0; }
.tabs-content p:last-child {
margin-bottom: 0; }
.tabs-nav {
margin-bottom: -1px; }
.tabs-nav a {
border: 1px solid #e9e9e9;
position: relative; }
.tabs-nav a:after {
content: "";
display: block;
position: absolute;
height: 2px;
left: 0;
right: 0;
top: -1px;
background: #ee1d24;
display: none; }
.tabs-nav .current {
background: #ffffff;
border-bottom-color: #ffffff;
z-index: 1; }
.tabs-nav .current:after {
display: block; }
.tabs-nav li.make-full a {
width: 100%;
text-align: center;
}
div:not(.col-md-12) > .tabs-nav .current {
border-bottom-color: #e9e9e9; }
div:not(.col-md-12) > .tabs-nav a:after {
left: -1px;
height: auto;
width: 1px;
top: 0;
bottom: 0;
right: auto; }
.air-nav li {
margin-right: 3px; }
.air-nav li:last-child {
margin-right: 0; }
.air-nav .current {
background: #ee1d24;
color: #ffffff; } [data-sudo-slider] {
display: none; }
.slide-navigation {
margin-bottom: 44px; }
.slide-navigation a {
width: 30px;
height: 30px;
line-height: 28px;
text-align: center;
display: block;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin: 0 7.33333px;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.slide-navigation a:hover {
border-color: currentColor; }
.slide-navigation a > i {
line-height: 30px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.device-slider {
padding-top: 129.8%;
background: url(//www.dkthermal.co.uk/wp-content/themes/unik/images/device-slider.png) 0 0 no-repeat transparent;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
margin-bottom: 44px; }
@media (min-width: 992px) {
.device-slider {
left: -30px;
margin-bottom: 0; } }
.device-slider > div {
position: absolute;
top: 10.7%;
right: 10.1%;
bottom: 10%;
left: 10.8%;
overflow: hidden; }
.device-slider > div > div {
margin: -10.7% -10.1% -10% -10.8%;
padding-top: 149.8%; }
.device-slider > div > div > span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); }
.device-slider > div > div .active-device-screen {
visibility: visible; }
.device-slider-nav li {
padding: 0 10px; }
.device-slider-nav .featured-icon {
max-width: 70px; }
.device-slider-nav .featured-icon figure.active-nav a {
outline-color: transparent; }
.device-slider-nav .featured-icon figure a {
-webkit-box-shadow: none;
box-shadow: none;
outline-color: #ffffff; }
.device-slider-nav .featured-icon figure a:after, .device-slider-nav .featured-icon figure a:before {
display: none; }
.device-slider-nav .featured-icon figure a:hover {
outline-color: transparent; }
.big-tabs {
position: relative;
background: #ffffff;
border-bottom: 3px solid #ee1d24; }
@media (max-width: 768px) {
.big-tabs {
display: none !important; } }
.big-tabs:after {
content: "";
display: block;
position: absolute;
width: 60%;
z-index: -1;
margin: 0 auto;
background: rgba(0, 0, 0, 0.1); }
.big-tabs:before {
content: "";
display: block;
position: absolute;
width: 20%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: #ee1d24;
z-index: 0; }
.active-big-tab > .tab-item > div {
-webkit-transform: rotate(45deg) scale(0.5) translate(40px, 40px);
-moz-transform: rotate(45deg) scale(0.5) translate(40px, 40px);
-ms-transform: rotate(45deg) scale(0.5) translate(40px, 40px);
-o-transform: rotate(45deg) scale(0.5) translate(40px, 40px);
transform: rotate(45deg) scale(0.5) translate(40px, 40px);
color: #ee1d24; }
.active-big-tab > .tab-item > div + * {
visibility: hidden; }
.tab-item {
-webkit-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.1);
cursor: pointer; }
@media (min-width: 992px) {
.tab-item {
padding: 2em; } }
.tab-item > div {
outline: 2px solid rgba(0, 0, 0, 0.1);
-webkit-transform: rotate(45deg) scale(0.3);
-moz-transform: rotate(45deg) scale(0.3);
-ms-transform: rotate(45deg) scale(0.3);
-o-transform: rotate(45deg) scale(0.3);
transform: rotate(45deg) scale(0.3);
margin-top: -20%;
margin-bottom: -20%;
min-width: 80px;
min-height: 80px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.tab-item > div > i {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.tab-item > div + * {
font-weight: 600; }
.big-tabs-content {
position: relative; }
.big-tabs-content > ul > li > div {
margin-top: 66px; }
@media (min-width: 1200px) {
.big-tabs-content > ul > li p {
display: block; } }
.big-tabs-content:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
top: 0;
left: 0;
right: 0;
margin: auto;
border-width: 15px 15px 0 15px;
color: #ee1d24;
border-color: currentColor transparent;
border-style: solid; }
@media (max-width: 768px) {
.big-tabs-content:after {
display: none; } }
.big-tabs-content figure {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.active-big-tab-content figure {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.vector-map {
text-transform: uppercase; }
.mapTooltip {
position: fixed;
background-color: #000000;
color: #ffffff;
width: 180px;
margin-left: -150px;
padding: 11px 7.33333px 11px 33px;
font-size: 0.8em; }
.mapTooltip > i {
position: absolute;
top: 11px;
left: 11px; }
.mapTooltip p {
margin: 0 0 7px 0; }
.mapTooltip p:last-child {
margin-bottom: 0; }
.box-intro-large {
height: 100vh;
width: 100%;
overflow: hidden;
min-height: 400px;
position: relative; }
.box-intro-page {
height: 13vh;
width: 100%;
overflow: hidden;
min-height: 200px;
position: relative; }
.box-intro-page i {
margin-bottom: 11px; }
.fixed-intro {
z-index: -1; }
.fixed-intro .intro-container {
position: fixed !important;
z-index: 0; }
.fixed-intro ~ *:not([class*='bg-']) {
background-color: #ffffff; }
[data-preloader='on'] {
_opacity: 0; }
body:not(.dom-loaded) .page-loader {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
body:not(.dom-loaded) .page-loader > div {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: table;
margin: 0 auto; }
body:not(.dom-loaded) .page-loader > div h1 {
font-weight: 900;
opacity: 0;
color: #9a9a9a !important; }
body:not(.dom-loaded) .page-loader > div h1 span {
display: inline-block;
opacity: 0; }
.dom-loaded .page-loader {
display: none; }
.intro-container {
opacity: 0;
visibility: hidden;
position: absolute !important;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.intro-center {
margin: 0 !important;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%; }
.dom-loaded .intro-container {
opacity: 1;
visibility: visible; }
.intro-logo {
margin-top: 44px; }
.demo-buttons {
display: table;
padding: 22px; }
.demo-buttons > li {
padding: 0 22px;
vertical-align: bottom;
display: table-cell; }
.slider-box {
position: relative;
margin-bottom: 22px; }
.slider-box .slide-navigation {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9;
margin: 0; }
.slider-box .slide-navigation li {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%); }
.slider-box .slide-navigation li:first-child {
left: 22px; }
.slider-box .slide-navigation li:last-child {
right: 22px; }
.loop-progress-round {
position: relative;
opacity: 0; }
.loop-progress-round > div {
display: block !important;
margin: auto; }
.loop-progress-round:before {
content: "";
display: block;
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #dddddd;
-webkit-border-radius: 50%;
border-radius: 50%; } .strp-window {
position: fixed;
width: 0;
height: 100%;
overflow: hidden;
background: #292929; }
.strp-window.strp-vertical {
height: 0;
width: 100%; }
.strp-window {
margin-left: 40px; }
.strp-window.strp-vertical {
margin-left: 0;
margin-bottom: 40px; }
@media all and (max-width: 414px) and (orientation: portrait), all and (max-width: 736px) and (max-height: 414px) {
.strp-window.strp-horizontal {
min-width: 100%; } }
@media all and (max-height: 414px) and (orientation: landscape), all and (max-height: 736px) and (max-width: 414px) {
.strp-window.strp-vertical {
min-height: 100%; } }
.strp-window,
.strp-spinner-move {
z-index: 99999; }
.strp-window {
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
transform: translateZ(0px); }
.strp-measured {
margin: 0 !important;
min-width: 0 !important;
min-height: 0 !important; }
.strp-pages {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden; }
.strp-side-right {
top: 0;
right: 0; }
.strp-side-right .strp-pages {
top: 0;
right: 0; }
.strp-side-right .strp-page {
top: 0;
right: 0; }
.strp-side-left {
top: 0;
left: 0; }
.strp-side-left .strp-pages {
top: 0;
left: 0; }
.strp-side-left .strp-page {
top: 0;
left: 0; }
.strp-side-left .strp-close {
top: 0;
right: 0; }
.strp-side-top {
top: 0;
left: 0; }
.strp-side-top .strp-pages {
top: 0;
left: 0; }
.strp-side-top .strp-page {
top: 0;
left: 0; }
.strp-side-bottom {
bottom: 0;
left: 0; }
.strp-side-bottom .strp-pages {
bottom: 0;
left: 0; }
.strp-side-bottom .strp-page {
bottom: 0;
left: 0; }
.strp-side-bottom .strp-close {
top: 0;
right: 0; }
.strp-page {
position: absolute;
width: 100%;
height: 100%; }
.strp-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
text-align: center;
background: #ffffff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-left: 3px solid #f6f6f6; }
.strp-no-overlap .strp-container {
padding: 48px 72px; }
.strp-no-overlap.strp-no-sides .strp-container {
padding: 48px 0; }
.strp-vertical .strp-no-overlap .strp-container {
padding: 0 72px; }
.strp-vertical .strp-no-overlap.strp-no-sides .strp-container {
padding: 0 48px; }
.strp-hovering-clickable .strp-container {
cursor: pointer; }
.strp-content-element {
position: absolute;
top: 50%;
left: 50%; }
.strp-content-element iframe {
float: left;
width: 100%;
height: 100%; }
.strp-container img {
display: inline-block;
vertical-align: middle; }
.strp-info {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
color: #efefef;
font-size: 13px;
line-height: 20px;
background: #000;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none; }
.strp-info-padder {
display: block;
overflow: hidden;
padding: 12px;
position: relative;
width: auto;
background-color: #ee1d24; }
.strp-caption {
width: auto;
display: inline;
white-space: wrap; }
.strp-position {
color: #b3b3b3;
line-height: 21px;
opacity: 0.99;
position: relative;
text-align: right;
margin-left: 15px;
white-space: nowrap;
display: table;
margin: 0 auto;
color: #ffffff; }
.strp-info a,
.strp-info a:hover {
color: #ccc;
border: 0;
background: none;
text-decoration: underline; }
.strp-info a:hover {
color: #eee; }
.strp-nav {
position: absolute;
top: 50%;
width: 54px;
height: 72px;
margin: 0 9px;
margin-top: -36px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.strp-nav-previous {
left: 0; }
.strp-nav-next {
right: 0;
left: auto; }
.strp-nav-previous:hover i, .strp-nav-next:hover i {
color: #ee1d24; }
.strp-nav-previous i, .strp-nav-next i {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
margin: auto; }
.strp-nav-disabled {
cursor: default; }
.strp-nav-button {
float: left;
width: 100%;
height: 100%;
margin: 0;
padding: 0; }
.strp-nav-button-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #101010; }
.strp-nav-button-icon {
float: left;
position: relative;
height: 100%;
width: 100%;
zoom: 1;
background-position: 50% 50%;
background-repeat: no-repeat; } .strp-close {
position: absolute;
width: 33px;
height: 33px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
top: 22px;
right: 33px; }
.strp-close > i {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
border: 1px solid rgba(238, 29, 36, 0.2);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
text-align: center;
background: #ffffff; }
.strp-close > i:before {
position: absolute;
margin: auto;
width: 1em;
height: 1em;
line-height: 1em;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
color: rgba(238, 29, 36, 0.2); }
.strp-close:hover > i {
background-color: #f6f6f6; }
.strp-close:hover > i:before {
color: #ee1d24; }
.strp-close:hover .strp-close-background {
background-color: #f6f6f6; }
.strp-has-error .strp-container {
background-color: #ca3434; }
.strp-error {
position: absolute;
top: 50%;
left: 50%;
width: 240px;
height: 240px;
margin-left: -120px;
margin-top: -120px;
background-position: 50% 50%;
background-repeat: no-repeat; }
.strp-spinner-move {
position: fixed;
top: 0px;
right: 0px;
height: 48px;
width: 0;
overflow: visible !important; }
.strp-spinner-move.strp-vertical {
width: 48px;
height: 0; }
.strp-spinner {
width: 48px;
height: 48px;
float: left;
position: relative; }
.strp-spinner-move.strp-side-top {
top: 0;
right: 0;
bottom: auto;
left: auto; }
.strp-spinner-move.strp-side-bottom {
top: auto;
right: 0;
bottom: 0;
left: auto; }
.strp-spinner-move.strp-side-right .strp-spinner {
margin-left: -48px; }
.strp-spinner-move.strp-side-left .strp-spinner {
margin-right: -48px;
float: right; }
.strp-spinner-move.strp-side-bottom .strp-spinner {
margin-top: -48px; }
.strp-spinner-move.strp-side-top .strp-spinner {
position: absolute;
bottom: 0;
right: 0;
margin-bottom: -48px; }
@-moz-keyframes strp-spinner-spin {
100% {
-moz-transform: rotate(360deg); } }
@-webkit-keyframes strp-spinner-spin {
100% {
-webkit-transform: rotate(360deg); } }
@-o-keyframes strp-spinner-spin {
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes strp-spinner-spin {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.strp-spinner-rotate,
.strp-spinner-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.strp-spinner-line {
position: absolute;
left: 50%;
top: 15px;
width: 2px;
margin-left: -1px;
height: 3px;
-webkit-border-radius: 1px;
border-radius: 1px;
z-index: 80;
color: inherit; }
.strp-window-skin-strip .strp-nav-button-background {
background-color: transparent; }
.strp-window-skin-strip .strp-nav-previous .strp-nav-button-icon {
background-color: #f6f6f6; }
.strp-window-skin-strip .strp-nav-next .strp-nav-button-icon {
background-color: #f6f6f6; }
.strp-window-skin-strip .strp-nav .strp-nav-button-icon {
opacity: 0.6; }
.strp-window-skin-strip.strp-mobile-touch .strp-nav .strp-nav-button-icon {
opacity: 1; }
.strp-window-skin-strip .strp-nav:hover .strp-nav-button-icon,
.strp-window-skin-strip .strp-nav-hover .strp-nav-button-icon {
opacity: 1; }
@media all and (max-width: 375px) and (orientation: portrait), all and (max-height: 375px) and (max-width: 667px) {
.strp-window-skin-strip .strp-nav {
width: 48px;
height: 60px;
margin: 0 5px;
margin-top: -30px; } }
.strp-no-overlap .strp-container {
padding: 48px 58px; }
.strp-no-overlap.strp-no-sides .strp-container {
padding: 48px 0; }
.strp-vertical .strp-no-overlap .strp-container {
padding: 0 58px; }
.strp-vertical .strp-no-overlap.strp-no-sides .strp-container {
padding: 0 48px; }
.strp-window-skin-strip.strp-side-left.strp-opening .strp-page,
.strp-window-skin-strip.strp-side-left.strp-closing .strp-page {
left: auto;
right: 0; }
.strp-window-skin-strip.strp-side-right.strp-opening .strp-page,
.strp-window-skin-strip.strp-side-right.strp-closing .strp-page {
left: 0;
right: auto; }
.strp-window-skin-strip.strp-side-top.strp-opening .strp-page,
.strp-window-skin-strip.strp-side-top.strp-closing .strp-page {
bottom: 0;
top: auto; }
.strp-window-skin-strip.strp-side-bottom.strp-opening .strp-page,
.strp-window-skin-strip.strp-side-bottom.strp-closing .strp-page {
bottom: auto;
top: 0; } .vc_sep_width_40 { width: 40%;}
.vc_sep_width_30 { width: 30%;}
.vc_sep_width_20 { width: 20%;}
.vc_sep_width_10 { width: 10%;}
[class*="-rhombus"] {
-webkit-transform: rotate(45deg);
-woz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
will-change: transform;
margin-bottom: 9px;
}
[class*="-rhombus"] .vc_icon_element-icon:before {
position: relative;
top: 1px;
left: 1px;
-webkit-transform: rotate(-45deg);
-woz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
border-width: 1px !important;
}
[class*="vc_icon_element-style-rhombus-fancy"] {
-webkit-box-shadow: 7px 7px rgba(238,238,238,0.2);
box-shadow: 7px 7px rgba(238,238,238,0.2);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
overflow: hidden;
}
.vc_icon_element-style-rhombus-fancy:hover {
_background: transparent !important;
}
[class*="vc_icon_element-style-rhombus-fancy"]:hover .vc_icon_element-icon:before {
color: #ffffff;
}
[class*="vc_icon_element-style-rhombus-fancy"]:hover:before, [class*="vc_icon_element-style-rhombus-fancy"]:hover:after {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); }
[class*="vc_icon_element-style-rhombus-fancy"]:hover:before {
border-left-color: white;
border-bottom-color: white; }
[class*="vc_icon_element-style-rhombus-fancy"]:hover:after {
border-right-color: white;
border-top-color: white; }
[class*="vc_icon_element-style-rhombus-fancy"]:after, [class*="vc_icon_element-style-rhombus-fancy"]:before {
content: "";
display: block;
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
border: 1px solid transparent;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out; }
[class*="vc_icon_element-style-rhombus-fancy"]::before {
-webkit-transform: translate(-10px, 10px);
-moz-transform: translate(-10px, 10px);
-ms-transform: translate(-10px, 10px);
-o-transform: translate(-10px, 10px);
transform: translate(-10px, 10px); }
[class*="vc_icon_element-style-rhombus-fancy"]::after {
-webkit-transform: translate(10px, -10px);
-moz-transform: translate(10px, -10px);
-ms-transform: translate(10px, -10px);
-o-transform: translate(10px, -10px);
transform: translate(10px, -10px); }
.vc_icon_element-background-color-alpha {
background: #ee1d24 !important;
}
.vc_icon_element-background-color-beta {
background: #555555 !important;
}
.wpb_content_element:not(.no-margin) {
margin-bottom: 22px !important;
}
.as-link {
border-width: 0 !important;
font-size: 13px !important;
padding: 0 !important;
}
.vc_btn-alpha {
color: #ee1d24;
}
.vc_btn-beta {
color: #555555;
}
.vc_btn_3d.vc_btn-beta, .vc_btn_round.vc_btn-beta, .vc_btn_square.vc_btn-beta, .vc_btn_rounded.vc_btn-beta {
background: #555555;
color: #ffffff;
}
.vc_btn_3d.vc_btn-beta:hover, .vc_btn_round.vc_btn-beta:hover, 
.vc_btn_square.vc_btn-beta:hover, .vc_btn_rounded.vc_btn-beta:hover {
opacity: 0.8;
}
.vc_btn_3d.vc_btn-beta {
-webkit-box-shadow: 0 3px 0 #333333;
box-shadow: 0 3px 0 #333333;
}
.vc_btn_3d.vc_btn-alpha {
-webkit-box-shadow: 0 3px 0 #c7181e;
box-shadow: 0 3px 0 #c7181e;
}
.vc_btn_square {
padding
}
.vc_btn_3d.vc_btn-alpha, .vc_btn_round.vc_btn-alpha, .vc_btn_square.vc_btn-alpha, .vc_btn_rounded.vc_btn-alpha {
background: #ee1d24;
color: #ffffff;
}
.vc_btn_3d.vc_btn-alpha:hover, .vc_btn_round.vc_btn-alpha:hover, 
.vc_btn_square.vc_btn-alpha:hover, .vc_btn_rounded.vc_btn-alpha:hover {
opacity: 0.8;
}
.wpb_row {
margin-bottom: 0 !important;
} .vc-gitem-zone-height-mode-auto:before {
_padding: 0 !important;
}
.vc_gitem-zone-b {
height: 100% !important;
}
.vc_grid-filter.portfolio-filters {
padding: 0;
margin: 0 auto 66px auto;
}
.vc_grid-filter.portfolio-filters > li {
padding: 12.57px 33px !important;
border-radius: none !important;
}
.vc_grid-filter-color-alpha > li span {
color: #000000 !important;
}
.vc_grid-filter-color-alpha .vc_active {
background: #ee1d24 !important;
position: relative;
}
.vc_grid-filter-color-alpha .vc_active span {
color: #ffffff !important;
}
.vc_grid-filter-color-alpha .vc_active:after {
content: "";
border-top: 10px solid #ee1d24;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
left: 0;
right: 0;
width: 0;
height: 0;
bottom: -10px;
margin: 0 auto;
}
.vc_grid-styled-select {
margin-bottom: 66px;
}
.vc_grid-styled-select select {
border: 1px solid rgba(0,0,0,0.1);
padding: 12.57px 33px !important;
}
.vc_grid-filter.portfolio-filters > .vc_grid-filter-item {
border-radius: 0 !important;
}
.wpb_single_image .vc_single_image-wrapper {
display: block !important;
}
body .vc_custom_heading a:hover {
color: #ee1d24;
}