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

 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
-ms-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
-ms-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
-ms-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-ms-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
-ms-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
-ms-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
-ms-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
-ms-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
-ms-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
-ms-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
-ms-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
-ms-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
-ms-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
-ms-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
-ms-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
-ms-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
-ms-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-ms-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
-ms-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-ms-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-ms-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
-ms-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
-ms-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
-ms-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
-ms-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
-ms-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
-ms-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
-ms-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
-ms-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0, 0, 1, 45deg);
transform: rotate(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0, 0, 1, 45deg);
-ms-transform: rotate(0, 0, 1, 45deg);
transform: rotate(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
-ms-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
-ms-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
-ms-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
-ms-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
-ms-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
-ms-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url("//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,400italic,700");
@import url("//fonts.googleapis.com/css?family=Damion");
@import url("//fonts.googleapis.com/css?family=Pacifico"); body {
background: #e2e6e9;
color: #a4a4a5;
font: 400 14px/24px 'Roboto Condensed', sans-serif;
-webkit-text-size-adjust: none;
}
img {
max-width: 100%;
height: auto;
}
h1 {
font-size: 80px;
line-height: 92px;
}
h2 {
font-size: 52px;
line-height: 80px;
font-weight: 700;
}
h3 {
font-size: 44px;
line-height: 53px;
font-weight: 300;
}
h3 + p {
margin-top: 17px;
}
h4 {
text-transform: uppercase;
font-size: 36px;
line-height: 40px;
font-weight: 400;
color: #414141;
}
h4 + p {
margin-top: -2px;
color: #909497;
font-size: 14px;
}
h5 {
color: #414141;
text-transform: uppercase;
font-size: 30px;
line-height: 36px;
font-weight: 400;
}
h5 + * {
margin-top: 52px;
}
h5 + p {
margin-top: 6px;
}
h5 + .row {
margin-top: 51px;
}
h5 + form {
margin-top: 58px;
}
h6 {
font-size: 20px;
line-height: 22px;
font-weight: 400;
color: black;
}
h6 + span {
margin-top: 2px;
color:black;
}
h6 + p {
margin-top: 15px;
color:black;
}
p {
font-family: 'Roboto Condensed', sans-serif;
color: #a4a4a5;
}
p a:hover {
text-decoration: underline;
}
p + .row {
margin-top: 14px;
}
time {
display: block;
}
a {
font: inherit;
color: inherit;
text-decoration: none;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
a:active,
a:focus,
a:hover,
a:visited {
outline: 0;
}
a:active {
background: transparent;
}
a[href^="tel:"] {
color: inherit;
text-decoration: none;
}
strong {
font-weight: 700;
}
.fa {
line-height: inherit;
}
[class*='fa-']:before {
font-weight: 400;
font-family: 'FontAwesome';
}
.page {
overflow: hidden;
min-height: 500px;
}
.lt-ie9 .page {
min-width: 1200px;
}
.bg-wrap {
background: #e2e6e9;
}
.video01 {
width: 570px;
height: 322px;
}  .sf-menu {
display: inline-block;
}
.sf-menu:before,
.sf-menu:after {
content: " ";
display: table;
}
.sf-menu:after {
clear: both;
}
.sf-menu > li {
position: relative;
float: left;
}
.sf-menu > li + li {
margin-left: 0px;
}
.sf-menu a {
display: block;
}
.sf-menu > li > a {
font-size: 14px;
line-height: 30px;
font-weight: 400;
padding: 5px 11px;
padding-top: 6px;
padding-bottom: 4px;
color: #525252;
text-transform: uppercase;
}
@media only screen and (max-width: 979px) {
.sf-menu > li > a {
font-size: 14px;
padding: 5px 10px;
}
}
.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover {
color: #de0500;
}
.sf-menu > li.current-menu-item > a,
.sf-menu > li.active > a {
color: #fff;
background: #de0500;
}
.sf-menu ul {
display: none;
position: absolute;
top: 100%;
left: 50%;
width: 300px;
margin-left: -53px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-top: 1px;
padding: 16px 13px;
background: #01b9af;
z-index: 2;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sf-menu ul > li {
position: relative;
}
.sf-menu ul > li > a {
text-transform: uppercase;
display: inline-block;
font-size: 12px;
line-height: 34px;
font-family: "Arial", sans-serif;
font-weight: 400;
color: #FFF;
background: #01b9af;
}
.sf-menu ul > li.sfHover > a,
.sf-menu ul > li > a:hover {
color: #FFF;
font-size: 14px;
font-weight: 700;
}
.sf-menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 98px;
margin-top: 8px;
margin-left: 13px;
padding: 0px 13px;
z-index: 4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.sf-menu ul ul {
background: #414141;
}
.sf-menu ul ul > li > a {
color: #FFF;
font-size: 12px;
line-height: 30px;
font-family: "Arial", sans-serif;
font-weight: 400;
background: #414141;
}
.sf-menu ul ul > li.sfHover > a,
.sf-menu ul ul > li > a:hover {
color: #de0500;
font-size: 12px;
font-weight: 400;
}
.sf-menu > li > .sf-with-ul {
position: relative;
}
.sf-menu > li > .sf-with-ul:before {
position: absolute;
left: 50%;
top: 77%;
margin-left: -2px;
color: #191919;
content: '\f0d7';
font: 400 12px/12px 'FontAwesome';
}
.active .sf-with-ul:before {
color: #fff !important;
}
@media (max-width: 767px) {
.sf-menu {
display: none;
}
} .select-menu {
position: relative;
display: none;
margin: 0 auto;
width: 420px;
background: #ffffff url(//zubbolinet.ru/wp-content/themes/bolinet/images/select.png) no-repeat right center;
overflow: hidden;
}
.select-menu .select {
width: 420px;
height: 30px;
color: #585858;
background-color: transparent;
font: 400 15px 'Roboto Condensed', sans-serif;
line-height: 30px;
border: 1px solid grey;
border-radius: 0;
box-shadow: none;
outline: none;
-webkit-appearance: none;
}
.select-menu .select::-ms-expand {
display: none;
}
@media (max-width: 767px) {
.select-menu {
display: block;
}
}
@media (max-width: 479px) {
.select-menu {
width: 270px;
}
.select-menu .select {
width: 270px;
}
} .isStuck {
background: #ffffff;
z-index: 999;
border-bottom: 1px solid #f0efef;
}
.isStuck .list01 {
display: none;
}
.isStuck .sf-menu {
padding-top: 28px;
margin-top: -15px;
}
.isStuck .sf-menu > li {
position: relative;
float: left;
}
.isStuck .sf-menu > li + li {
margin-left: 0px;
}
.isStuck .search-form {
margin-top: 16px;
}
.isStuck .nav {
padding-bottom: 15px;
margin-bottom: 0;
}
.isStuck .brand {
display: none;
padding-left: 65px;
margin-top: 10px;
margin-bottom: -37px;
}
.isStuck .brand_name {
font-size: 30px;
line-height: 30px;
}
.isStuck .brand .brand-icon {
position: relative;
text-align: center;
}
.isStuck .brand .brand-icon:before {
content: url(//zubbolinet.ru/wp-content/themes/bolinet/images/logo.png);
position: absolute;
top: -5px;
left: 0;
padding-left: 12px;
padding-right: 12px;
padding-top: 8px;
padding-bottom: 3px;
margin-top: 1px;
margin-left: -65px;
background: #de0500;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.isStuck .brand_slogan {
font-size: 10px;
line-height: 12px;
letter-spacing: 1px;
margin-top: -3px;
margin-left: 3px;
color: #de0500;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
.isStuck .sf-menu {
margin-left: 0;
padding-top: 15px;
margin-top: -11px;
}
.isStuck .sf-menu > li > a {
font-size: 14px;
padding: 5px 10px;
}
.isStuck .brand {
display: none;
}
.isStuck .nav {
padding-bottom: 5px;
}
.isStuck .search-form {
margin-top: 7px;
}
}
@media only screen and (max-width: 979px) {
.isStuck {
display: none !important;
}
} .toTop {
width: 42px;
height: 42px;
font-size: 27px;
line-height: 38px;
color: #8f8f90;
background: #f7f7f7;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: fixed;
right: 66px;
bottom: 180px;
display: none;
overflow: hidden;
text-align: center;
text-decoration: none;
z-index: 20;
}
.toTop:hover {
color: #de0500;
background: #f7f7f7;
text-decoration: none;
}
@media only screen and (max-width: 1399px) {
.toTop {
display: none !important;
}
} .resp-tabs-list {
display: none;
}
.resp-tabs-list li {
cursor: pointer;
}
.resp-tabs-container {
margin-top: 15px;
margin-bottom: 27px;
}
.resp-accordion {
position: relative;
display: block;
background: #f4f4f4;
cursor: pointer;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
color: #01b9af;
padding: 5px 5px;
padding-top: 6px;
padding-left: 32px;
border: 1px solid #ececec;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 9px;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.resp-accordion:before {
content: "\f067";
font-family: 'FontAwesome';
position: absolute;
left: 8px;
top: 50%;
margin-top: -8px;
font-size: 10px;
line-height: 17px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
width: 16px;
height: 16px;
border: 1px solid #7b7f82;
color: #51565a;
}
.resp-accordion:hover {
color: #de0500;
}
.resp-tab-active:before {
content: "\f068";
}
.resp-tab-content {
display: none;
padding: 6px 20px 33px 31px;
font-size: 13px;
line-height: 18px;
}
.resp-tab-content-active {
display: block;
}
@media (max-width: 767px) {
.resp-accordion {
display: block;
}
.resp-tabs-list {
display: none;
}
} .parallax {
background-position: center 0;
background-repeat: no-repeat;
}
.mobile .parallax,
.tablet .parallax {
background-position: 50% 0 !important;
background-size: cover;
}
.parallax1 {
background-color: #FFF;
background-image: url(//zubbolinet.ru/wp-content/themes/bolinet/images/page-1_parallax01.jpg);
position: relative;
}
.parallax2 {
background-color: #FFF;
background-image: url(//zubbolinet.ru/wp-content/themes/bolinet/images/page-4_parallax01.jpg);
position: relative;
}
@media (max-width: 767px) {
.parallax {
background-position: center 0 !important;
background-size: cover;
}
}

@font-face {
font-family: "sawmill";
src: url(//zubbolinet.ru/wp-content/themes/bolinet/fonts/sawmill.eot);
src: url(//zubbolinet.ru/wp-content/themes/bolinet/fonts/sawmill.eot?#iefix) format("embedded-opentype"), url(//zubbolinet.ru/wp-content/themes/bolinet/fonts/sawmill.woff) format("woff"), url(//zubbolinet.ru/wp-content/themes/bolinet/fonts/sawmill.ttf) format("truetype"), url(//zubbolinet.ru/wp-content/themes/bolinet/fonts/sawmill.svg#sawmill) format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "sawmill" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "sawmill" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow-right:before {
content: "a";
}
.icon-subtract:before {
content: "b";
}
.icon-add:before {
content: "c";
} .thumb {
display: block;
position: relative;
overflow: hidden;
}
.thumb img {
width: 100%;
height: auto;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
}
.thumb_overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
color: #ffffff;
background: transparent;
}
.thumb_overlay:before {
content: '\f065';
position: absolute;
top: 50%;
left: 0;
right: 0;
font: 400 30px 'FontAwesome';
line-height: 30px;
margin-top: -15px;
text-align: center;
}
.lt-ie9 .thumb_overlay:before {
display: none;
}
.thumb:hover .thumb_overlay {
opacity: 1;
background: rgba(0, 0, 0, 0.5);
}
.lt-ie9 .thumb:hover .thumb_overlay {
background: none;
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
zoom: 1;
}
.lt-ie9 .thumb:hover .thumb_overlay:before {
display: block;
}
.thumb:hover img {
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.stacktable {
width: 100%;
}
.st-head-row {
padding-top: 1em;
}
.st-head-row.st-head-row-main {
font-size: 1.5em;
padding-top: 0;
}
.st-key {
width: 49%;
text-align: right;
padding-right: 1%;
}
.st-val {
width: 49%;
padding-left: 1%;
} .stacktable.large-only {
display: table;
}
.stacktable.small-only {
display: none;
}
@media (max-width: 800px) {
.stacktable.large-only {
display: none;
}
.stacktable.small-only {
display: table;
}
} table + table {
margin-top: 5px;
}
.taddress {
font-size: 30px;
line-height: 32px;
margin: 20px 0;
color: #01b9af;
display: none;
}
@media only screen and (max-width: 801px) {
.taddress {
display: inline-block;
text-align: center;
}
}
.table1 {
width: 100%;
border: 1px solid #edeaea;
border-collapse: collapse;
font-size: 16px;
line-height: 24px;
color: #252525;
font-weight: 400;
}
@media only screen and (max-width: 479px) {
.table1 {
font-size: 14px;
line-height: 20px;
}
}
.table1 .ton {
display: none;
}
.table1 tr td {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 17px;
padding-top: 14px;
padding-bottom: 17px;
border: 1px solid #edeaea;
vertical-align: top;
}
@media only screen and (max-width: 979px) {
.table1 tr td {
padding: 5px;
}
}
.table1 span {
display: block;
font-size: 13px;
line-height: 21px;
color: #a4a4a5;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 479px) {
.table1 span {
font-size: 12px;
}
}
.table1 .td01 {
padding-right: 50px;
color: #01b9af;
vertical-align: top;
width: 198px;
}
@media only screen and (max-width: 1199px) {
.table1 .td01 {
width: 160px;
padding-right: 20px;
}
}
@media only screen and (max-width: 979px) {
.table1 .td01 {
padding: 5px;
width: 100px;
}
}
.table1 .td02 {
width: 198px;
}
@media only screen and (max-width: 1199px) {
.table1 .td02 {
width: 150px;
}
}
@media only screen and (max-width: 979px) {
.table1 .td02 {
width: 130px;
}
}
.table1 .td03 {
width: 154px;
}
.table1 .va-m {
vertical-align: middle;
}
@media only screen and (max-width: 801px) {
.table1 .ton {
display: block !important;
}
.table1 .toff {
display: none !important;
}
} header {
background: #ffffff;
position: relative;
z-index: 5;
-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
}
header .brand {
float: left;
}
header .nav {
width: 980px;
margin: 17px auto;
}
@media (max-width: 767px) {
header {
text-align: center;
}
header .brand,
header .nav {
float: none;
}
}
header .list01 {
margin-top: 50px;
}
@media only screen and (max-width: 1199px) {
header .list01 {
margin-top: 56px;
}
}
@media only screen and (max-width: 767px) {
header .list01 {
margin-top: 0;
margin-bottom: 50px;
}
} .brand {
display: inline-block;
padding-left: 65px;
margin-top: 41px;
margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
.brand {
margin-top: 21px;
margin-bottom: 10px;
}
}
.brand_name {
font-size: 49px;
line-height: 59px;
letter-spacing: 2.5px;
color: #01b9af;
}
.br_luber {
font-size: 29px;
line-height: 39px;
letter-spacing: 2.5px;
color: #414141;
text-align: center;
}
.brand .brand-icon {
position: relative;
text-align: center;
}
.brand .brand-icon:before {
content: url(//zubbolinet.ru/wp-content/themes/bolinet/images/logo.png);
position: absolute;
top: 1px;
left: 0;
padding-left: 12px;
padding-right: 12px;
padding-top: 6px;
padding-bottom: 3px;
margin-top: 1px;
margin-left: -65px;
background: #01B9B0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.brand_slogan {
font-size: 11.5px;
line-height: 12px;
letter-spacing: 1px;
margin-top: -4px;
margin-left: 3px;
color: #de0500;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
text-transform: uppercase;
}  main {
display: block;
background: #ffffff;
} .well {
padding-bottom: 33px;
}
.well-02 {
padding-top: 27px;
padding-bottom: 21px;background: #ffffff;
}
.well-02.__sub {
padding: 45px 0;
}
.well-02.__sub .row + .row {
margin-top: 30px;
}
.well-02.__sub01 {
padding: 66px 0;
padding-bottom: 53px;
}
.well-02.__sub01 .row + .row {
margin-top: 68px;
}
.well-02.__sub01 .row + h5 {
margin-top: 68px;
}
.well-02.__sub01 .__mrg {
margin-top: 68px !important;
}
.well-02.__sub01 h5 + .row + .row {
margin-top: 30px;
}
.well-02.__sub02 {
padding-top: 32px;
padding-bottom: 30px;
}
.well-02.__sub02 .row + .row {
margin-top: 30px;
}
.well-02.__sub03 {
padding-top: 68px;
padding-bottom: 1px;
}
.well-02.__sub04 {
padding-bottom: 53px;
}
.well-02.__sub05 {
padding-top: 66px;
padding-bottom: 45px;
}
.well-02.__sub05 h5 + .row {
margin-top: 65px;
}
.well-02.__sub05 .row + .row {
margin-top: 44px;
}
.well-02.__sub06 {
padding-bottom: 26px;
}
.well-02.__sub07 {
padding-top: 66px;
padding-bottom: 76px;
}
.well-02.__sub07 h3 {
font-weight: 400;
text-transform: uppercase;
color: #252525;
text-align: center;
}
.well-02.__sub07 h3 span {
font-weight: 300;
color: #de0500;
}
.well-02.__sub07 h3 + .row {
margin-top: 62px;
}
@media only screen and (max-width: 767px) {
.well-02.__sub07 h3 {
text-align: center;
font-size: 40px;
line-height: 46px;
}
}
.well-03 {
padding-top: 50px;
padding-bottom: 65px;
}
@media only screen and (max-width: 767px) {
.well-03 h4,
.well-03 p {
text-align: center;
}
}
.well-04 {
padding-top: 69px;
}
@media only screen and (max-width: 767px) {
.well-04 #contact-form [class*="grid_"] + [class*="grid_"] {
margin-top: 18px;
}
}
.well-04.__mod {
padding-bottom: 42px;
}
.well-04.__mod2 {
padding-bottom: 50px;
}
.footer-well {
padding-top: 71px;
padding-bottom: 168px;
} .bg01 {
background: #de0500;
}  .btn {
font-size: 18px;
line-height: 21px;
color: #fff;
background: #01b9af;
display: inline-block;
padding: 8px 19px;
padding-top: 9px;
padding-bottom: 8px;
font-weight: 400;
text-transform: uppercase;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.btn:hover {
background: #de0500;
}
.btn_arrow,
.btn_01,
.btn_02,
.btn_03 {
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.btn_arrow {
position: relative;
}
.btn_arrow:before {
font-family: 'FontAwesome';
content: '\f105';
line-height: 27px;
padding-left: 11px;
padding-right: 11px;
color: #000;
margin-left: -11px;
font-size: 18px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
background: #fff;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.btn_01 {
font-size: 14px;
line-height: 18px;
font-weight: 700;
display: inline-block;
color: #fff;
background: #01b9af;
padding: 14px 29px;
padding-top: 16px;
padding-bottom: 12px;
}
.btn_01:hover {
background: #de0500;
}
.btn_02 {
display: inline-block;
font-size: 18px;
font-weight: 300;
color: #fff;
background: #de0500;
padding: 17px 45px 15px 44px;
}
.btn_02:hover {
background: #01b9af;
}
.btn_03 {
position: relative;
display: inline-block;
font-size: 18px;
line-height: 36px;
font-weight: 700;
color: #414141;
text-transform: uppercase;
}
.btn_03:after {
position: absolute;
top: 50%;
left: 100%;
font-family: 'FontAwesome';
content: '\f105';
color: #fff;
margin-left: 5px;
margin-top: -7px;
width: 13px;
height: 13px;
text-align: center;
font-size: 11px;
line-height: 12px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #414141;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.btn_03:hover {
color: #de0500;
}
.btn_03:hover:after {
margin-left: 8px;
background: #de0500;
} hr {
background: #dadbdc;
color: #dadbdc;
margin: 0;
padding: 0;
border: 0;
height: 1px;
margin: 8px 0;
}
hr + p {
margin-top: 6px;
}
.hr02 {
margin: 26px 0;
} .list01 {
float: right;
}
.list01 li {
float: left;
}
.list01 li a {
display: inline-block;
color: #01b9af;
font-size: 26px;
line-height: 17px;
font-weight: 600;
letter-spacing: .6px;
text-transform: uppercase;
border-left: 1px solid #c5c5c5;
margin-right: 17px;
padding-left: 12px;
}
.list01 li a:hover {
color: #de0500;
}
.soc-list {
font-size: 12px;
line-height: 30px;
font-weight: 300;
color: #363535;
text-transform: uppercase;
}
.soc-list li {
float: left;
margin-right: 12px;
}
.soc-list li a {
display: inline-block;
}
.soc-list li a:hover {
color: #01b9af !important;
}
.no-margin {
margin: 0 !important;
}
.no-border {
border: 0 !important;
} .box {
position: relative;
background: #01b9af;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.box:before,
.box:after {
content: " ";
display: table;
}
.box:after {
clear: both;
}
.box_cnt {
text-align: center;
margin: 28px 70px 36px 70px;
}
.box_cnt h5,
.box_cnt p {
color: #ffffff;
}
.box_cnt h5 {
text-transform: uppercase;
font-weight: 300; font-size: 19px;
}
.box_cnt p {
line-height: 21px;
}
.box_cnt p + .btn_arrow {
margin-top: 9px;
}
.box_cnt .btn_arrow {
display: inline-block;
}
.box_cnt .btn_arrow:hover:before {
background: #01b9af;
color: #fff;
}
.box_cnt.__mod01 {
margin: 28px 65px 36px 65px;
}
.box_cnt.__mod01 h5 {
display: inline-block;
line-height: 30px;
margin-top: 2px;
}
.box_cnt.__mod01 p {
font-size: 14px;
line-height: 21px;
font-weight: 400;
}
.box_cnt.__mod01 h5 + p {
margin-top: 10px;
}
.box_cnt.__mod01 p + .btn_arrow {
margin-top: 9px;
}
@media only screen and (max-width: 1199px) {
.box_cnt.__mod01 {
margin: 18px 30px 22px 30px;
}
}
@media only screen and (max-width: 979px) {
.box_cnt.__mod01 {
margin: 18px 30px 22px 30px;
}
.box_cnt.__mod01 h5 {
font-size: 24px;
line-height: 24px;
}
}
@media only screen and (max-width: 1199px) {
.box_cnt {
margin: 18px 30px 22px 30px;
}
}
@media only screen and (max-width: 1199px) {
.box img {
width: 100%;
}
}
.box:hover {
background: #de0500;
}
.box-02 {
border: 1px solid #edeaea;
padding: 15px;
padding-left: 16px;
padding-right: 14px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.box-02:before,
.box-02:after {
content: " ";
display: table;
}
.box-02:after {
clear: both;
}
.thumb + .box-02_cnt {
margin-top: 22px;
}
.box-02_cnt {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.box-02_cnt h6 {
color: #de0500;
}
.box-02_cnt span {
display: inline-block;
color: #01b9af;
text-transform: uppercase;
font-weight: 700;
}
.box-02_cnt p {
display: inline-block;
color: #8b9196;
font-size: 13px;
line-height: 18px;
font-weight: 400;
}
.box-02_cnt p + .btn {
margin-top: 21px;
margin-bottom: 11px;
}
@media only screen and (max-width: 767px) {
.box-02_cnt {
text-align: center;
}
}
.box-02_a {
position: relative;
}
.box-02_a h6 {
margin-top: 20px;
color: #414141;
text-transform: uppercase;
}
.box-02_a p {
display: inline-block;
color: #959ba0;
font-size: 13px;
line-height: 18px;
font-weight: 400;
}
@media only screen and (max-width: 767px) {
.box-02_a {
text-align: center;
}
}
.box-02.__mod01 img + * {
margin-top: 22px;
}
.box-02.__mod01 h6 + hr {
margin-top: 17px;
}
.box-02.__mod01 hr {
margin-bottom: 7px;
}
.box-02.__mod01 p + .btn {
margin-top: 22px;
}
@media only screen and (max-width: 767px) {
.box-02.__mod01 {
text-align: center;
}
}
.box-03 {
display: block;
position: relative;
padding: 120px 0;
}
.box-03:before,
.box-03:after {
content: " ";
display: table;
}
.box-03:after {
clear: both;
}
.box-03_block {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border: 12px solid rgba(255, 255, 255, 0.5);
width: 614px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.box-03_cnt {
position: relative;
height: 100%;
padding: 21px 25px 27px 25px;
background: rgba(255, 255, 255, 0.8);
text-transform: uppercase;
text-align: center;
-webkit-filter: blur(0);
-moz-filter: blur(0);
-o-filter: blur(0);
-ms-filter: blur(0);
filter: blur(0);
}
.lt-ie9 .box-03_cnt {
background: none;
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61ffffff', endColorstr='#61ffffff');
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61ffffff', endColorstr='#61ffffff');
zoom: 1;
}
.box-03_cnt h3 {
font-weight: 400;
}
.box-03_cnt p {
font-weight: 300;
font-size: 34px;
line-height: 53px;
}
.box-03_cnt h3,
.box-03_cnt p {
color: #252525;
}
.box-03_cnt span,
.box-03_cnt .call {
color: #de0500;
}
.box-03_cnt p + .call {
margin-top: 22px;
}
.box-03_cnt .call + .btn_02 {
margin-top: 63px;
}
.box-03_cnt.__mod01 {
padding: 21px 45px 27px 45px !important;
}
.box-03_cnt.__mod01 p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: none;
}
.box-03_cnt.__mod01 p + .btn_02 {
margin-top: 70px;
}
@media only screen and (max-width: 767px) {
.box-03_cnt.__mod01 {
padding: 21px 15px 25px 15px !important;
}
.box-03_cnt.__mod01 p + .btn_02 {
margin-top: 20px;
}
.box-03_cnt.__mod01 p {
font-size: 14px;
line-height: 20px;
font-weight: 400;
text-transform: none;
}
}
.box-03.__mod01 {
padding-bottom: 85px;
}
@media only screen and (max-width: 767px) {
.box-03_block {
width: 400px;
}
.box-03_cnt {
padding: 11px 15px 15px 15px;
}
.box-03_cnt h3,
.box-03_cnt p {
font-size: 30px;
line-height: 34px;
}
.box-03_cnt .call + .btn_02 {
margin-top: 23px;
}
}
@media only screen and (max-width: 479px) {
.box-03_block {
width: 270px;
}
.box-03_cnt h3,
.box-03_cnt p {
font-size: 22px;
line-height: 24px;
}
.box-03_cnt .btn_02 {
font-weight: 400;
}
}
.box-04:before,
.box-04:after {
content: " ";
display: table;
}
.box-04:after {
clear: both;
}
.box-04_cnt time {
display: inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #01b9af;
font-size: 62px;
font-weight: 700;
margin-top: 26px;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-left: 20px;
}
.box-04_cnt time span {
display: inline-block;
font-size: 18px;
line-height: 24px;
margin-top: 8px;
padding: 0;
}
.box-04_cnt time:hover {
color: #de0500;
}
.box-04_cnt h6 {
cursor: pointer;
border-left: 1px solid #cecece;
color: #01b9af;
margin-left: -31px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 11px;
font-size: 24px;
line-height: 24px;
font-weight: 400;
}
.box-04_cnt h6:hover {
color: #de0500;
}
@media only screen and (max-width: 1199px) {
.box-04_cnt h6 {
margin-left: -21px;
}
}
@media only screen and (max-width: 979px) {
.box-04_cnt h6 {
margin-left: -6px;
}
}
@media only screen and (max-width: 767px) {
.box-04_cnt h6 {
border: 0;
margin-left: 0;
padding-left: 0;
}
}
.box-04_cnt p {
font-size: 13px;
line-height: 21px;
color: #a4a4a5;
font-weight: 400;
}
.box-04_cnt .row + p {
margin-top: 23px;
}
.box-04_cnt hr + .btn_03 {
margin-top: -5px;
margin-bottom: 2px;
}
@media only screen and (max-width: 767px) {
.box-04_cnt {
text-align: center;
}
.box-04_cnt time span {
margin-left: 15px;
margin-top: 0;
}
}
.box-05 {
display: block;
position: relative;
padding: 15px 30px 15px 16px;
border: 1px solid #edeaea;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.box-05:before,
.box-05:after {
content: " ";
display: table;
}
.box-05:after {
clear: both;
}
img + .box-05_cnt {
margin-top: 22px;
}
.box-05_aside {
display: block;
float: left;
}
@media only screen and (max-width: 1199px) {
.box-05_aside {
float: none;
margin-bottom: 20px;
text-align: center;
}
}
@media only screen and (max-width: 1199px) {
.box-05 {
padding: 15px 15px 15px 16px;
}
}
.box-05_cnt {
display: block;
overflow: hidden;
text-align: left;
padding-left: 30px;
padding-top: 7px;
}
.box-05_cnt h6 {
color: #de0500;
}
.box-05_cnt span {
font-size: 14px;
line-height: 22px;
display: inline-block;
color: #01b9af;
text-transform: uppercase;
font-weight: 700;
}
.box-05_cnt hr {
margin-top: 10px;
margin-bottom: 8px;
}
.box-05_cnt p {
display: inline-block;
color: #8b9196;
font-size: 13px;
line-height: 18px;
font-weight: 400;
}
.box-05_cnt .mail + .btn_03 {
margin-top: 17px;
margin-bottom: 11px;
}
.box-05_cnt p + .telephone {
margin-top: 17px;
}
.box-05_cnt .telephone {
display: block;
color: #414141;
}
.box-05_cnt .telephone span {
color: #8b9196;
font-size: 13px;
line-height: 18px;
font-weight: 400;
}
.box-05_cnt .mail {
display: block;
color: #414141;
}
.box-05_cnt .mail a {
color: #de0500;
font-weight: 400;
}
.box-05_cnt .mail a:hover {
color: #01b9af;
}
@media only screen and (max-width: 1199px) {
.box-05_cnt {
padding-left: 0;
text-align: center;
}
.box-05_cnt .btn_03 {
margin-left: -10px;
}
}
.box-06 iframe {
width: 570px;
height: 322px;
}
@media only screen and (max-width: 1199px) {
.box-06 iframe {
width: 100%;
height: auto;
}
}
.box-06 h6 {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #01b9af;
margin-top: -5px;
}
.box-06 p {
font-size: 13px;
line-height: 21px;
color: #a4a4a5;
}
.box-06 h6 + p {
margin-top: 35px;
}
.box-06 p + p {
margin-top: 22px;
}
.box-06 p + hr {
margin-top: 30px;
}
.box-06 hr + .btn_03 {
margin-top: 13px;
margin-bottom: 15px;
}
.box-06 .resp-tabs-container {
margin-top: -13px;
}
.box-06 .resp-tabs-container .resp-tab-content {
padding: 5px 20px 33px 31px;
}
.box-06 .resp-tabs-container .resp-tab-content p {
font-size: 13px;
line-height: 18px;
color: #959ba0;
}
@media only screen and (max-width: 767px) {
.box-06 h6 + p {
margin-top: 15px;
}
}
.box-07 h6 {
font-size: 16px;
line-height: 24px;
color: #01b9af;
font-weight: 400;
}
.box-07 h5 + h6 {
margin-top: 60px;
}
.box-07 h6 + p {
margin-top: 36px;
}
.box-07 p {
font-size: 13px;
line-height: 21px;
}
.box-07 p + p {
margin-top: 21px;
}
.box-07 p + h6 {
margin-top: 60px;
}
.box-07 a {
display: inline-block;
color: #de0500;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.box-07 a:hover {
color: #01b9af;
}
.box-07 p + a {
margin-top: 62px;
} footer h6 {
font-size: 24px;
line-height: 30px;
font-weight: 400;
color: #646464;
text-transform: uppercase;
}
footer .copyright .footer-brand {
display: inline-block;
font-size: 36px;
line-height: 30px;
color: #de0500;
}
footer .copyright a:hover {
color: #de0500;
}
footer .copyright p {
font-size: 14px;
line-height: 30px;
color: #646464;
font-weight: 400;
}
footer .copyright p a {
text-decoration: none;
}
footer .copyright h6 + .footer-brand {
margin-top: 15px;
}
footer .copyright .footer-brand + p {
margin-top: 11px;
}
footer .copyright p + .soc-list {
margin-top: 4px;
}
footer .about-us h6 + p {
margin-top: 34px;
}
footer .about-us p {
width: 80%;
font-size: 13px;
line-height: 18px;
color: #646464;
font-weight: 400;
}
footer .contact-us h6 + p {
margin-top: 29px;
}
footer .contact-us p + a {
margin-top: 13px;
}
footer .contact-us a + p {
margin-top: 16px;
}
footer .contact-us p {
color: #646464;
font-size: 13px;
line-height: 30px;
}
footer .contact-us p span {
display: block;
line-height: 22px;
}
footer .contact-us a {
display: inline-block;
color: #646464;
}
footer .contact-us a:hover {
color: #de0500;
}
@media only screen and (max-width: 767px) {
footer {
text-align: center;
}
footer .copyright p + .soc-list {
margin-top: 0px;
}
footer .copyright .soc-list {
float: none;
display: inline-block;
}
footer .about-us p {
width: 100%;
}
} .wrapp {width: 960px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 0;}
.c6 .wrapp {
padding: 70px 0 105px 0;
}
.c6 .h1 {
font-family: 'museo_500';
font-size: 60px;
color: #4878a5;
line-height: 33px;
margin-left: 350px;
position: relative;
}
.c6 .h1 .img {
width: 58px;
height: 72px;
position: absolute;
left: -80px;
top: 10px;
background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c6_logo.png) no-repeat;
}
.c6 .h2 {
font-size: 30px;
color: #4878a5;
line-height: 33px;
margin: 0 0 35px 350px;
}
.c6 .h2 span {
}
.c6 .ul_wrapp {
width: 520px;
margin: 0 auto 45px auto;
position: relative;
}
.c6 .ul_wrapp ul {
list-style: none;
}
.c6 .ul_wrapp ul li {
font-family: 'Roboto Condensed', sans-serif;
font-size: 15px;
color: #959ba0;
line-height: 18px;
margin-bottom: 17px;
position: relative;
}
.c6 .ul_wrapp ul li span {
font-size: 15px;
color: #959ba0;
}
.c6 .ul_wrapp ul li:before {
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
background-color: #5e5e5e;
left: -10px;
top: 6px;
content: '';
}
.c6 .left_side {
position: absolute;
left: -45px;
top: -15px;
height: 100%;
padding: 10px 0;
width: 20px;
border: 5px solid #01B9B0;
border-right: none;
border-radius: 8px 0 0 8px;
}
.c6 .right_side {
position: absolute;
right: 0px;
top: -15px;
height: 100%;
padding: 10px 0;
width: 20px;
border: 5px solid #01B9B0;
border-left: none;
border-radius: 0 8px 8px 0;
}
.c6 .h3 {
font-size: 28px;
color: #4878a5;
line-height: 31px;
text-align: center;
margin-bottom: 20px;
}
.c6 .pt_wrapp ul {
list-style: none;
text-align: center;
}
.c6 .pt_wrapp ul li {
display: inline-block;
vertical-align: top;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
color: #959ba0;
line-height: 19px;
text-align: center;
margin: 0 17px;
padding-top: 75px;
position: relative;
}
.c6 .pt_wrapp ul li .img {
width: 100px;
height: 70px;
position: absolute;
left: 50%;
margin-left: -50px;
top: 0px;
}
.c6 .pt_wrapp ul li.li1 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c6_icon1.png) center center no-repeat;}
.c6 .pt_wrapp ul li.li2 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c6_icon2.png) center center no-repeat;}
.c6 .pt_wrapp ul li.li3 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c6_icon3.png) center center no-repeat;}
.c6 .pt_wrapp ul li.li4 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c6_icon4.png) center center no-repeat;}
.c6 .pt_wrapp ul li.li5 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c6_icon5.png) center center no-repeat;} .c10 { background: #01B9B0; }
.c10 .wrapp {
padding: 20px 0 30px 0;
}
.c10 .h1 {
font-family: 'museo_500';
font-size: 60px;
color: #4878a5;
line-height: 35px;
text-align: center;
margin-bottom: 10px;
}
.c10 .h2 {
font-family: 'museo_500';
font-size: 28px;
color: #4878a5;
line-height: 31px;
text-align: center;
margin-bottom: 10px;
}
.c10 .h3 {
text-align: center;
margin-bottom: 20px;
}
.c10 .h3 span {
font-family: 'museo_500';
font-size: 20px;
color: #5e5e5e;
line-height: 23px;
}
.c10 .h3 p {
font-family: 'museo_300';
font-size: 16px;
color: #5e5e5e;
line-height: 19px;
}
.c10 ul {
list-style: none;
text-align: center;
}
.c10 ul li {
font-size: 16px;
color: #ffffff;
line-height: 17px;
text-align: center;
position: relative;
padding-top: 190px;
display: inline-block;
vertical-align: top;
margin: 0 17px;
width: 150px;
}
.c10 ul li .img {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
margin-left: -100px;
top: 0px;
}
.c10 ul li.li1 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/icon1.png) center center no-repeat;}
.c10 ul li.li2 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/icon2.png) center center no-repeat;}
.c10 ul li.li3 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/icon3.png) center center no-repeat;}
.c10 ul li.li4 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/icon4.png) center center no-repeat;}
.c10 ul li.li5 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/icon5.png) center center no-repeat;} .c101 .wrapp {
padding: 90px 0 60px 0;
}
.c101 .h1 {
font-size: 60px;
color: #4878a5;
line-height: 35px;
text-align: center;
margin-bottom: 10px;
}
.c101 .h2 {
font-size: 28px;
color: #4878a5;
line-height: 31px;
text-align: center;
margin-bottom: 10px;
}
.c101 .h3 {
text-align: center;
margin-bottom: 20px;
}
.c101 .h3 span {
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
color: #5e5e5e;
line-height: 23px;
}
.c101 .h3 p {
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
color: #8b9196;
line-height: 19px;
}
.c101 ul {
list-style: none;
text-align: center;
}
.c101 ul li {
font-family: 'Roboto Condensed', sans-serif;
font-size: 14px;
color: #4878a5;
line-height: 17px;
text-align: center;
position: relative;
padding-top: 90px;
display: inline-block;
vertical-align: top;
margin: 0 26px;
}
.c101 ul li .img {
width: 200px;
height: 90px;
position: absolute;
left: 50%;
margin-left: -100px;
top: 0px;
}
.c101 ul li.li1 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c10_icon1.png) center center no-repeat;}
.c101 ul li.li2 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c10_icon2.png) center center no-repeat;}
.c101 ul li.li3 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c10_icon3.png) center center no-repeat;}
.c101 ul li.li4 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c10_icon4.png) center center no-repeat;}
.c101 ul li.li5 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c10_icon5.png) center center no-repeat;} .pricelist-page .table-header{text-align:justify;font-size:1px;border-top:1px solid #B4B4B4}.pricelist-page .table-header:after{content:"";width:100%;display:inline-block}
.pricelist-page .table-header span{display:inline-block;padding:0 25px;line-height:34px;color:#4f5050;font-family:'Roboto Condensed', sans-serif;font-size:15.5px}
.pricelist-page .table-header span:nth-child(2){margin-right:-55px}.pricelist-page .table-wrap{margin-top:-124px;padding-top:124px}.pricelist-page .pricelist-unit{width:100%;margin-bottom:50px;border-collapse:collapse}
.pricelist-page .pricelist-unit thead th{padding:10px 0;colspan:3;text-align:center;line-height:25px;font-size:15.5px;font-family:'Roboto Condensed', sans-serif;color:#ffffff;background:#01B9B0}
.pricelist-page .pricelist-unit tbody{counter-reset:tr}.pricelist-page .pricelist-unit tbody tr:first-child td{border-top:none}.pricelist-page .pricelist-unit tbody td{font-size:15.5px;line-height:35px;border:1px solid #BEBEBE}.pricelist-page .pricelist-unit tbody td a{color:#4f5050;text-decoration:underline}.pricelist-page .pricelist-unit tbody td a:hover{text-decoration:underline}.pricelist-page .pricelist-unit tbody td ul{width:100%;text-align:left}.pricelist-page .pricelist-unit tbody td ul li{width:100%;margin:0;border-bottom:1px solid #E3E3E3}.pricelist-page .pricelist-unit tbody td ul li:before{content:"- "}.pricelist-page .pricelist-unit tbody td ul li:last-child{border:none}.pricelist-page .pricelist-unit tbody td:nth-child(1){width:52px;text-align:center;vertical-align:top;border-left:none}.pricelist-page .pricelist-unit tbody td:nth-child(1):after{content:counter(tr);counter-increment:tr;color:#4f5050}.pricelist-page .pricelist-unit tbody td:nth-child(2){padding:0 20px;vertical-align:top}.pricelist-page .pricelist-unit tbody td:nth-child(2) ul{margin-left:-20px}.pricelist-page .pricelist-unit tbody td:nth-child(2) ul li{position:relative;padding-left:20px}.pricelist-page .pricelist-unit tbody td:nth-child(2) ul li:after{content:"";position:absolute;right:-40px;bottom:-1px;background:#E3E3E3;width:40px;height:1px}.pricelist-page .pricelist-unit tbody td:nth-child(2) ul li:last-child:after{display:none}.pricelist-page .pricelist-unit tbody td:nth-child(3){width:150px;vertical-align:bottom;text-align:center;border-right:none}.pricelist-page .pricelist-unit tbody td:nth-child(3) ul{text-align:center}.pricelist-page .pricelist-unit tbody td:nth-child(3) ul li:before{display:none} .slide-pd { margin:auto; padding:0 20px; position:relative; width:960px; }
#slide7 { background:#ffffff; padding:30px 0 40px; }
#slide7 .titles { color:#4878A5; font-size:54px;  text-align:center; line-height: 63px; margin-bottom: 40px;}
#slide7 .vart { padding-top:40px; }
#slide7 .vart div { display:inline-block; font-size:18px; letter-spacing:0; opacity:0; padding:10px 20px 10px 140px; position:relative; vertical-align:top; width:315px; }
#slide7 .vart div strong { color:#01B9AF; display:block; font-size:20px; padding-bottom:10px; }
#slide7 .vart div span { display:block; height:115px; left:10px; position:absolute; top:0; width:113px; }
#slide7 .vart div.z1 span { background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/pr2.png) 0 0 no-repeat; }
#slide7 .vart div.z2 span { background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/pr3.png) 0 0 no-repeat; }
#slide7 .vart div.z3 span { background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/pr4.png) 0 0 no-repeat; }
#slide7 .vart div.z4 span { background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/pr5.png) 0 0 no-repeat; }
#slide7 .vart div.z5 span { background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/pr6.png) 0 0 no-repeat; }
#slide7 .vart div.z6 span { background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/pr7.png) 0 0 no-repeat; }
#slide7 .vart div.z7 span { background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/pr8.png) 0 0 no-repeat; }
#slide7 .vart div.z8 span { background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/pr9.png) 0 0 no-repeat; } .centered{width:940px;margin:0 auto;position:relative}
#works{text-align:center;padding:0 0 30px}
#works h1{padding-bottom:10px}
#works h2{font:700 30px/36px 'PT Sans';padding:0 0 20px}
.work-item{border-bottom:1px solid #c1c1c1;padding:30px 0 30px;position:relative}
.work-item.last{border:0;}
.work-image{position:absolute;}
.work-image.i-1{top:40px;left:60px;}
.work-image.i-2{top:40px;right:60px;}
.work-image.i-3{top:40px;left:60px;}
.work-image.i-4{top:20px;right:20px;}
.work-text{padding-left:320px;text-align:left;position:relative;z-index:2}
.even .work-text{padding-left:0;width:620px}
.work-text h1{text-align:left;font:400 24px/26px 'Roboto Condensed', sans-serif;color:#01B9B0;padding:0}
.work-text h1 span{font:700 35px/30px 'PT Sans';color:#000;padding:0}
.work-what{color:#000;text-align: right;font:16px/18px 'Roboto Condensed', sans-serif;padding:0 0 30px} .serts {
background:#fff;
}
.serts h2 {
text-align:center;
color:#00742D;
line-height:64px;
height:0px;
background:#fff;
margin-bottom:0px;
font: 60px/60px Ubuntu;
font-weight: 700;
padding: 50px 0;
}
.serts h3 {
text-align:center;
color:#000;
line-height:4px;
height:64px;
font: 30px/30px Ubuntu;
font-weight: 700;
padding: 50px 0;
}
.sert {
width:980px;
height:497px;
float:left;
}
.se1 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/se1.jpg) no-repeat center;
} .wrap {
width:960px;
margin:0 auto;
padding:0px;
position:relative;
z-index:0;
}
.wrap:after {
content:'.';
width:0;
height:0;
visibility:hidden;
display:block;
clear:both;
position:relative;
font-size:0px;
line-height:0px;
}
.digits {
padding:50px 0;
}
.digits h2 {
margin-bottom:70px;
text-align:center;
font-size:40px;
line-height:42px;
text-transform:uppercase;
color:#4878a5;
font-weight: 400;
}
.digit {
float:left;
width:320px;
padding-top:65px;
text-align:center;
color:#959ba0;
font-size:15px;
line-height:18px;
margin-bottom:40px;
}
.digit span {
display:block;
font-size:20px;
line-height:22px;
color:#01B9B0;
position:relative;
margin-bottom:20px;
}
.digit span:after {
display:block;
content:'';
position:absolute;
width:36px;
height:2px;
background:#a1a1a1;
bottom:-12px;
left:50%;
margin-left:-18px;
}
.digit b {
color:#01B9B0;
}
.digit em {
color:#01B9B0;
}
.d1 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/d1.png) no-repeat center top;
}
.d2 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/d2.png) no-repeat center top;
}
.d3 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/d3.png) no-repeat center top;
}
.d4 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/d4.png) no-repeat center top;
}
.d5 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/d5.png) no-repeat center top;
}
.d6 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/d6.png) no-repeat center top;
}
.wrap-outer.lined-h {display: table; max-width: 1060px; margin: 3em auto 2em;}
.wrap-outer.lined-h .wrap {padding: 0; display: table-cell; width: auto; text-align: center; padding: 5px 5px 0 5px; color: #3f5348; text-transform: uppercase; font-family: "cond light", sans-serif; white-space: nowrap;}
.wrap-outer.lined-h .before, .wrap-outer.lined-h .after {display: table-cell; width: 50%; background: white; content: ""; overflow: hidden; padding: 0 20px; vertical-align: middle;}
.wrap-outer.lined-h .before:before, .wrap-outer.lined-h .before:after, .wrap-outer.lined-h .after:before, .wrap-outer.lined-h .after:after {content: ""; display: block;}
.wrap-outer.lined-h .before:before, .wrap-outer.lined-h .after:before {background: #a5aaa7; height: 1px;}
.wrap-outer.lined-h .before:after, .wrap-outer.lined-h .after:after {background: #3f5348; margin-top: -2px; height: 3px; width: 6px;}
.wrap-outer.lined-h .before:after {float: right;}
.wrap-outer.lined-h .after:after {float: left;}
.choice {margin-bottom: 10px;padding: 50px 0;}
.choice h1 {    margin-bottom: 70px;
text-align: center;
font-size: 40px;
line-height: 48px;
text-transform: uppercase;
color: #4878a5;
font-weight: 400;}
.choice h2 {color: #01B9B0; font-size: 22px; font-weight: 400; line-height: 24px;}
.choice h3 {color: #4C4C4D; font-size: 22px; font-weight: 400; line-height: 28px;text-align: center;margin-top: -40px;margin-bottom: 30px;}
.choice h2 em {font-family: "cond medium", sans-serif; font-style: normal; }
.choice p {font-family: 'Roboto Condensed', sans-serif; color: #959ba0; font-size: 15px; line-height: 22px;text-align: justify;}
.choice ul {font-family: "cond", sans-serif; color: #898989; font-size: 0.75em; line-height: 1.6em;}
.choice ul li {display: inline-block; margin-left: 0.8em; white-space: nowrap; width: 50%;}
.choice .wrap>div>div {border-bottom: 1px solid #bfbfbf; padding-bottom: 0.4em;}
.right-col, .left-col {width:44%;}
.right-col {float:right;}
.left-col {float:left; margin-left: 4%;}
.left-col>img {margin-left: -8%;}
.right-col1, .left-col1 {width:45%;}
.right-col1 {float:right;margin-right: 3%;}
.left-col1 {float:left; margin-left: 0%;}
.left-col1>img {margin-left: -8%;}
.icon:before {content: ""; width: 30px; height: 30px; display: inline-block; background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/sprites.png) no-repeat 0 0;}
.icon.star:before {height: 32px; width: 32px; margin: -2px 5px -9px -36px; background-position: -100px -50px;}
.icon.check:before {height: 16px; width: 16px; margin: 3px 0 -3px; background-position: -150px -50px;}
.sub-reasons {display:inline-block; margin:0 0 1em 15px;}
.sub-reasons li {max-width: 160px; margin: 4px 0 4px 0; }
.midForm { margin-bottom:25px; overflow:hidden; -moz-border-radius: 10px; background:#E2E6E9; width:980px; height:106px; position: relative;margin: 50px 0px 0px -20px;}
.midForm ul { margin-left:20px;}
.midForm ul li { display:block; float:left;}
.midForm ul li input { margin-top:32px; border:1px solid #d4d4d4; background:url(//zubbolinet.ru/wp-content/themes/bolinet/css/img/name.png) no-repeat 15px center #fff;  padding-left:10px; padding-right:10px; width:270px; margin-right:20px; height:40px;font: 400 14px 'Roboto Condensed', sans-serif;color: #999999;}
.midForm ul li+li input {background:url(//zubbolinet.ru/wp-content/themes/bolinet/css/img/phone.png) no-repeat 15px center #fff;}
.midForm ul li button,
.midForm ul li input[type=submit]
{ margin-top:32px; border: 1px solid #E2E6E9;  background: #de0500; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#de0500), to(#de0500)); background: -webkit-linear-gradient(#de0500, #de0500); background: -moz-linear-gradient(#de0500, #de0500); background: -ms-linear-gradient(#de0500, #de0500); background: -o-linear-gradient(#de0500, #de0500); background: linear-gradient(#de0500, #de0500); font-size:15px; color:#fff; font-weight:700; cursor:pointer; width:295px; height:44px;}
.midForm ul li button:hover {background: #01B9B0;}
.hww {
padding:30px 0;
}
.hww h2 {
margin-bottom: 70px;
text-align: center;
font-size: 40px;
line-height: 48px;
text-transform: uppercase;
color: #4878a5;
font-weight: 400;
}
.hww .wrap {
width:930px;
position:relative;
}
.hww_one {
float:left;
width:179px;
text-align:center;
color:#959ba0;
font-size:15px;
line-height:18px;
margin-bottom:50px;
font-family: 'Roboto Condensed', sans-serif;
}
.hww_nmbr {
margin:0 auto 154px auto;
width:56px;
height:56px;
border-radius:28px;
text-align:center;
line-height:58px;
color:#fff;
font-size:21px;
background:#01B9B0;
}
.hww_one span {
display:block;
font-size:18px;
font-weight: 500;
line-height: 24px;
color: #01B9B0;
}
.hww_arrow {
position:absolute;
}
.ha1 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/ha1.png) no-repeat center;
width:43px;
height:35px;
top:7px;
left:160px;
}
.ha2 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/ha2.png) no-repeat center;
width:46px;
height:25px;
top:16px;
left:335px;
}
.ha3 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/ha1.png) no-repeat center;
width:43px;
height:35px;
top:7px;
left:520px;
}
.ha4 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/ha2.png) no-repeat center;
width:46px;
height:25px;
top:16px;
left:695px;
}
.h1 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/h1.png) no-repeat center 33px;
}
.h22 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/h2.png) no-repeat center 33px;
}
.h33 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/h3.png) no-repeat center 33px;
}
.h4 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/h4.png) no-repeat center 33px;
}
.h5 {
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/h5.png) no-repeat center 33px;
}
.hww a {
display:block;
margin:0 auto;
width:498px;
height:58px;
line-height:62px;
font-size:21px;
}
.reasons {
padding:10px 0;
}
.reasons h2 {   margin-bottom: 70px;
text-align: center;
font-size: 40px;
line-height: 48px;
text-transform: uppercase;
color: #4878a5;
font-weight: 400;
}
.reason {
width:192px;
text-align:center;
float:left;
padding-top:78px;
font-size:16px;
line-height:22px;
color:#959ba0;
margin-bottom:45px;
}
.reason span {
display:block;
font-size:30px;
line-height:30px;
color:#01B9B0;
text-transform:uppercase;
margin-bottom:-5px;
}
.reason em {
font-size:24px;
line-height:24px;
color:#697380;
}
.r1 span,
.r2 span,
.r3 span,
.r4 span,
.r5 span {
font-size:21px;
line-height:21px;
margin-bottom:-3px;
}
.reasons a {
display:block;
margin:0 auto;
width:498px;
height:58px;
line-height:62px;
font-size:21px;
} .c4 .wrapp {
padding: 65px 0 20px 0;
}
.c4 .h1 {
font-family: 'museo_500';
font-size: 60px;
color: #4878a5;
line-height: 63px;
text-align: center;
margin-bottom: 60px;
}
.c4 .left {
float: left;
width: 500px;
margin-left: 10px;
}
.c4 .right {
float: right;
}
.c4 .block {
height: 133px;
margin-bottom: 47px;
position: relative;
padding: 10px 0 0 220px;
display: table;
}
.c4 .block p {
display: block;
}
.c4 .block .img {
position: absolute;
left: 0px;
top: 0px;
width: 180px;
height: 143px;
}
.c4 .block .img .lines {
width: 206px;
height: 152px;
position: absolute;
left: -13px;
top: -5px;
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/c4_lines.png) no-repeat;
}
.c4 .block p {
font-size: 19px;
color: #4c4c4c;
line-height: 19px;
margin-bottom: 5px;
}
.c4 .block p span {
font-size: 16px;
}
.c4 .block .block_inner > span {
font-size: 14px;
color: #4878a5;
line-height: 17px;
margin-bottom: 8px;
display: inline-block;
vertical-align: top;
border-bottom: 1px dotted #4878a5;
cursor: pointer;
}
.c4 .block .block_inner {
display: table-cell;
vertical-align: bottom;
}
.c4 .block em {
font-style: normal;
font-size: 14px;
color: #4c4c4c;
line-height: 17px;
margin-bottom: 8px;
display: inline-block;
vertical-align: top;
border-bottom: 1px dotted #4c4c4c;
cursor: pointer;
}
.c4 .block .btn {
padding: 6px 17px;
}
.c4 .block.block1 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c4_img.jpg) 0px 0px no-repeat;}
.c4 .block.block2 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c4_img.jpg) 0px -143px no-repeat;}
.c4 .block.block3 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c4_img.jpg) 0px -286px no-repeat;}
.c4 .block.block4 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c4_img.jpg) 0px -429px no-repeat;}
.c4 .block.block5 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c4_img.jpg) -180px 0px no-repeat;}
.c4 .block.block6 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c4_img.jpg) -180px -143px no-repeat;}
.c4 .block.block7 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c4_img.jpg) -180px -286px no-repeat;}
.c4 .block.block8 .img {background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/c4_img.jpg) -180px -429px no-repeat;}
.slide-pd { margin:auto; padding:0 20px; position:relative; width:940px; }
#lean_overlay { background:#000; display:none; height:100%; left:0px; position:fixed; top:0px; z-index:100; width:100%; }
.grad { background:#01B9B0; background:-moz-linear-gradient(-45deg, #01B9B0 0%, #01B9B0 100%); background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#01B9B0), color-stop(100%,#01B9B0)); background:-webkit-linear-gradient(-45deg, #01B9B0 0%,#01B9B0 100%); background:-o-linear-gradient(-45deg, #01B9B0 0%,#01B9B0 100%); background:-ms-linear-gradient(-45deg, #01B9B0 0%,#01B9B0 100%); background:linear-gradient(135deg,  #01B9B0 0%,#01B9B0 100%); padding:10px; }
.grad div { background:#fff; color:#4878a5; font-size:40px; padding:40px; text-align:center; text-transform:uppercase; }
#slide3 { background:url(//zubbolinet.ru/wp-content/themes/bolinet/i/pattern2.gif) 0 0 repeat; }
#slide3 .grad { line-height:46px; margin:auto; top:-99px; position:relative; width:820px; }
#slide3 h3 { margin-top:-99px; margin-bottom: 70px;
text-align: center;
font-size: 30px;
line-height: 48px;
text-transform: uppercase;
color: #252526;
font-weight: 400; }
#slide3 #points { background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/dots.png) 50% 33px no-repeat; min-height:460px; padding-bottom:30px; }
#slide3 #points .point { line-height:18px; margin-bottom:30px; position:relative; }
#slide3 #points .point.right { padding-left:54%; }
#slide3 #points .point.left { padding-right:54%; }
#slide3 #points .point span { background:#3cb4b9; color:#fff; display:block; font-family:'pf_din_text_cond_promedium'; height:30px; line-height:30px; }
#slide3 #points .point span { border-radius:50%; text-shadow:1px 1px 1px #2e9195; text-align:center; position:absolute; top:50%; margin-top:-15px; width:30px; }
#slide3 #points .point.left span { right:475px; }
#slide3 #points .point.right span { left:474px; }
#slide3 #points .point strong { font-family:'pf_din_text_cond_promedium'; font-weight:normal; }
#reviewsz { background:#fff;height: 700px; }
#reviewsz .slide-pd { padding:50px 20px; }
#reviewsz .title { color:#4878a5; font-size:40px; line-height:48px; margin-bottom:30px;  text-transform: uppercase; padding-bottom:30px; position:relative; text-align:center; }
#reviewsz .title:after { bottom:0; content:""; background:#fff; display:block; height:3px; left:50%; margin-left:-33px; position:absolute; width:66px; }
.reviewz { padding:0 0 30px 30px; }
.reviewz .face { float:left; line-height:16px; padding-top:190px; text-align:center; width:157px; }
.reviewz .face span { color:#737373; font-size:14px; }
.reviewz .face.f1 { background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/face1.jpg) 50% 0 no-repeat; }
.reviewz .face.f2 { background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/face2.jpg) 50% 0 no-repeat; }
.reviewz .reviewz-block { background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/review.jpg) 0 0 no-repeat; float:left; height:224px; line-height:20px; padding:30px 40px 0 70px; width:624px; }
.reviewz .reviewz-block .rev-title { font-size:24px; line-height:30px; padding-bottom:5px; color: #252526;}
.reviewz .reviewz-block strong { font-family:'pf_dintext_promedium'; font-weight:normal; }
.full{
margin:0 auto;
}
#photo{
background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/photo-bg.jpg) 50% 0 no-repeat;
}
#photo h2{
padding:14px 0 16px;
padding: 14px 0 16px;
margin-bottom: 30px;
text-align: center;
font-size: 44px;
line-height: 48px;
text-transform: uppercase;
color: #4878a5;
font-weight: 400;
}
#photo input{
width: 399px;
height: 46px;
margin:32px auto 46px;
font-size:22px;
}
.photolist{
width:940px;
margin:0 auto;
background-color:#E2E6E9;
padding:10px;
font-size:0;
line-height:0;
letter-spacing:-1px;
}
.photoitem{
display:inline-block;
vertical-align:top;
font-size:16px;
line-height:normal;
letter-spacing:normal;
}
.photoitem:nth-child(1){
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/img1.png) 0 0 no-repeat;
width:465px;
height:320px;
margin-right:10px;
margin-bottom:10px;
}
.photoitem:nth-child(2){
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/img2.png) 0 0 no-repeat;
width:465px;
height:320px;
margin-bottom:10px;
}
.photoitem:nth-child(3){
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/img3.png) 0 0 no-repeat;
width:305px;
height:206px;
margin-bottom:10px;
margin-right:10px;
}
.photoitem:nth-child(4){
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/img4.png) 0 0 no-repeat;
width:310px;
height:206px;
margin-bottom:10px;
margin-right:10px;
}
.photoitem:nth-child(5){
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/img5.png) 0 0 no-repeat;
width:305px;
height:206px;
margin-bottom:10px;
}
.photoitem:nth-child(6){
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/img6.png) 0 0 no-repeat;
width:227px;
height:158px;
margin-bottom:10px;
margin-right:11px;
}
.photoitem:nth-child(7){
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/img7.png) 0 0 no-repeat;
width:227px;
height:158px;
margin-bottom:10px;
margin-right:10px;
}
.photoitem:nth-child(8){
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/img8.png) 0 0 no-repeat;
width:227px;
height:158px;
margin-bottom:10px;
margin-right:11px;
}
.photoitem:nth-child(9){
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/img9.png) 0 0 no-repeat;
width:227px;
height:158px;
}
.photoitem:nth-child(10){
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/img10.png) 0 0 no-repeat;
width:305px;
height:206px;
margin-right:10px;
margin-bottom: 10px;
}
.photoitem:nth-child(11){
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/img11.png) 0 0 no-repeat;
width:310px;
height:206px;
margin-right:10px;
}
.photoitem:nth-child(12){
background:url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/img12.png) 0 0 no-repeat;
width:305px;
height:206px;
}
.photoitem:nth-child(13){
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/1.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-right: 10px;
margin-bottom: 10px;
}
.photoitem:nth-child(14) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/2.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-right: 10px;
margin-bottom: 10px;
}
.photoitem:nth-child(15) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/3.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-bottom: 10px;
}
.photoitem:nth-child(16) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/4.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-right: 10px;
margin-bottom: 10px;
}
.photoitem:nth-child(17) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/5.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-right: 10px;
margin-bottom: 10px;
}
.photoitem:nth-child(18) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/6.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-bottom: 10px;
}
.photoitem:nth-child(19) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/7.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-right: 10px;
margin-bottom: 10px;
}
.photoitem:nth-child(20) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/8.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-right: 10px;
margin-bottom: 10px;
}
.photoitem:nth-child(21) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/9.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-bottom: 10px;
}
.photoitem:nth-child(22) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/10.png) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-right: 10px;
margin-bottom: 10px;
}
.photoitem:nth-child(23) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/11.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-right: 10px;
margin-bottom: 10px;
}
.photoitem:nth-child(24) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/12.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-bottom: 10px;
}
.photoitem:nth-child(25) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/13.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-right: 10px;
}
.photoitem:nth-child(26) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/14.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-right: 10px;
}
.photoitem:nth-child(27) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/15.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
}
.photoitem:nth-child(28) {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/photos/16.jpg) 0 0 no-repeat;
width: 305px;
height: 206px;
margin-right: 10px;
}.search-form {
display: block;
position: relative;
width: 200px;
float: right;
margin-top: 5px;
}
@media only screen and (max-width: 1199px) {
.search-form {
width: 180px;
margin-top: -110px;
}
}
@media only screen and (max-width: 768px) {
.search-form {
width: 100%;
margin-top: -95px;
}
}
.search-form_label {
display: block;
padding: 7px 40px 7px 10px;
background: #e5e5e5;
}
.search-form_input {
outline: none;
background-color: transparent;
border: none;
-webkit-appearance: none;
border-radius: 0;
vertical-align: baseline;
box-shadow: none;
color: #333333;
display: block;
width: 100%;
font-size: 14px;
line-height: 16px;
height: 16px;
}
.search-form_submit {
background: none;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
position: absolute;
top: 3px;
right: 8px;
width: 25px;
height: 22px;
color: #333333;
font: 400 17px/18px 'FontAwesome', sans-serif;
}
.search-form_submit::-moz-focus-inner {
border: none;
padding: 0;
}
.search-form_submit:before {
content: '\f002';
}
.search-form_submit:hover {
color: #de0500;
}
@media (max-width: 479px) {
.search-form {
width: 270px;
}
}
.search-form_toggle {
float: right;
display: inline-block;
color: #000000;
font: 400 44px/44px 'FontAwesome';
}
.search-form_toggle:before {
content: '\f002';
}
.search-form_toggle.active,
.search-form_toggle:hover {
color: #de0500;
}
.search-form_toggle.active:before {
content: '\f00d';
}
.search-form.on {
display: block;
}
.search-form_liveout {
display: block;
position: absolute;
top: 100%;
left: 0;
right: 0;
opacity: 0;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.lt-ie9 .search-form_liveout {
filter: alpha(opacity=0);
}
.search-form_liveout .search_list {
font-size: 14px;
line-height: 24px;
background: #FFF;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
.search-form_liveout .search_list li + li {
margin-top: 2px;
}
.search-form_liveout .search_link {
display: block;
padding: 5px 10px;
background: #FFF;
color: #999;
}
.search-form_liveout .search_link .search_title {
font-size: 20px !important;
line-height: 22px;
color: #de0500;
text-transform: uppercase;
}
.search-form_liveout .search_link:hover {
background: #de0500;
color: #ffadab;
}
.search-form_liveout .search_link:hover .search_title {
color: #FFF;
}
.search-form_liveout .search_error {
display: block;
color: #de0500;
background: #fafafa;
padding: 10px 10px;
overflow: hidden;
font-size: 20px;
line-height: 22px;
}
.search-form_liveout .match {
display: none;
}
.search-form_liveout button {
background: none;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
display: block;
width: 100%;
color: #de0500;
background: #fafafa;
padding: 10px 10px;
}
.search-form_liveout button::-moz-focus-inner {
border: none;
padding: 0;
}
.search-form_liveout button:hover {
background: #de0500;
color: #FFF;
}
input:focus + .search-form_liveout {
opacity: 1;
}
.lt-ie9 input:focus + .search-form_liveout {
filter: alpha(opacity=100);
}
.search-form_liveout .tablet,
.mobile .search-form_liveout {
display: none !important;
}
.search-frame,
.search-frame body {
width: 100%;
height: auto;
background: transparent;
}
.search-frame,
.search-frame body,
.search-frame h1,
.search-frame h2,
.search-frame h3,
.search-frame h4,
.search-frame h5,
.search-frame h6,
.search-frame p,
.search-frame em {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: top;
}
.search-frame img {
max-width: 100%;
height: auto;
}
.search-frame a {
font: inherit;
color: inherit;
text-decoration: none;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.search-frame a:active {
background: transparent;
}
.search-frame a:focus {
outline: none;
}
.search-frame h4 a:hover {
color: #de0500;
}
.search-frame .search_list {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: top;
list-style-type: none;
}
.search-frame .search_list li {
position: relative;
}
.search-frame .search_list + li {
margin-top: 20px;
}
.search-frame .search {
color: #777777;
}
.search-frame .match {
color: #01b9af;
font-size: 11px;
display: block;
}
.search-frame * + p {
margin-top: 16px;
} #search-result-page {
padding: 50px;
}
#search-results {
padding: 10px 0;
}.camera_container {
position: relative;
padding-bottom: 35.46341463%;
}
@media (max-width: 845.94222834px) {
.camera_container {
padding-bottom: 300px;
}
}
.camera_wrap {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
margin-bottom: 0 !important;
height: 100%;
background: #fff;
z-index: 0;
}
.camera_wrap img {
max-width: none !important;
}
.camera_fakehover {
height: 100%;
min-height: 60px;
position: relative;
width: 100%;
}
.camera_src {
display: none;
}
.cameraCont,
.cameraContents {
height: 100%;
position: relative;
width: 100%;
z-index: 1;
}
.cameraSlide {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.cameraContent {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
}
.camera_target {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
text-align: left;
z-index: 0;
}
.camera_overlayer {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
z-index: 0;
}
.camera_target_content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
z-index: 2;
}
.camera_loader {
background: #ffffff url(//zubbolinet.ru/wp-content/themes/bolinet/images/camera-loader.gif) no-repeat center;
border: 1px solid #ffffff;
border-radius: 18px;
height: 36px;
left: 50%;
overflow: hidden;
position: absolute;
margin: -18px 0 0 -18px;
top: 50%;
width: 36px;
z-index: 3;
}
.camera_nav_cont {
height: 65px;
overflow: hidden;
position: absolute;
right: 9px;
top: 15px;
width: 120px;
z-index: 4;
}
.camerarelative {
overflow: hidden;
position: relative;
}
.imgFake {
cursor: pointer;
}
.camera_command_wrap .hideNav {
display: none;
}
.camera_command_wrap {
left: 0;
position: relative;
right: 0;
z-index: 4;
}
.showIt {
display: none;
}
.camera_clear {
clear: both;
display: block;
height: 1px;
margin: -1px 0 25px;
position: relative;
}
.camera_caption {
display: none;
}
.cameraContent .camera_caption {
display: block;
} .camera_caption {
position: absolute;
left: 0;
bottom: 0;
right: 0;
text-transform: uppercase;
}
.camera_caption > div {
margin: 0 auto;
width: 1170px;
height: 100%;
}
.camera_caption h2 {
position: relative;
display: inline-block;
background: #fff;
font-weight: 700;
color: #444444;
padding: 29px 40px 26px 34px;
}
.camera_caption h2 span {
display: inline-block;
font-size: 48px;
line-height: 53px;
font-weight: 400;
margin-top: -6px;
}
@media only screen and (max-width: 767px) {
.camera_caption h2 {
font-size: 46px;
line-height: 50px;
padding-top: 10px;
padding-right: 20px;
}
.camera_caption h2 span {
font-size: 36px;
line-height: 40px;
}
}
.camera_pag {
margin: 0 auto;
width: 1170px;
}
.camera_pag_ul {
text-align: left;
margin-left: 32px;
margin-top: -41px;
}
.camera_pag_ul li {
display: inline-block;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #dbdbdb;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.camera_pag_ul li.cameracurrent,
.camera_pag_ul li:hover {
background: #de0500;
}
.camera_pag_ul li + li {
margin-left: 6px;
}
.camera_pag_ul li > span {
display: none;
}#fixed { bottom:0; left:0; position:fixed; width:100%; z-index:-1; }
.fixed { left:0; position:fixed; top:0; width:100%; z-index:-10; }
.slide-pd { margin:auto; padding:0 10px; position:relative;  width: 980px;}
#header { background:rgba(255,255,255,1); height:140px; position:relative; z-index:2; }
#header .logo { background:url(//zubbolinet.ru/wp-content/themes/bolinet/img/logo.png) 0 100% no-repeat; display:block; height:91px; margin:auto; width:337px; top: 20px; position: relative;}
.header-left, .header-right { position:absolute; top:40px; }
.header-left { left:-20px;    font-size: 20px;line-height: 24px; text-align: left; }
.header-left span { left:-20px;    font-size: 15.5px;line-height: 24px; text-align: left; }
.header-left a.call { font-size:14px; text-transform: uppercase; line-height:30px; padding:2px 15px; position:relative; top:10px; }
.header-right { font-size:20px; line-height:24px; right:-20px; text-align:right; }
.header-right span { left:-20px;    font-size: 15.5px;line-height: 24px; text-align: left; }
.header-right a.call { font-size:14px; text-transform: uppercase; line-height:30px; padding:2px 15px; position:relative; top:10px; }.wrapp {
width: 960px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 0;
}
.main_wrapp {
overflow: hidden;
min-width: 1000px;
}
.wrapp:after {
content: '.';
width: 0;
height: 0;
visibility: hidden;
display: block;
clear: both;
position: relative;
font-size: 0px;
line-height: 0px;
}
.cl:after {
content: '.';
width: 0;
height: 0;
visibility: hidden;
display: block;
clear: both;
position: relative;
font-size: 0px;
line-height: 0px;
}
.c19 {
width: 100%;
min-height: 561px;
background: url(//zubbolinet.ru/wp-content/themes/bolinet/img/map.jpg) center center no-repeat; 
}
.c19 .h1 {
width: 276px;
height: 55px;
background: #002a94;
font-family: 'robotomedium';
font-size: 48px;
line-height: 55px;
color: #fff;
position: relative;
top: -28px;
}
.c19 .contacts {}
.c19 .left {
float: left;
text-align: center;
margin-top: 84px;
margin-left: 60px;
}
.c19 .right {
float: right;
text-align: center;
margin-top: 84px;
margin-right: 43px;
}
.c19 .left .title {
width: 178px;
height: 46px;
background: #01b9af;
font-family: 'Roboto Condensed', sans-serif;
font-size: 30px;
line-height: 46px;
margin: 0 auto 26px;
font-weight: 400;
color: #ffffff;
text-align: center;
}
.c19 .right .title {
width: 240px;
height: 46px;
background: #01b9af;
font-family: 'Roboto Condensed', sans-serif;
font-size: 30px;
line-height: 46px;
margin: 0 auto 26px;
font-weight: 400;
color: #ffffff;
text-align: center;
}
.c19 .left .title_2{
width: 360px;
height: 22px;
background-color: #de0500;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
line-height: 20px;
color: #fff;
margin: 0 auto 2px;
}
.c19 .right .title_2{
width: 380px;
height: 22px;
background-color: #de0500;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
line-height: 20px;
color: #fff;
margin: 0 auto 2px;
}
.c19 .left .title_3{
width: 168px;
height: 22px;
line-height: 20px;
background-color: #de0500;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
margin: 0 auto;
color:#ffffff;
}
.c19 .right .title_3{
width: 168px;
height: 22px;
line-height: 20px;
background-color: #de0500;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
margin: 0 auto;
color:#ffffff;
}.perscard {
margin-bottom: 30px;
} .reason {
width: 20%;
}
.how_section {
overflow-y: hidden; }
.how_section_inside {
overflow-x: auto; }
.how_section::-webkit-scrollbar {  }
.serv-banner__mobile { display: none;
}
@media (max-width: 1139px) {
.header-left,
.header-right {
display: none;
} }
@media (max-width: 1049px) { .camera_caption h2,
.camera_caption h2 span {
font-size: 40px;
line-height: 1.5;
} }
@media (max-width: 979px) {
.slide-pd,
.wrapp,
.wrap {
width: auto;
}
.choice {
padding: 0 10px 10px;
} .single-section { }
header .nav {
width: 100%;
} .photolist {
width: 100%;
} .camera_caption h2 {
font-size: 30px;
line-height: 1.5;
}
.camera_caption h2 span {
font-size: 28px;
line-height: 1.5;
} .c6 .h1 {
margin-left: 250px;
}
.c6 .h2 {
margin: 0 0 35px 250px;
} .digit {
width: 50%;
} .right-col, .left-col {
padding: 0 30px 0 0;
} .serv-banner__mobile {
display: block;
font-size: 40px;
line-height: 1.2;
color: #de0500;
}
#serv-desc-banner a {
display: none;
} .midForm {
width: 100%;
height: 250px;
margin: 50px 0 0;
margin: 20px 0 50px;
}
.midForm ul {
display: block;
height: 100%;
}
.midForm ul li {
display: block;
float: left;
width: 100%;
}
.midForm ul li span {
display: block;
}
.midForm ul li input {
width: 80%;
padding-left: 10px;
padding-right: 10px;
margin-right: 10px;
}
.midForm ul li button, .midForm ul li input[type=submit] {
width: 90%;
padding: 0 10px;
margin: 30px auto 0;
} #works .centered {
width: auto; }
.work-image {
position: static;
}
.work-text {
padding: 0;
padding-top: 30px;
} #slide3 #points {
background: none;
}
#slide3 #points .point.right {
padding: 0 10px;
margin-top: 40px;
}
#slide3 #points .point.right span {
left: 50%;
top: 0;
margin: -40px 0 0;
}
#slide3 #points .point.left {
padding: 0 10px;
margin-top: 40px;
}
#slide3 #points .point.left span {
left: 50%;
top: 0;
margin: -40px 0 0;
}
}
@media (max-width: 944px) { .c4 .left {
float: left;
width: 46%;
max-width: 300px;
margin-left: 10px;
margin-right: 15px;
}
.c4 .right {
float: right;
width: 46%;
max-width: 300px;
margin-left: 15px;
}
.c4 .left .block {
float: right;
}
.c4 .block {
padding: 150px 0 0;
}
}
@media (max-width: 939px) { #kontakty {
background: none !important;
}
.c19 .left {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/map_left.jpg) no-repeat;
padding: 84px 0 150px 60px;
padding: 0;
padding-bottom: 43.6%;
margin: 30px 0 0;
width: 100%;
}
.c19 .right {
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/map_right.jpg) no-repeat;
padding-top: 84px;
padding-right: 43px;
padding: 84px 2% 380px 6%;
padding: 0;
padding-bottom: 43.6%;
margin: 30px 0 0;
width: 100%;
} #slide3 .grad {
width: auto;
}
}
@media only screen and (max-width: 767px) {
.well-02.__sub07 h3 {
font-size: 23px !important;
line-height: 1.3 !important;
}
}
@media (max-width: 767px) { .camera_container {
display: none;
} .right-col, .left-col {
width: 90%;
float: none;
margin: 0;
padding: 0 20px 0 30px;
} .right-col1, .left-col1 {
width: auto;
margin: 0;
}
.right-col1 {
margin-bottom: 20px;
} #contact-form textarea,
#contact-form input {
font-size: 16px;
}
#contact-form .btn-wr .submit-btn {
white-space: normal;
font-size: 27px !important;
font-weight: 400 !important;
} .well-04.__mod2 .container {
text-align: center;
}
.well-04.__mod2 h5 { font-size: 27px;
}
.footer-well {
padding-bottom: 60px;
}  .c6 .h1 {
margin-left: 100px;
}
.c6 .h2 {
margin: 10px 0 35px 100px;
}
.c6 .ul_wrapp {
width: 100%;
padding: 0 20px;
}
.c6 .right_side {
display: none;
} .reason {
width: 33%;
}
} @media (max-width: 767px) { .photolist {
width: 100%;
}
.photoitem {
width: 100% !important;
background-position-x: 50% !important;
}
}
@media (max-width: 540px) { .digit {
width: 100%;
} .reason {
width: 50%;
}
}
@media (max-width: 519px) { .c4 .left {
float: none;
width: 100%;
width: 200px;
margin: 0 auto;
}
.c4 .right {
float: none;
width: 100%;
width: 200px;
margin: 0 auto;
}
.c4 .block {
float: none;
}
.c4 .block {
padding: 150px 0 0;
}
}
@media (max-width: 479px) {
#header .logo {
margin: 0;
} .c6 .h1 {
margin-left: 100px;
}
.c6 .h2 {
margin: 10px 0 35px 100px;
}
.c6 .ul_wrapp {
width: 100%;
padding: 0 20px;
}
.c6 .right_side {
display: none;
}  .right-col, .left-col {
width: 85%;
} .c19 .left .title_2,
.c19 .right .title_2 {
width: 100%;
}
}
@media (max-width: 360px) {
.slide-pd {
padding: 0;
}
#header .logo {
background-size: 90% !important;
} .right-col, .left-col {
width: 80%;
}  .c19 .left .title_2,
.c19 .right .title_2 {
width: 100%;
}
}#contact-form {
position: relative;
}
#contact-form label {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
letter-spacing: normal;
margin: 0 0 18px;
width: 100%;
}
#contact-form label.message {
max-width: 100%;
width: 100%;
margin: 0 0 0px;
}
#contact-form fieldset {
border: none;
} #contact-form ._placeholder {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 14px 'Roboto Condensed', sans-serif;
line-height: 28px;
padding: 10px 20px 10px;
color: #999999;
width: 100% !important;
position: absolute;
left: 0;
top: 0;
display: block;
border-radius: 0;
cursor: text;
padding-left: 27px;
}
#contact-form ._placeholder.focused {
opacity: 0.4;
}
.lt-ie9 #contact-form ._placeholder.focused {
filter: alpha(opacity=40);
}
#contact-form ._placeholder.hidden,
#contact-form .file ._placeholder {
display: none;
} #contact-form input[type='text'],
#contact-form input[type='tel'] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 14px 'Roboto Condensed', sans-serif;
line-height: 28px;
padding: 10px 20px 10px;
color: #999999;
background-color: #f2f4f6;
border: 1px solid #f0efef;
width: 100%;
border-radius: 0;
outline: none;
-webkit-appearance: none;
height: 48px;
margin: 0;
padding-left: 26px;
} #contact-form .btn-wr {
text-align: center;
}
#contact-form .btn-wr .submit-btn {
font-size: 30px;
line-height: 30px;
padding: 13px 0;
color: #fff;
display: block;
font-weight: 700;
text-transform: uppercase;
background: #de0500;
margin-top: 19px;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#contact-form .btn-wr .submit-btn:hover {
background: #01b9af;
} #contact-form textarea {
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 14px 'Roboto Condensed', sans-serif;
line-height: 28px;
padding: 10px 20px 10px;
color: #999999;
background-color: #f2f4f6;
border: 1px solid #f0efef;
width: 100%;
border-radius: 0;
outline: none;
-webkit-appearance: none;
resize: none;
height: 189px;
overflow: auto;
line-height: 18px !important;
padding-top: 15px;
padding-left: 26px;
}
.cform-bg {
background-color: #fff !important;
}
.cform-color {
color: #8c8c8c !important;
} #contact-form .empty-message,
#contact-form .error-message {
-moz-transition: 0.3s ease-in height;
-o-transition: 0.3s ease-in height;
-webkit-transition: 0.3s ease-in height;
transition: 0.3s ease-in height;
position: absolute;
right: 3px;
top: 2px;
color: red;
height: 0;
overflow: hidden;
font-size: 11px;
z-index: 99;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
height: 14px;
line-height: 14px;
} #contact-form .contact-form-loader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: -1;
overflow: hidden;
background: rgba(247, 247, 247, 0.48) url(data:image/gif;base64,R0lGODlhIAAKAIAAAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAAACwAAAAAIAAKAAACD4yPqcvtD6OctNqLs94cFwAh+QQJCQAFACwAAAAAIAAKAILs7uz8+vz09vT08vT8/vz///8AAAAAAAADMVgx3FIwykmhADjjVzsdmjZ4ZASG2FiSJ6quXRu+8IemdXwDdB5dt54PsgA1BoThJAEAIfkECQkACAAsAAAAACAACgCDtLK03Nrc1NLUvL68/Pr81NbUxMLE/P78////AAAAAAAAAAAAAAAAAAAAAAAAAAAABDjwBGMGNeWgzbv/SACM5CiAKGiU5ZC+3MqOLvwOM22/8lzvqhzgB/TgcsQipyA0KD8HAe5o0Tw7EQAh+QQJCQAMACwAAAAAIAAKAIN0dnS8vrysrqyMioy0trSUkpT8+vy0srSMjoy8uryUlpT8/vz///8AAAAAAAAAAAAEPnAFVWpRZLHNu/9MAIzkeIAoqJQlkr5cwZIDDK8zUNupPA4/HS+Fm+2GnyLriOwkaKVT07M4FAbYQeFgmHoiACH5BAkJAAsALAAAAAAgAAoAg7SytNza3Ozu7NTS1Pz6/Ly+vPT29PTy9NTW1Pz+/MTCxP///wAAAAAAAAAAAAAAAARUMAWlClUorUWO/8YmjmIAnOg5LIbgvm5IkkqaFssBw8dM2yjcjucbFYAnnG4o6BU3NaSQ2XxCkQDhcud8HqULatWKwCoWCWq3mBgcvxYNy9P8yJ8RACH5BAkJAAsALAAAAAAgAAoAg7SytNza3Ozu7NTS1Pz6/Ly+vPT29PTy9NTW1Pz+/MTCxP///wAAAAAAAAAAAAAAAARUcJFDq1krBaUKV0iCjSRmCGiKXgHgvu5QzoeqHosCw8Vc1jYUTrdz9XwjYBBXKBqRyaAw5wQcoUobs3pFZm9UZ9d3kuIQVQV0NKlVDiLCoGmNXdYRACH5BAkJAAwALAAAAAAgAAoAg3R2dLy+vKyurIyKjLS2tJSSlPz6/LSytIyOjLy6vJSWlPz+/P///wAAAAAAAAAAAAQ+kMlJ2Qqq6KLIqmBIBUBploeoVsp5ImvMFK45yGtbAzcu0qVBkOcT6Wq9ImtHVFYStlPKSVkcCoPsoHAwxCIAIfkECQkACwAsAAAAACAACgCDtLK03Nrc7O7s1NLU/Pr8vL689Pb09PL01NbU/P78xMLE////AAAAAAAAAAAAAAAABFZwyUlXCkqVrFCSxCGORmUuAaCu6rAYQizHxEkpLFssxzwftgkup9r5fkFJgVjkHWPA5JBofAqiwWnO2DtibUtm1ZpcIJgAhcX6PSUGy/Dm8xJdr4dEBAAh+QQJCQALACwAAAAAIAAKAIO0srTc2tzs7uzU0tT8+vy8vrz09vT08vTU1tT8/vzEwsT///8AAAAAAAAAAAAAAAAEVXDJSSU5OBuZglLFpyBJZRpCqqZbALzwO5jVsa7HosRxQVO2Wyq34718P0lQmCsYj0mlcKh7ApDJ5a1pBUQXWlz1if2hpjmEVfFdXGyZQ4kwcF5liQgAIfkECQkADAAsAAAAACAACgCDdHZ0vL68rK6sjIqMtLa0lJKU/Pr8tLK0jI6MvLq8lJaU/P78////AAAAAAAAAAAABD6QyUmrZSuowosiyyVeAWCe5jGuk4KiBcsW7znIq1sDNy7SpkGQ5xPpar1i5fhKKicJG0rwrCwOhYF2UDgYIgAh+QQJCQAIACwAAAAAIAAKAIO0srTc2tzU0tS8vrz8+vzU1tTEwsT8/vz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAEOBDJSatFJxgztinHJV4BYJ6mMK6TgaIDy7qvGcvjUNv4SNe3nuVXE150u6BxUtgBDMvKQaBDdg4RACH5BAkJAAUALAAAAAAgAAoAguzu7Pz6/PT29PTy9Pz+/P///wAAAAAAAAMvWLrcrmHIKZ61Auitw/3LwHEDCIqjVpoXmq7s445w3MykLaeb7mS8mg8iAYgkhAQAOw==);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.lt-ie9 #contact-form .contact-form-loader {
filter: alpha(opacity=0);
}
#contact-form.processing .contact-form-loader {
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
opacity: 0.7;
z-index: 99;
}
.lt-ie9 #contact-form.processing .contact-form-loader {
filter: alpha(opacity=70);
} .modal-open {
overflow: hidden;
}
#contact-form .modal {
top: 0;
left: 0;
right: 0;
bottom: 0;
letter-spacing: normal;
display: none;
overflow: auto;
overflow-y: scroll;
position: fixed;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
font-family: 'Roboto Condensed', sans-serif;
font-size: 13px;
color: #222;
}
#contact-form .modal h4 {
font-weight: bold;
color: #000;
padding: 0;
margin: 0;
}
.modal.fade .modal-dialog {
-moz-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
-moz-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: none;
}
.modal-backdrop {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 1040;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
}
.lt-ie9 .modal-backdrop.fade {
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
}
.lt-ie9 .modal-backdrop.in {
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.42857143px;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 20px;
}
.modal-dialog {
width: 600px;
margin: 10px auto;
}
@media only screen and (max-width: 768px) {
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
} .close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
#contact-form input[type=submit] {
outline: 0;
border: none;
width: 100%;
font-family: 'Roboto Condensed';
}
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
background-color: #EEE;
}
div.wpcf7-response-output {
margin: 0 !important;
}
div.wpcf7 {
margin: inherit !important;
}
.well-04.__mod2 h5 { margin-bottom: 16px;
}
#discount-form > div {
margin: 0 !important;
}
#discount-form {
overflow: visible !important;;
}
#discount-form .wpcf7-response-output {
position: absolute;
width: 950px;
bottom: -40px;
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//zubbolinet.ru/wp-content/themes/bolinet/images/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//zubbolinet.ru/wp-content/themes/bolinet/images/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//zubbolinet.ru/wp-content/themes/bolinet/images/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//zubbolinet.ru/wp-content/themes/bolinet/images/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//zubbolinet.ru/wp-content/themes/bolinet/images/fancybox_loading@2x.gif);
background-size: 24px 24px; }
}