@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

@font-face {
    font-family: 'AZpro';
    src: url('font/OpenSans-Regular.eot');
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url('font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/OpenSans-Regular.woff2') format('woff2'),
        url('font/OpenSans-Regular.woff') format('woff'),
        url('font/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AZpro';
    src: url('font/OpenSans-SemiBold.eot');
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
        url('font/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('font/OpenSans-SemiBold.woff2') format('woff2'),
        url('font/OpenSans-SemiBold.woff') format('woff'),
        url('font/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AZpro';
    src: url('font/OpenSans-Light.eot');
    src: local('Open Sans Light'), local('OpenSans-Light'),
        url('font/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('font/OpenSans-Light.woff2') format('woff2'),
        url('font/OpenSans-Light.woff') format('woff'),
        url('font/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'virtus';
    src:
        url('font/virtus.ttf?a2') format('truetype'),
        url('font/virtus.woff?a2') format('woff'),
        url('font/virtus.svg?a2#virtus') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font: 16px/30px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	background: #FFF;
	color: #000;
}
input, textarea, select, button  {
    outline: none;
	font: 16px/30px  Arial, Tahoma, Verdana, sans-serif;
	
}
a {
	color: #135264;
	text-decoration: underline;
	font: 16px/30px  Arial, Tahoma, Verdana, sans-serif;
	 outline: none;
	 transition: color .5s linear;
}

a:hover
{
color: #789EC3;
}

p {
	margin: 20px 0;
} 

img { border: 0; }

.cb { clear: both; }

.none, #mobile_menu, div.mobile { display: none; }

.center, .c { text-align: center; }

.right { float: right; }

.pr { position: relative; }

.w{ background: #FFF; }

.content
{
margin: 0px auto;
width:1200px;
}

.site-width {
width:96%;
max-width:1200px;
position:relative;
margin:0 auto;
}

.section-11 {

}

.section-11 .site-width {
display:flex;
margin:0 auto 75px auto;
padding:60px 0 75px 0;
border-bottom:2px #e7f3f9 solid;
}

.section-11 .col-left {
width:45%;
padding:0 40px 0 0;
}

.section-11 .col-right {
width:55%;
}

.section-11 .col-right iframe {
width:100%;
height:auto;
height:365px;
}

.section-11 .col-left .title {
font-size:46px;
color:#d64832;
line-height: 45px;
text-transform:uppercase;
font-weight:700;
margin:0 0 45px 0;
}

.section-11 .col-left ul {
list-style:none;
margin:0px;
padding:0px;
}

.section-11 .col-left li {
font-size:30px;
color:#000;
font-weight:700;
margin:0 0 15px 0;
background:url(img/marker.png) no-repeat 0 15px;
padding:0 0 0 35px;
min-height:13px;
}

.section-11 .col-left .icon {
padding:25px 0 0 0;
display:flex;
}

.section-11 .col-left .icon img {
margin:0 30px 0 0;
}

.section-12 {

}

.section-12 .site-width {
display:flex;
}

.section-12 .item {
margin:0 2.5% 0 0;
width:23.31%;
box-shadow: 0px 0px 30px rgba(0,0,0,.1);
border-radius:30px;
overflow:hidden;
padding:0 0 210px 0;
position:relative;
}

.section-12 .item:nth-child(4n) {
margin:0 0 0 0;
}

.section-12 .item .name {
font-size:21px;
color:#fff;
text-align:center;
font-weight:700;
height:65px;
display:flex;
align-items: center;
justify-content: center;
background:#d64832;
}

.section-12 .item:nth-child(2) .name {
background:#3db39e;
}

.section-12 .item ul {
margin:25px 20px;
padding:0px;
list-style:none;
}

.section-12 .item li {
padding:0 0 0 35px;
background:url(img/price_marker.png) no-repeat 0 4px;
min-height:17px;
margin:0 0 15px 0;
font-size:17px;
color:#000;
font-weight:700;
}

.section-12 .item li.mobile {
background:url(img/phone.png) no-repeat 0 4px;
}

.section-12 .item .bottom {
position:absolute;
bottom:0px;
left:0px;
right:0px;
padding:30px 15px;
text-align:center;
background:#f7f7f8;
border-top:1px #d6d6d6 solid;
}

.section-12 .item .price {
font-size:33px;
color:#d64832;
font-weight:700;
}

.section-12 .item .month {
font-size:17px;
color:#000;
margin:5px 0 20px 0;
}

.section-12 .item .bottom .btn {
width:90%;
border-radius:555px;
background:#4aaeaa;
padding:15px;
font-size:17px;
color:#fff;
display:block;
text-decoration:none;
display:table;
margin:0 auto;
cursor:pointer;
}

.section-13 {
padding:0 0 110px 0;
}

.section-13 .site-width {
border-top:2px #e7f3f9 solid;
padding:75px 0 0px 0;
margin:75px auto 0 auto;
}

.section-13 .title {
font-size:42px;
color:#333333;
margin:0 0 60px 0;
}

.section-13 .flex {
display:flex;
}

.section-13 .flex .item {
width:25%;
position:relative;
padding:0 30px 0 0;
}

.section-13 .flex .item:before {
content:"";
position:absolute;
right:30px;
top:30px;
width:167px;
height:12px;
background:url(img/arrow1.png) no-repeat right center;
}

.section-13 .flex .item .icon {

}

.section-13 .flex .item .name {
font-size:21px;
color:#000;
font-weight:700;
line-height:30px;
margin:30px 0 0 0;
}

.bg_prezent
{
	margin:-40px 0 0 !important;
}

.prezent
{
	background: #FFF;
	padding: 50px 50px 20px;
    border-radius: 25px;
    margin: 0px auto 35px;
    max-width: 700px;
	width:100%;
	box-sizing: border-box;
	text-align: center;
}

.prezent .name
{
	font: 300 40px/46px "AZpro";
}


/* .zapre_left
{
	display: inline-block;
	width:570px;
	vertical-align:top;
}

.zapre_right
{
	width:390px;
	display: inline-block;
	vertical-align:top;
}
 */

 .arrow_box
 {
	 
	 padding:15px;
 }
 
 .apexcharts-yaxis-title-text
 {
	 font-weight: 400;
	 font-size: 14px;
	 letter-spacing:1px;
 }
 
.chart
{
background: url(tmp/load.gif) no-repeat 50%;
width:100%;
min-height: 100px;
}	
 
.dash_left, .dash_right
{
display: inline-block;
vertical-align:top;
width:350px;
text-align: center;
padding:30px;
background: url(img/bg2.jpg);
margin:0 25px;
border-radius: 20px;
box-shadow: 0 0 8px 3px rgb(0 0 0 / 10%);
}	

.dash_right
{
	opacity:.5;
}

.dash_tov
{
	padding:10px 0 0;
	font-size: 21px;
	font-weight: bold;
}

.logos_clients
{
	margin:40px 0 0;
	text-align: center;
}

.logos_clients div
{
	display: inline-block;
	vertical-align:middle;
	width:20%;
	box-sizing: border-box;
	padding:0 15px 30px;
	
}

 .logos_clients img
 {
	 max-width:100%;
	 transition: transform .5s;
	 position: relative;
	 z-index:1;
 }
 
  .logos_clients img:hover
  {
	  transform: rotate(360deg);
	 z-index:0;
	  
	  
  }
 
 .rus_nax
 {
	 text-align: center;
 }
 
.rus_nax i
{
display: block;
position: relative;
height:70px;
width:100%;
background: #3ABDFF;
}	

.rus_nax i:after
{
	background: url(img/tryzub.svg) no-repeat 50% 0;
	position: absolute;
	width: 50px;
    height: 74px;
	background-size: contain;
    left: calc(50% - 25px);
	bottom: -16px;
	content: "";
}

.ua_life
{
text-align: center;
background: #FFF05F;
height:50px;
padding:20px 0 0;
width:100%;
}	
 
.ua_life b
{
display: block;
font: bold 30px/36px "AZpro";
}	
 
 
@media screen and (max-width:1230px) {

.section-13 .flex .item:before {
width:120px;
}

}


@media screen and (max-width:1000px) {

.section-11 .site-width {
display:block;
}

.section-11 .col-left {
width:100%;
padding:0 0 20px 0;
}

.section-11 .col-right {
width:100%;
}

.section-11 .col-left .title {
font-size:30px;
margin:0 0 20px 0;
text-align:center;
}

.section-11 .col-left .title br {
display:none;
}

.section-11 .col-left li {
font-size:23px;
margin:0 0 5px 0;
background: url(img/marker.png) no-repeat 0 10px;
}

.section-11 .col-left .icon {
flex-wrap: wrap;
}

.section-11 .col-left .icon img {
margin:0 30px 20px 0;
}

.section-11 .col-right iframe {
height:200px;
}

.section-11 .site-width {
margin: 0 auto 30px auto;
padding: 30px 0 30px 0;
}

.section-12 .item {
width:100%;
margin:0 0 30px 0;
}

.section-12 .site-width {
flex-wrap:wrap;
}

.section-12 .item .bottom {
position:relative;
padding:15px;
}

.section-12 .item {
padding:0px;
}

.section-13 .flex {
display:block;
}

.section-13 .flex .item {
width:100%;
padding:0px;
margin:0 0 30px 0;
text-align:center;
}

.section-13 .flex .item:before {
display:none;
}

.section-13 .flex .item .name {
margin:10px 0 0 0;
}

.section-13 .site-width {
    padding: 30px 0 0px 0;
    margin: 30px auto 0 auto;
}

.section-13 .title {
font-size:30px;
text-align:center;
margin:0 0 20px 0;
}

.section-12 .item li.mobile {
min-height:26px;
}

.section-12 .item li.mobile {
    background: url(img/phone.png) no-repeat 0 0px;
}




}





header
{
width:100%;
display: block;
padding:	20px 0 10px;
background: #FFF;
}

@-webkit-keyframes potolok {
0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes potolok {
0%{-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

a.logo
{
background: url(img/logo.svg?v3=3) no-repeat; 
/* background: url(img/logo_dm.svg?v3=3) no-repeat; */
width: 200px;
height: 74px;
text-decoration: none;
display: block;
float: left;
transition: opacity .5s linear;
}

a.logo:hover
{
	opacity:.7;
}

.header_contact
{
float: right;
text-align: right;
margin:12px 0 0;
line-height: 20px;
/* 	top:-2px;
	position: relative; */
}

.header_contact a
{
display: block;
font:  bold 20px/24px 'AZpro';
text-decoration: none;
cursor: default;
color: #22252a;
}

.header_contact a span
{
	color: #333;
	font-weight: 300;
}

.callme
{
	border-bottom: dashed 1px #0e85a8;
    color: #0e85a8;
    cursor: pointer;
	display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
	font: 12px/14px 'AZpro';
}

.callme:hover
{
color: #fd755f;
border-color: #fd755f;
}

.callme:active
{
	color: #f4bbb2;
	border-color: #f4bbb2;
}

.header_lang
{
	float: right;
	text-align: center;
	margin: 14px 0 0 30px;
	padding:4px 30px 2px 10px;
	border:1px solid #3db0af;
	border-radius: 5px;
	display: block;
	text-decoration: none;
	transition: background-color .3s;
	cursor: pointer;
	position: relative;
}


.header_lang:after
{
	content: "\f105";
	transform: rotate(90deg);
	font: 13px/13px virtus;
	color: #3db0af;
	position: absolute;
	right: 8px;
	top: 12px;
}



.header_lang:hover:after
{
		color: #FFF;
}

.header_lang:hover
{
		background: #3db0af;
		color: #FFF;
}


.langs_select a
{
	display: block;
	font-size: 20px;
	text-align: center;
	margin:0 0 10px;
	font-weight: bold;
	text-decoration: none;
}

a.lang_a
{
	color: #e9e9e9;
}

.lang_ah
{
	display: none;
}

.header_lang:hover{
	
}
.header_lang:hover .lang_ah
{
	display: block;
	position: absolute;
	border-radius: 0 0 8px 8px;
	background: #3db0af;
	left:-1px;
}

.lang_ah a
{
	display: block;
	text-decoration: none;
	border-bottom:1px solid #e9e9e9;
	padding: 4px 29px 2px 10px;
	color: #FFF;
	font-weight: bold;
}

.lang_ah a:hover
{
	background: #FFF;
	color: #3db0af;
}

nav
{
height: 45px;
float: left;
display: block;
width:640px;
margin:11px 0 0 40px;
}


.top_menu_ul
{
list-style: none;
width: 100%;
display: flex;
display: -webkit-flex;
flex-direction: row;
-webkit-justify-content: center;
-webkit-align-items: center;
-webkit-flex-direction: row;
empty-cells: hide;
table-layout: auto;
}

.top_menu_li
{
	flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    width: auto;
	white-space:nowrap;
	text-align: center;

}


A.menu_n,
A.top_menu_a
{
		display: inline-block;
		font:  18px/35px 'AZpro';
		text-decoration: none;
		color: #222327;
		padding: 6px 8px 4px;
		width:100%;
		box-sizing: border-box;
		transition: border-color .3s linear;
		border-bottom:3px solid transparent;
}

.top_menu_a:hover
{
	border-color: rgba(14,33,168,.2);
}

a.top_menu_a_a
{
	border-color: rgba(215,72,51,.2);
	color: #7a776e;
}


.potolok
{
	padding:70px 0 0;
}

.potolok header
{
    position: fixed;
	top:0;
	left:0;
	right:0;
	z-index:55;
	 -webkit-animation-name: potolok;
   animation-name: potolok;
   width:100%;
   background: #FFF;
   box-shadow: 0 10px 20px rgba(0,0,0,.2);
   padding:10px 0 0;
 }
 


.send_1, a.send_1
{
font: 700 18px/50px 'AZpro';
text-transform: uppercase;
border-radius: 35px;
color: #FFF;
border:2px solid #D74833;
background-color: #D74833;
text-align: center;
cursor: pointer;
transition: background-color .3s linear;
text-decoration: none;
display: block;
width:100%;
margin:45px 0 0;
}

.send_1:hover, a.send_1:hover
{
background: #FFF;
color: #D74833;
}

.send_1:active, a.send_1:active
{
	position: relative;
	top:1px;
}

.send, a.send
{
font: 18px/50px 'AZpro';
border-radius: 35px;
color: #FFF;
border:2px solid #4AAEAA;
background: #4AAEAA;
text-align: center;
cursor: pointer;
padding:0 40px;
transition: background .3s linear;
text-decoration: none;
display: inline-block;
margin:20px 0 0;
}

.send:hover, a.send:hover
{
background: #03bccb;
}

.send:active, a.send:active
{
	position: relative;
	top:1px;
}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}

.artkiev_slider
 {
  background-color: #4AAEAA;
  background: linear-gradient(to bottom, #4AAEAA 0%, #03bccb 100%);
  width:100%;
  padding:100px 0 80px;
  margin:0 0 30px;
  text-align: center;	
 }

 .kno2 span.send
 {
	 margin:20px 0 0 40px;
	 padding:0 30px;
 }
 
 .price
 {
	 font-weight: bold;
	 font-size: 30px;
 }
 
.artkiev_slider .send
{
border:1px solid #FFF;
background: transparent;
}	
 
.slider_name div
{
	font: bold 50px/54px 'AZpro';
	margin:0 0 10px;
}

.slider_name span
{
	display: block;
	color: #F7DAD6;
	margin:8px 0 0;
	font-weight: bold;
	transition: color .5s linear;
	font-size: 40px;
}

.slider_name
{
font: 300 36px/44px 'AZpro';
color: #FFF;
}

.counter
{
	float: left;
	width:200px;
	padding: 20px;
	text-align: center;
	transition: background-color .3s linear;
}

.counter:hover
{
	background: #03bccb;
	color: #FFF;
}

.counter:hover div, .counter:hover span
{
	color: #FFF;
}

.counter span
{
	display: block;
	color: #B6B4B6;
	text-transform: uppercase;
	font-size: 12px;
}

.counter .timer
{
	display: inline-block;
	color: #4AAEAA;
	font: 300 38px/38px 'AZpro';
	text-shadow: 3px 2px 3px rgba(93, 177, 173, 0.35);
}

.counter .count_after
{
	display: inline-block;
	color: #4AAEAA;
	position: relative;
	top: -8px;
}

.counter  p
{
	margin:8px 0 0;
	line-height: 22px;
	padding:0 10px;
}

.bg
{
	background: url(img/bg.jpg) fixed;
	padding:50px 0 50px;
	margin:30px 0 100px;
}

h1.m
{
	margin:80px 0 35px;
}

.home_wellcome
{
/* 	background: #FFF; */
	margin:30px 0 0;
	display: table;
	border-radius: 25px;
}

.home_wellcome_info
{
	padding:30px 60px 30px 0;
	width:100%;
	box-sizing: border-box;
	display: table-cell;
	line-height: 26px;
	background: linear-gradient(to left,#FFF 0,rgba(255,255,255,0) 80%);
}


.home_wellcome_form
{
	display: table-cell;
	padding:30px 30px 30px 40px;
	box-shadow: 0 0 46px rgba(0,0,0,.15);
	border-radius: 0 25px 25px 0;
	transition: box-shadow .5s linear;
	background: #FFF;
}

.home_wellcome_form:hover
{
	box-shadow: 0 0 46px rgba(74,174,170,.5);
}

.home_wellcome_form .name_2
{
	width:340px;
	margin: 25px auto 10px;
	font-size: 21px;
}


.home_wellcome_form .before_name_2 .name_2
{
	margin: 25px auto 20px;
}


.home_wellcome_form span
{
	display: block;
	margin:2px 0 3px;
}

.home_wellcome_form span:before
{
content: "\e906";	
font: 16px 'virtus';
color: #4AAEAA;
padding:0 8px 0 0;
}

.video
{
	box-shadow: 0 0 46px rgba(43,46,47,.4);
}

.s_shot
{
	border-radius: 20px 20px 0 0;
	box-shadow: 0 0 46px rgba(43,46,47,.4);
	margin:10px 0 30px;
}

.s_shot IMG
{
	display: block;
	max-width:100%;
}

.s_shot_top
{
		background: #f1f1f1;
		padding:5px 15px;
		border-radius: 20px 20px 0 0;
		position: relative;
		color: #afafaf;
		font-size: 14px;
}

.s_shot_top a
{
	color: #afafaf;
	text-decoration: none;
	font-size: 14px;
}

.s_shot_top i,
.s_shot_top b,
.s_shot_top span
{
	background: #6bda27;
	width: 15px;
	height: 15px;
	border:1px solid #FFF;
	border-radius: 8px;
	position: absolute;
	right: 72px; 
	top: 12px;
}

.s_shot_top b
{
	background: #ff9b0e;
	right: 46px;
}

.s_shot_top span
{
	background: #ea3929;
	right: 20px;
}

/* ff9b0e */

.pad
{
	padding: 120px 0 0;
}

.line
{
	background: url(img/line.png) no-repeat 50%;
	height:60px;
	width:100%;
	margin:20px 0 40px;
	/* opacity:.2; */
}

.name, h1, h2, h3, h4, .name_1
{
color: #000000;
/* text-align: center; */
}

.name_1, .name, .h2h3 h2
{
font: bold 46px/50px "AZpro";
margin:0 0 45px;
}

.h2h3 h2
{
	color: #000;
}

.name_1
{
	margin:0 0 20px;
}

.name_3, .h2h3 h3
{
	color: #3C8C89;
	font: 22px/26px "AZpro";
/* 	text-align: center; */
	text-transform: uppercase;
/* 	margin:-25px 0 0; */
}

.content_small
{
	/* margin: 0px auto; */
	width:760px;
}

.maa
{
	margin: 0px auto;
}


.dur .content_small
{
	display: inline-block;
	vertical-align:top;
}

.dur_aht, .dur_ahtung
{
	display: inline-block;
	vertical-align:top;
	width:360px;
	margin:0 0 0 70px;
	font: 22px/28px "AZpro";
}

.dur_aht strong, .dur_ahtung strong
{
	margin:12px 0 15px;
	font: 56px/70px "AZpro";
	display: block;
	color: #D74833;
}

.dur_ahtung
{
	font: 18px/22px 'PT Sans';
}

h1
{
font: 300 40px/46px "AZpro";
margin:35px 0 0;
/* text-align: center; */
}



h2, .name_2
{
font: bold 22px/24px "AZpro";
margin:25px 0;
color: #D74833;
text-transform: uppercase;
}

.text h2,
.text h3,
.text h4
{
margin:35px 0 30px;	
}

h3
{
font: 20px/26px "AZpro";
margin:20px 0;
}

h4
{
font: 18px/24px "AZpro";
margin:20px 0;
}

h5, .row_o h4
{
font: 300 26px/32px "AZpro";
margin:20px 0;
}

.name_small, .name_1 span
{
	position: relative;
	top: -2px;
	color: #4f4f4f;
	margin:0 0 20px 0;
	display: block;
	font: 15px/22px 'AZpro'
}

.small_name
{
	color: #999;	
	line-height: 22px;
}

.text
{
	overflow: hidden;
}

.text embed
{
	width:100%!important;
	/* height: auto; */
}

.iframe_block
{
	max-width:760px;
	display: block;
    width: 100%;
    margin: 0px auto;
}

 .text .iframe
{
    padding: 0 0 56.25%;
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
}

.text iframe
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%	!important;
    height: 100% !important;
    border: 0;
}

.table_content,.table_opt
{
	border:0;
	width:100% !important;
	font-size: 14px;
	line-height: 18px;
}
 

.table_content, .table_opt
{
box-shadow: 0 0 11px 5px rgba(0,0,0,.09);
margin:0 0 20px;
border-radius: 0 0 20px 20px;
}

.table_content TD
{
padding:8px 5px;
border:0;
border-bottom:1px solid #F1F1F1;
text-align: center;
}

.table_opt TD
{
padding:8px 5px;
border:0;
border:1px solid #F1F1F1;
text-align: center;
}

/* .table_content TR:nth-child(even)
{
background-color: #F9F7F7;
} */

.table_content td:nth-child(2)
{
border-left:1px solid #F1F1F1;
border-right:1px solid #F1F1F1;
font-weight: bold;
background-color: #F9F7F7;
}

.table_content  td:nth-child(1)
{
padding-left:10px;
font-size: 14px;
text-align: left;
}

.table_content th, .table_opt  tr:nth-child(1)
{
color: #000;
background: #FFFBE8;
background: linear-gradient(to top,#FFFBE8 0,#FFC7A0 100%); 
/* background: url(img/contact.jpg) 100%; */
text-align: left;
padding:10px;
}

.table_content th:nth-child(2)
{
text-align: center;
}


.text IMG
{
max-width: 100%;
height: auto !important;
}

.text UL, .text OL
{
margin: 10px 0 10px 40px;
line-height: 22px;
font-weight: 400;
}

.text UL.site_more
{
	margin:0px;
	line-height: inherit;
}

.text UL.site_more li
{
	float: left;
	display: block;
	padding:0 50px 40px 0;
}


.text UL LI
{
	margin:5px 0;
}

.text a[name]
{
	text-decoration: none;
	cursor: default;
}
.text a[name]:hover
{
color: #a73692;	
}

.site_more
{
	list-style:none;
}

.site_more li
{
	display: inline-block;
	vertical-align:top;
	width:33.333333%;
	margin:10px 0;
	box-sizing: border-box;
	padding: 30px 60px 30px 0;
	text-align: left;
	/* transition: background-color .5s linear; */
}


/* .site_more li:hover
{
	background: #4AAEAA;
} */

/* .site_more li:hover
{
	color: #FFF;
} */

.row_49
{
	float: left;
	width:550px;
}

.row_51
{
	width:550px;
	float: right;
}

.about_work .s_shot
{
	width:550px;
	display: inline-block;
	margin:0 0 60px;
}

.about_work .s_shot:nth-child(2n+1)
{
	margin:0 0 60px 90px;
}

.about_form
{
	background: url(img/bg2.jpg);
	padding:20px 25px;
	border-radius: 25px;
	margin:40px auto 0;
	max-width: 360px;
	text-align: center;
	box-shadow: 0 0 46px rgba(43,46,47,.4);
}

.rows_about .row_o h3
{
	display: inline-block;
	margin:12px 0 0 20px;
	color: #D74833;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align:top;
}

.about_form .send_1
{
	margin:0 auto;
}

.rows_about .row_o
{
	margin:10px 0 40px;
}

.text .rows_about li
{
	line-height: 22px;
	margin:15px 0;
}

.site_more li:hover .row_o i:before
{
color: #FFF;
	    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.5), 0 20px 20px rgba(0,0,0,.5);

}

.row_o i:before
{
	font: 80px/80px virtus;
	color: #D74833;
	content: "\f113";
	transition:  text-shadow .2s linear;
	
}

.row_o i.row_o_2:before
{
	content: "\f10a";
}

.row_o i.row_o_3:before
{
	content: "\f110";
}

.row_o i.row_o_4:before
{
	content: "\f114";
}

.row_o i.row_o_5:before
{
	content: "\f115";
}

.row_o i.row_o_6:before
{
	content: "\f116";
}

.row_o div
{
	line-height: 24px;
}

.row_o i.row_o_11:before
{
	content: "\f107";
}

.row_o i.row_o_12:before
{
	content: "\f10f";
}

.row_o i.row_o_13:before
{
	content: "\f104";
}
.row_o i.row_o_14:before
{
	content: "\f103";
}
.row_o i.row_o_15:before
{
	content: "\f101";
}
.row_o i.row_o_16:before
{
	content: "\f10e";
}

.row_o i.row_o_21:before
{
	content: "\f117";
	color: #4AAEAA;
}

.row_o i.row_o_22:before
{
	content: "\f112";
	color: #4AAEAA;
}

.row_o i.row_o_23:before
{
	content: "\f111";
	color: #4AAEAA;
}


.line_demo a,
.line_demo span
{
	display: block;
	text-decoration: none;
	font: 300 34px/44px "AZpro";
	color: #FFF;
	padding:90px 0;
	text-align: center;
	margin:40px 0;
	transition: all .5s linear;
	cursor: pointer;
}


.line_demo:hover a,
.line_demo:hover span
{
	color: #FFFF0F;
	background: rgba(0,0,0,.4);
}

.info_sms
{
	margin:-10px 0 10px;
	font-size: 15px;
	line-height: 18px;
}

.line_demo i
{
	font-style: normal;
	display: inline-block;
	padding:24px 60px;
	background: #D74833;
	border-radius: 60px;
}

.line_demo {
    background: #000 url(img/demo.jpg) no-repeat center top fixed;
    color: #fff;
    position: relative;
	margin:0 0 100px;
}

.live_demo_a
{
	   background-image: url(img/demo_a.jpg);
}

.image_bg .image
{
	    box-shadow: 0 0 46px rgba(43,46,47,.4);
		display: block;
		margin:20px auto;
		max-width:100%;
		width: auto !important;
		height: auto !important;
}





.home_blog_one, .home_price
{
	width:370px;
	display: inline-block;
	vertical-align:top;
	margin:0 0 0 58px;
}

a.blog_img
{
	display: block;
	text-decoration: none;
}

a.blog_img IMG
{
	max-width: 100%;
}

a.blog_name
{
	font-weight: 500;
	font-size: 18px;
	color: #000000;
	display: block;
	line-height: 26px;
	margin:5px 0;
}

.blog_cat
{
	font-size: 12px;
	color: #000;
	font-weight: 500;
}

.blog_cat:before
{
	content: "\f103";
	font: 12px 'virtus';
	color: #D74833;
}

.blog_cat a
{
		font-size: 12px;
	color: #000;
	font-weight: 500;
	display: inline-block;
	margin:0 8px 0 5px;
}

.blog_other
{
	width:370px;
	display: inline-block;
	vertical-align:top;
}

.blog_other:nth-child(2)
{
	margin:0 45px;
}

a.blog_other_name
{
	    font: 22px/26px 'AZpro';
    color: #3E9391;
    display: block;
    text-decoration: none;
    margin: 0 0 10px;
}

.articles .article_row
{
	margin:10px 0 40px;
}

.articles .article_row:nth-child(3n+2)
{
	margin:10px 45px 40px 45px;
}


.article_row
{
	display: inline-block;
	vertical-align:top;
	width:370px;
	text-align: center;
}


a.article_row_img
{
	display: block;
	background: url(img/bg.jpg);
	width: 100%;
	/* height: 220px; */
	margin:0 0 10px;
}

a.article_row_img IMG
{
	transition: opacity .5s linear;
	max-width:100%;
}

.article_row:hover a.article_row_img IMG
{
	opacity:.8;
}


a.article_row_name
{
	font: 20px/24px 'AZpro';
	margin:15px 0 10px;
	display: inline-block;
	color: #000;
	text-decoration: none;
	
}









.left_content
{
	width:270px;
	float: left;
}



.right_content
{
width:820px;
float: right;
}

.page_img
{
	position: relative;
	margin:0 0 -10px;
	/* min-height: 150px; */
}

.page_img IMG
{
	max-width: 100%;
	/* border-radius: 0 0 25px 25px; */
}


.page_zap
{
	box-shadow: 0 0 46px rgba(0,0,0,.15);
	border-radius: 0 0 25px 25px;
	background: #FFF;
	padding:25px 35px 30px;
	/* position: absolute; */
	/* bottom:0; */
	width: 100%;
	box-sizing: border-box;
	transition: background-color .2s linear;
}

.page_zap:hover
{
	background: #FFFBEF;
}

.page_zap strong
{
	font-weight: 700;
	font-size: 18px;
	color: #4a4948;
	display: block;
	text-align: center;
	margin:0px 0 20px;
}

.page_zap .inp_1
{
	display: inline-block;
	width:250px;
	padding:10px 10px 10px 45px;
	margin:0 26px 0 0;
}

.page_zap .send
{
	line-height: 40px;
	padding:0 50px;
}

.menu_left
{
	margin:0 0 50px;
}

.menu_left ul {padding:0;list-style:none;}
.menu_left li { padding:0px 0;list-style:none; }


.menu_left .bord0 A.bord0_a
{
font-size: 16px;
color:#000;
font-weight: 500;
padding:8px 0;
display: block;
transition: color .2s ease-in-out;
}



.menu_left .bord0 A.bord0_a:hover,
.menu_left .bord0 ul li:hover
{
color: #c3a136;
}
 
.menu_left .bord0 li
{
	display: block;
	border-left:4px solid #c3a136;
}


.menu_left .bord0 li.bord1_actives
{
	border-color:#2b2a29;
}

.menu_left .bord0 ul
{
	margin:5px 0 20px;
}

.menu_left .bord0 ul li a
{
	text-decoration: none;
	display: block;
	padding:3px 5px 3px 20px;
	color: #000;
	font-size: 14px;
	font-weight: 700;
}

.menu_left .bord0 li a:hover
{
color: #6d6d6d;
}

 .bord1_actives A, a.active
{
color: #c3a136 !important;
}


 
 




footer
{
margin:90px 0 0;
display: block;
background: #e3e3e3 url(img/bg2.jpg);
padding:60px 0 30px;
}

.footer_logo
{
	background: url(img/logo.svg) no-repeat; 
	/* background: url(img/logo_dm.svg) no-repeat; */
	width:290px;
	height:60px;
	float: left;
}

.footer_bottom_menu
{
text-align: right;
margin:0 0 60px;
float: right;
width:870px;
}

.bottom_menu_li
{
	display: inline-block;
	padding:0 15px;
	border-right:1px solid #ffffff;
	border-left:1px solid #cdcdcd;
	line-height: 22px;
}	

.bottom_menu_li a
{
text-decoration: none;
color: #222327;
font-size: 16px;
line-height: 16px;
font-weight: 500;
display: inline-block;
padding:0 5px;
transition: color .5s linear;
}

.bottom_menu_li.top_menu_li_a a, .bottom_menu_li a:hover
{
	color: #D74833;
}

.bottom_menu_li:first-child
{
	border-left:0;
}
.bottom_menu_li:last-child
{
	border-right:0;
}

.footer_copy
{
color: #2b2a29;
width:390px;
font-weight: 500;
display: inline-block;
vertical-align:top;
line-height: 22px;
padding:0 20px 0 0;
font-size: 15px;
}

.socios
{
	display: inline-block;
	vertical-align:top;
	width:180px;
	text-align: right;
}

.socios a
{
display: inline-block;
margin:14px 0 0 12px;
text-align: center;
width: 36px;
height: 36px;
border-radius: 5px;
}

.socios a:hover
{
	background: #FFF !important;
}
.socios a.i_vk
{
	background: #57799E;
}
.socios a.i_fb
{
	background: #1ba6e1;
}

.socios a:before
{
font: 22px/36px 'virtus';
transition:  color .1s linear;
display: inline-block;
color: #FFF;
}

.socios a.i_vk:before{content:"\e608"}
.socios a.i_vk:hover:before,.socios a.i_fb:hover:before{color:#1ba6e1}
.socios a.i_fb:before{content:"\e60b"}


.footer_phone
{
	display: inline-block;
	vertical-align:top;
	width:290px;
}

.footer_phone a:before
{
	content: "\e900";
	font: 17px/30px virtus;
	color: #D74833;
	display: inline-block;
	padding:0 8px 0 0;
}
	

.footer_phone a
{
display: block;
font:  bold 22px/28px 'AZpro';
text-decoration: none;
cursor: default;
color: #22252a;
}

.footer_phone a span
{
	color: #333;
	font-weight: 300;
}
	
.footer_right
{
	display: inline-block;
	vertical-align:top;
	text-align: right;
	width:290px;
}

.footer_adr:before, .footer_mail:before
{
	content: "\f10d";
	font: 17px/30px virtus;
	color: #D74833;
	display: inline-block;
	padding:0 8px 0 0;
}

.footer_mail:before
{
	content: "\f10b";
	line-height: 32px;
	position: relative;
	top:2px;
}


.breadcrumb
{
border-top:1px solid #FFF;
display: inline-block;
font-size: 11px;
color: #777777;
font-weight: 500;
text-transform: uppercase;
margin:20px 0 15px;
}

.breadcrumb span:after
{
font: 12px 'virtus';
content: "\f108";
display: inline-block;
padding: 0 15px;
}

.breadcrumb a
{
font-size: 11px;
text-decoration: none;
color: #000;
text-transform: uppercase;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.contact_page
{
	position: relative;
	z-index:2;
	display: table;
}

.contact_info
{
	display: table-cell;
	background: #FFF;
	padding:40px 50px 10px;
	box-sizing: border-box;
	box-shadow: 0 0 46px rgba(0,0,0,.15);
	border-radius: 25px 0 0 25px;
	transition: box-shadow .5s linear;
	vertical-align:top;
}

.contact_info_small
{
	width:340px;
}

.table_map
{
	width:100%;
	display: table-cell;
	height: 100%;
	position: relative;
	background: url(img/map.jpg) no-repeat top center;;
}

.table_map #yamap
{
	height:100%;
	width:100%;
	position: absolute;
	top:0;
	bottom:0;
}

.contact_form
{
background: url(img/bg.jpg);
padding:40px 0 60px;
margin: 40px 0 -90px;
}

.contact_form2
{
	margin: 40px auto;
	text-align: center;
	background: url(img/bg.jpg);
	padding:35px 10px 25px;
	
	transition: box-shadow .5s linear;
}

.contact_form2:hover
{
	box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.3);
}

.contact_form2 .inp_1
{
	    margin: 5px auto 15px;
		display: inline-block;
		max-width: 240px;
}

.contact_form2 .name
{
	margin:0 0 10px;
}

.contact_form_left
{
	width:340px;
	margin: 0px auto;
	text-align: center;
}


.contact_info_small
{
	line-height: 22px;
	margin:0 0 20px;
}

.contact_info_time
{
	margin:20px 0;
	line-height: 22px;
}

.contact_info i:before
{
	content: "\f119";
	font: 17px/30px virtus;
	color: #c3a136;
	display: inline-block;
	padding:0 12px 0 0;
}
	
.contact_info .contact_info_time i:before
{
	content: "\f109";
}
		
.contact_info address i:before
{
	content: "\f10d";
}
	

.contact_info address
{
	font-style: normal;
	color: #2b2a29;
	line-height: 24px;
	margin: 0 0 20px;
}

.name_page
{
	background: url(img/bg2.jpg);
	padding:20px 0 10px;
	margin:0 0 40px;
}

.name_page h1
{
	text-align: left;
}


/* 
.tariffs_head
{
position:fixed;
top:0;
} */

.tariffs
{
display: table;
width: 100%;
border-right:1px solid #e8e8e8;
margin:0 0 60px;
}

.tariff_row
{
display:table-row;
font-family: "AZpro";
}

.tariff_name_one
{
width:217px;
display: table-cell
}

.tariff_name
{
width:138px;
padding:5px;
display: table-cell;
text-align: center;
color: #D74833;
font-weight: bold;
border-left: 1px solid #e8e8e8;
border-top: 1px solid #e8e8e8;
/* border-right: 1px solid #e8e8e8; */
background: #FFF;
font-size: 18px;
background: url(img/bg2.jpg);
}

.tariff_plus
{
background: url(img/plus.svg) no-repeat 0 3px;
width: 18px;
height: 22px;
background-size:100%;
display: inline-block;
}

.tariff_name strong
{
display: block;
font-size: 26px;
margin:0 0 5px;
color: #0d3657;
font-weight: 400;
transition: text-shadow .5s, color .6s;
}

.tariff_name p
{
	font: 14px/17px Arial;
	color: #666;
	margin:0px;
	padding:5px;
	background: url(img/bg2.jpg);
}

.tariff_strong
{
font-weight: bold;
}
	
.tariff_one
{
width:210px;
display: table-cell;
border-top: 1px solid #e8e8e8;
padding:8px 7px;
line-height: 24px;
}

.tarif_one_sub
{
padding-left: 30px;
width:190px;
}

.tariff_1,
.tariff_2,
.tariff_3,
.tariff_4,
.tariff_5,
.tariff_6,
.tariff_0
{
text-align: center;
width:140px;
padding:8px 5px;
display: table-cell;
border-top: 1px solid #e8e8e8;
vertical-align: middle;
}

.tariff_0, .tariff_strong
{
	background: url(img/bg2.jpg);
}

.tariff_1,
.tariff_3,
.tariff_5
{
background: #EFFAFC;
}

.tariff_2,
.tariff_4,
.tariff_6
{
background: #FFF7F7;
}

.tariff_row .send
{
	line-height: 26px;
	padding: 8px 40px;
	margin:20px 0;
}












.after_body
{
	height:100px;
}

 .blog_content_left
 {
	 float: left;
	 width:860px;
 }
 
 .blog_content_right
 {
	 width:270px;
	 float: right;
 }
 
.blog_row
{
	display: table;
}
 
.blog_row_img
{
	display: table-cell;
	vertical-align:top;
}

.blog_row_post
{
	display: table-cell;
	width:100%;
	vertical-align:top;
	padding:0 0 0 40px;
}
 
a.blog_row_name
{
	font: 22px/26px 'AZpro';
    color: #3E9391;
    display: block;
    text-decoration: none;
	margin:0 0 10px;
}
 

.blog_row_info
{
margin:10px 0;
height:110px;
overflow: hidden;
position: relative;
z-index:1;
line-height: 26px;
}

.blog_row_info:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background: linear-gradient(to top,#FFF 0,rgba(255,255,255,0) 100%);
  z-index: 2;
} 

a.blog_more:before
{
	display: block;
	width:30px;
	background: #49ADA9;
	height:2px;
	content: "";
	margin:0 0 10px;
}

 .article_row1
{
	display: table-row;
}

.article_row2
{
	display: table-cell;
	height:80px;
}

.blog_pop
{
	margin:60px 0;
}

.blog_pop .home_blog_one:nth-child(odd)
{
	margin:10px 0px;
}

.blog_pop .home_blog_one
{
	margin:10px 45px;
}



.pages
{
margin: 30px auto 50px;
text-align: center;
}

.pages a, .pages strong, .hide_page, .pages b
{
transition: background-color .2s;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
text-decoration: none;
margin: 0 8px;
border-radius: 50%;
color: #000;
vertical-align:top;
line-height: 40px;
}

.pages .hide
{
color: #FFF;
}

.pages strong, a.hide_page
{
/* border:1px solid #c9c9c9; */
color: #c9c9c9;
font-weight: normal;
}

a.hide_page
{
color: #000;
}

.pages b
{
font-weight: normal;
background: #4AAEAA;
color: #FFF;
}

.pages a:hover
{
background: #4AAEAA;
color: #FFF;
}

.pages .page_left:before
{
font: 20px/40px 'virtus';
    content: "\f106";

}

.pages .page_right:before
{
font: 20px/40px 'virtus';
content: "\f105";
}






.table
{
	display: table;
	width: 100%;
}





.line_top_button
{
	width:100%;
	position: relative;
}

.line_top_button span
{
	position: absolute;
	right:0;
	top:-130px;
	max-width:280px;
	background: #FFF;
	border:1px solid #999;
	font: 16px 'PT Sans';
	padding:12px 0;
	color: #333;
}

 
.faq_vopros, .faq_otvet
{
	padding:25px 60px;
	line-height: 26px;
	transition: background-color .2s linear;
}

.faq
{
	margin:20px 0;
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,.05);
	border: solid 1px #d9dce1;
	overflow: hidden;
	cursor: pointer;
	transition:  box-shadow .5s linear;
}

.faq:hover
{
	box-shadow: 0 0 20px rgba(134,206,224,.5);
}

.faq_otvet
{
	display: none;
	background: #F7F4F4;
	border-top:2px solid #FFF;
}

.faq_open .faq_vopros
{
	background: url(img/bg.jpg);
	
}

.faq_open .faq_otvet
{
	display: block;
}

.faq_vopros_a, .faq_otvet_a
{
	font: 22px/24px 'AZpro';
	color: #0e85a8;
}

.faq_vopros_a:before
{
	content: "+";
	font: 22px 'Arial';
	position: absolute;
	margin:0 0 0 -40px;
	color: #86CEE0;
}

.faq_open .faq_vopros_a:before
{
	content: "-";
}





.sitemap { margin: 50px 0 0; }
.sitemap ul {padding:0;margin:0;list-style:none;}
.sitemap li { padding:3px 0;list-style:none;}
.sitemap ul ul{ padding: 0px 0 10px 10px;}

.sitemap ul li .name a
{
font: 22px 'AZpro';
text-transform: none;
text-decoration: none;
}
 
 
 .inp_1:focus
 {
box-shadow: 0 0 5px #49ADA9;

 }
 
 .inp_1
 {
 /* border: solid 1px #a9cce1; */
 border:1px solid #B5B5B5; 
 background: #FFF;
 color: #333;
 padding:8px 15px;
 display: block;
 width: 100%;
 box-sizing: border-box;
 margin:5px auto 15px;
 max-width: 340px;
 }

.form_callback, .form_zapis
{
text-align: center;
max-width:360px;
margin: 0px auto;
}


 .artkiev_slider, .send, a.send, .pages, .callme, .pd_modal, .blind {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;          
}

 


#artkiev_load
{
display: none;
position: fixed;
z-index:2000;
border:1px solid #c9c9c9;
border-radius: 4px;
padding:10px;
width: 220px;
height:20px;
box-shadow: inset 0px 0px 30px 0px rgba(50,50, 50, 0.3);
left: 50%;
top: 40%;
margin: -20px 0 0 -120px; 
background: #E5E6E5 url(tmp/load.gif) no-repeat center;
}


.error
{
box-shadow: 0 0 5px red !important;
transition: all 0.3s ease-in-out;
}


.window
{
  position: fixed;
  z-index: 101;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  }

 
.window:after {
  display: inline-block;
  height: 100%;
  margin: 0 0 0 -0.05em;
  content: "";
  vertical-align: middle;
}

#window {
  position: relative;
  outline: none;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 45px;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  background: #fff;
  max-width: 620px;
  vertical-align: middle;
  box-shadow: 0px 0px 30px 0px  rgba(0,0,0,.9);
/*   border-radius: 5px; */
/*   height: 400px;
  max-height: 100%; */
}

.window .send
{
	line-height: 42px;
}

.locked
{
overflow: hidden;
margin:0 17px 0 0;
}	
  
.close
{
position: absolute;
z-index: 102;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
cursor: pointer;
}

.close:after
{
font: 30px/30px 'virtus';
content: "\e901";
color: #4AAEAA;
transition: transform .4s ease;
outline:none;
display: block;
}

.close:hover:after
{
transform: rotate(90deg);
}


.scroll_to
{
	background: #4AAEAA;
	border-radius: 30px;
	width: 56px;
	height: 56px;
	transition: background-color .5s linear,  bottom .2s linear;
	text-align: center;
	position:fixed;
	z-index:30;
	left: 10px;
	bottom: -60px;
	cursor: pointer;
	outline: none;
}

.scroll_to.scroll_up
{
	bottom: 20px;
}

.scroll_to:before
{
	font: 16px/56px 'virtus';
	color: #FFF;
	content: "\f102";
}

.scroll_to:hover
{
	background: #03bccb;
}

.scroll_to:active
{
	bottom: 5px;
}



#artkiev_shadow { 
background: rgba(0,0,0,.8); 
position:fixed; left:0; top:0; bottom:0; right:0;  height:100%; width:100%; z-index:100; 
 }

 
.review
{
	display: table;
	margin:60px 0 0;
	width:100%;
}
 
.review_video
{
	display: table-cell;
	vertical-align:top;
	width:550px;
}

.review_info
{
	display: table-cell;
	width:590px;
	vertical-align:top;
	padding:0 0 0 60px;
}
 
.review_br
{
background: url(img/bg2.jpg);
height:30px;
width:100%;
margin:50px 0;
}	
 
 
.review_name
{
	font: 22px/26px 'AZpro';
    color: #3E9391;
    display: block;
    text-decoration: none;
	margin:0 0 20px;
}

.review_name span
{
	display: inline-block;
	margin:0 0 0 20px;
	font-size: 16px;
	color: #999;
}
 
.review_video .iframe_block
{
margin:0px;
}	
 
.review_text
{
margin:20px 0 0;
}	
 
 
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */

.santa
{
	background: #EDEEF0 url(img/santa.jpg) no-repeat;
	padding:710px 0 30px;
}


.flip-clock-wrapper * {

    box-sizing: border-box;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none;
  }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
/*   width: 100%;
  margin: 1em; */
  width:630px;
  margin: 20px auto 10px;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #D41F26;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; 
  font: inherit;
  }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #999;
/*   background-color: rgba(0, 0, 0, 0.4); */
  }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #FFF;
  text-shadow: 0 1px 2px #D41F26;
  text-align: center;
  background-color: #D41F26;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  /* background: #323434; */
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(212, 31, 38, 0.1) 0%, #D41F26 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212, 31, 38, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(212, 31, 38, 0.1) 0%, #D41F26 100%;
  background: -o-linear-gradient(top, rgba(212, 31, 38, 0.1) 0%, #D41F26 100%);
  background: -ms-linear-gradient(top, rgba(212, 31, 38, 0.1) 0%, #D41F26 100%);
  background: linear, to bottom, rgba(212, 31, 38, 0.1) 0%, #D41F26 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(212, 31, 38, 0.1) 0%, #D41F26 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212, 31, 38, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(212, 31, 38, 0.1) 0%, #D41F26 100%;
  background: -o-linear-gradient(top, rgba(212, 31, 38, 0.1) 0%, #D41F26 100%);
  background: -ms-linear-gradient(top, rgba(212, 31, 38, 0.1) 0%, #D41F26 100%);
  background: linear, to bottom, rgba(212, 31, 38, 0.1) 0%, #D41F26 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, #D41F26 0%, rgba(212, 31, 38, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(212, 31, 38, 0.1)));
  background: linear, top, #D41F26 0%, rgba(212, 31, 38, 0.1) 100%;
  background: -o-linear-gradient(top, #D41F26 0%, rgba(212, 31, 38, 0.1) 100%);
  background: -ms-linear-gradient(top, #D41F26 0%, rgba(212, 31, 38, 0.1) 100%);
  background: linear, to bottom, #D41F26 0%, rgba(212, 31, 38, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, #D41F26 0%, rgba(212, 31, 38, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(212, 31, 38, 0.1)));
  background: linear, top, #D41F26 0%, rgba(212, 31, 38, 0.1) 100%;
  background: -o-linear-gradient(top, #D41F26 0%, rgba(212, 31, 38, 0.1) 100%);
  background: -ms-linear-gradient(top, #D41F26 0%, rgba(212, 31, 38, 0.1) 100%);
  background: linear, to bottom, #D41F26 0%, rgba(212, 31, 38, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }
 

 .pay_girl
 {
	 background: url(img/marina.jpg) no-repeat;
	 width: 296px;
	 height: 500px;
	 background-size: 100%;
	 display: inline-block;
	 vertical-align:top;
	 margin:0 0 -90px 60px;
 }
 
 .pay_info
 {
	 width:400px;
	 display: inline-block;
	 vertical-align:top;
 }
 
 .pay_sum
 {
	 display: inline-block;
	 padding:0 10px;
	 background: #CC5144;
	 color: #FFF;
	 font-size: 20px;
	 font-weight: bold;
	 margin:0 5px 0 0;
 }
 
 .start
 {
	 background: url(img/bg2.jpg);
	 padding:50px 50px 20px;
	 border-radius: 25px;
	 margin: 0px auto 35px;
	 width:600px;
 }
 
.start_form {
    width: 340px;
    margin: 0px auto;
    text-align: center;
}
 
 .install_form .start
 {
	 width:360px;
	 padding:0px;
	 margin:0 0 25px;
	 text-align: left;
 }
 
.start input[type="radio"]:not(checked) {position:absolute;opacity:0;}
.start input[type="radio"]:not(checked) + label:before{content:'';position:absolute;top:0;left:0;width:22px;height:22px;background:#FFF; transition: background .5s linear;border-radius: 50%; border:1px solid #B5B5B5;}
.start input[type="radio"]:checked + label:before{background:#4AAEAA; border-color: #4AAEAA;}
.start input[type="radio"]:checked + label:after{position:absolute;left:6px;top:1px;content:"\e903";font:12px/22px virtus;color:#FFF;}
.start input[type="radio"] + label{display: block; color: #000; position:relative;padding:0 0 0 34px; text-align: left; line-height: 26px; margin:5px 0 0;}

.che_start
{
	text-align: left;
	color: #979;
}
 .start input[type="checkbox"]:not(checked) {position:absolute;opacity:0;}
.start input[type="checkbox"]:not(checked) + label:before{content:'';position:absolute;top:0;left:0;border:1px solid #B5B5B5;width:18px;height:18px;background: #FFF;border-radius: 2px;}
.start input[type="checkbox"]:checked + label:before{background:#F3FFEE; border:1px solid #B5B5B5;}
.start input[type="checkbox"]:checked + label:after{position:absolute;left:5px;top:2px;content:"\e903";font:13px/18px virtus;color:#70B9BC;}
.start input[type="checkbox"] + label{display: inline-block; position:relative; padding:0 0 0 28px;line-height: 21px; }

.start input[type="checkbox"]:checked + label { color: #000; }

.start em
{
	display: inline-block;
	    border-bottom: dashed 1px #0e85a8;
    color: #0e85a8;
	line-height: 20px;
	font-style: normal;
	cursor: pointer;
}
 
.start em.domen_active
{
border:0;
color: #666;
}	

.start strong
{
	font-size: 14px;
	font-weight: 400;
	position: relative;
	margin:-15px 0 0 ;
	display: block;
	color: #928585;
}

.start_name
{
text-align: left;
margin:15px 0 0;
font-weight: bold;
}	
 
 #domen_no
 {
	 margin:0 0 0 30px;
 }
 
 .visa
 {
	 display: inline-block;
	 background: url(img/visa.svg) no-repeat;
	 background-size: cover;
	 background-position: 0 -25px;
	 margin:25px 5px;
	 width: 100px;
	 height: 50px;
 }
  
 .mastercard
 {
	 display: inline-block;
	 background: url(img/mastercard.svg) no-repeat;
	 background-size: cover;
	background-position: 0 -9px;
    margin: 25px 5px;
    width: 86px;
    height: 60px;
 }
 
 #dni .inp_1
 {
	 
	 width:50px;
	 padding:1px 12px;
	 text-align: center;
	 position: absolute;
	 margin:-32px 0 0 236px;
 }
 
.start_all 
{
	background: #FFF;
	padding:5px 15px;
	border-radius: 6px;
	display: inline-block;
	margin:10px 0 0;
}
 
.start_disable
{
	cursor: no-drop;
	pointer-events:none;
}
 
.jscolor
{
width:64px;
border:0;
text-align: center;
font-size: 15px;
cursor: pointer;
}	


 .file-upload {
     position: relative;
     overflow: hidden;
     width: 130px;
     background: #D8D6D6;
     border-radius: 20px;
     padding: 5px 10px;
     color: #000;
     text-align: center;
	 height:30px;
	 line-height: 40px;
	 transition: background .5s linear;
	 display: inline-block;
	 vertical-align:top;
}

 .file-upload b {
	 font-weight: 400;
 }

.file-upload:hover {
    background: #4AAEAA;
	color: #FFF;
}
.file-upload input[type="file"]{
    display: none; 
}
.file-upload label {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     cursor: pointer;
}
.file-upload b {
     line-height: 30px;
}
 
.filename {
	background: transparent;
     border: 0;
	 height:40px;
	 display: inline-block;
	 vertical-align:top;
	 width:200px;
	 color: #000;

}
 
 
.install_form .inp_1
{
max-width:100%;	
}

.install_form
{
margin: 0px auto;
text-align: center;
width:360px;
}	
 
.install_file
{
margin:20px 0;
}	
 
 
.b-page__content{min-height:100px}

.b-head-decor{display:none}
.b-page_newyear .b-head-decor{
   position:absolute;
   top:0;
   left:0;
   display:block;
   height:115px;
   width:100%;
   overflow:hidden;
   background:url(balls/b-head-decor_newyear.png) repeat-x 0 0
}
.b-page_newyear .b-head-decor__inner{position:absolute;top:0;left:0;height:115px;display:block;width:373px}
.b-page_newyear .b-head-decor::before{content:'';display:block;position:absolute;top:-115px;left:0;z-index:3;height:115px;display:block;width:100%;box-shadow:0 15px 30px rgba(0,0,0,0.75)}
.b-page_newyear .b-head-decor__inner_n2{left:373px}
.b-page_newyear .b-head-decor__inner_n3{left:746px}
.b-page_newyear .b-head-decor__inner_n4{left:1119px}
.b-page_newyear .b-head-decor__inner_n5{left:1492px}
.b-page_newyear .b-head-decor__inner_n6{left:1865px}
.b-page_newyear .b-head-decor__inner_n7{left:2238px}

.b-ball{position:absolute}
.b-ball_n1{top:0;left:3px;width:59px;height:83px}
.b-ball_n2{top:-19px;left:51px;width:55px;height:70px}
.b-ball_n3{top:9px;left:88px;width:49px;height:67px}
.b-ball_n4{top:0;left:133px;width:57px;height:102px}
.b-ball_n5{top:0;left:166px;width:49px;height:57px}
.b-ball_n6{top:6px;left:200px;width:54px;height:70px}
.b-ball_n7{top:0;left:240px;width:56px;height:67px}
.b-ball_n8{top:0;left:283px;width:54px;height:53px}
.b-ball_n9{top:10px;left:321px;width:49px;height:66px}
.b-ball_n1 .b-ball__i{background:url(balls/b-ball_n1.png) no-repeat}
.b-ball_n2 .b-ball__i{background:url(balls/b-ball_n2.png) no-repeat}
.b-ball_n3 .b-ball__i{background:url(balls/b-ball_n3.png) no-repeat}
.b-ball_n4 .b-ball__i{background:url(balls/b-ball_n4.png) no-repeat}
.b-ball_n5 .b-ball__i{background:url(balls/b-ball_n5.png) no-repeat}
.b-ball_n6 .b-ball__i{background:url(balls/b-ball_n6.png) no-repeat}
.b-ball_n7 .b-ball__i{background:url(balls/b-ball_n7.png) no-repeat}
.b-ball_n8 .b-ball__i{background:url(balls/b-ball_n8.png) no-repeat}
.b-ball_n9 .b-ball__i{background:url(balls/b-ball_n9.png) no-repeat}
.b-ball_i1 .b-ball__i{background:url(balls/b-ball_i1.png) no-repeat}
.b-ball_i2 .b-ball__i{background:url(balls/b-ball_i2.png) no-repeat}
.b-ball_i3 .b-ball__i{background:url(balls/b-ball_i3.png) no-repeat}
.b-ball_i4 .b-ball__i{background:url(balls/b-ball_i4.png) no-repeat}
.b-ball_i5 .b-ball__i{background:url(balls/b-ball_i5.png) no-repeat}
.b-ball_i6 .b-ball__i{background:url(balls/b-ball_i6.png) no-repeat}
.b-ball_i1{top:0;left:0;width:25px;height:71px}
.b-ball_i2{top:0;left:25px;width:61px;height:27px}
.b-ball_i3{top:0;left:176px;width:29px;height:31px}
.b-ball_i4{top:0;left:205px;width:50px;height:51px}
.b-ball_i5{top:0;left:289px;width:78px;height:28px}
.b-ball_i6{top:0;left:367px;width:6px;height:69px}
.b-ball__i{
position:absolute;
width:100%;
height:100%;
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-o-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
pointer-events:none
}
.b-ball_bounce .b-ball__right{position:absolute;top:0;right:0;left:50%;bottom:0;z-index:9}
.b-ball_bounce:hover .b-ball__right{display:none}
.b-ball_bounce .b-ball__right:hover{left:0;display:block!important}
.b-ball_bounce.bounce>.b-ball__i{-webkit-transform:rotate(-9deg);-moz-transform:rotate(-9deg);-o-transform:rotate(-9deg);transform:rotate(-9deg)}
.b-ball_bounce .b-ball__right.bounce+.b-ball__i{-webkit-transform:rotate(9deg);-moz-transform:rotate(9deg);-o-transform:rotate(9deg);transform:rotate(9deg)}
.b-ball_bounce.bounce1>.b-ball__i{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}
.b-ball_bounce .b-ball__right.bounce1+.b-ball__i{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}
.b-ball_bounce.bounce2>.b-ball__i{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.b-ball_bounce.bounce3>.b-ball__i{-webkit-transform:rotate(1.5deg);-moz-transform:rotate(1.5deg);-o-transform:rotate(1.5deg);transform:rotate(1.5deg)}
.b-ball_bounce .b-ball__right.bounce3+.b-ball__i{-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);-o-transform:rotate(-1.5deg);transform:rotate(-1.5deg)} 
 
 @media only screen and (max-width: 1200px)
	{
		.content
		{
			width:990px;
		}
		
		a.logo
		{
			width: 170px;
			height: 50px;
		}
		
		nav
		{
			width:560px;
			margin:2px 0 0 10px;
		}
		
		
		.header_contact a
		{
			font-size: 16px;
		}
/* 		.header_lang
		{
			width:auto;
			margin:0 10px;
		} */
		
		.header_contact
		{
			margin:2px 0 0;
		}
		
		.header_lang
		{
		margin:4px 0 0 22px; 	
		}
		
		.counter
		{
			display: inline-block;
			vertical-align:top;
			width:270px;
			float:none;
		}
		
		#a_counter
		{
			text-align: center;
		}
		
		
		.home_wellcome_form
		{
			padding:40px 30px;
		}
		
		.home_wellcome_info
		{
			padding:30px;
		}
		
		.home_wellcome_info IMG,
		.home_left a.send_1
		{
			display: none;
		}
	
	
.footer_logo
{
	float: none;
	margin: 0px auto;
	background-position: 50% 0;
}

.footer_bottom_menu
{
	float: none;
	margin:30px auto;
	width:100%;
	text-align: center;
}

.socios
{
	display: block;
	text-align: center;
	margin:30px 0 0;
	width:100%;
}

.footer_copy
{
	width:290px;
}

footer
{
	padding:50px 0 10px;
}

.blog_other
{
	width:300px;
}

.blog_other IMG
{
	max-width:100%;
}

	.article_row
	{
		width:300px;
	}
	
	.kno2 span.send
	{
		margin:20px 0 0 10px;
	}
	
	.dur .content_small
	{
		width:620px;
	}
	
	.dur_aht, .dur_ahtung
	{
		width:280px;
		font: 20px/26px "AZpro";
	}
	
	.dur_aht strong, .dur_ahtung strong
	{
		font: 36px/42px "AZpro";
	}
	
	.review_video, .review_info
	{
		width:465px;
	}

	.row_49, .row_51
	{
		width:460px;
	}
	
	.about_work .s_shot
	{
		margin:0 auto 60px !important;
		display: block;
		width:720px;
	}
	
	.about_work h2
	{
		text-align: center;
	}
	
	A.menu_n, A.top_menu_a
	{
		font-size: 17px;
	}
	
	}
	
	
@media only screen and (max-width: 991px)
	{

	.potolok header
	{
	display: none;
	}	
	
	.line_demo
	{
		background-attachment: scroll;
		background-size:100%;
	}
	
	.content, .content_small, .dur .content_small
	{
		width:738px;
		margin: 0px auto;
	}	
	
	.dur_aht
	{
		width:100%;
		margin: 0px auto 20px;
		display: block;
		text-align: center;
		padding:0px;
	}
	
	 nav 
		 {
		 width:auto;
		float: right;
		 }
	
/* 	.header_lang
	{
		float: right;
		margin:0 20px 0 0;
		position: relative;
		top: -2px
	} */
	
.mobile_menu
		{
		cursor: pointer;
		position: relative;
		z-index:101;
		}
		
		.mobile_menu:before 
		{
		font: 38px/38px 'virtus';
		color: #D74833;
		content: "\f109";
		display: inline-block;
		padding:2px;
		transition: transform .3s linear;
		margin:0px 0 0 15px;
		}

	   	  #mobile_menu:checked + nav .mobile_menu:before 
		  {
			  content: "\f100";
			  color: #FFF;
			  transform: scaleX(-1);
		  }
	
.locked
{
	margin:0px;
}
 
 .top_menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 256px;
  min-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
  z-index:112;
}

	
.open_menu .top_menu
{
	left: 0px;
	background-color: #4AAEAA;
    background: linear-gradient(to bottom, #4AAEAA 0%, #03bccb 100%);
    display: block;
    z-index: 101;
}

@-webkit-keyframes open_menu_left {
0%{opacity:0;-webkit-transform:translateX(-300px);transform:translateX(-300px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}

@keyframes open_menu_left {
0%{opacity:0;-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}

.open_menu_left{-webkit-animation-name:open_menu_left;animation-name:open_menu_left}

.open_menu .top_menu_li, .top_menu_ul
{
	display: block;
	width:100%;
	border:0;
	border-bottom:1px solid #c9c9c9;
}


.top_menu_li, .menu_n
{
	display: block;
	margin:0px;
	text-align: center;
}

	A.top_menu_a, .menu_n a
	{
		font-size: 20px;
		text-transform: none;
		line-height: 38px;
		color: #FFF !important;
		padding: 6px 0 2px;
		display: block;
	}	
	
.blog_other
{
	width:370px;
	margin: 0px auto 50px !important;
	display: block;
	text-align: center;
}



.home_wellcome
{
display: block;
border-radius: 0;
}	

.home_wellcome_form
{
	display: block;
	width:100%;
	box-sizing: border-box;
	border-radius: 0;
}

.home_wellcome_info
{
	background: #FFF;
}

.home_wellcome_c
{
	margin: 0px auto;
	width:100%;
	max-width:360px;
}

h1, h2, h3, .name, .name_1, .name_2, .name_3
{
	text-align: center;
}
		

	header
	{
		position: relative;
	}

	
.header_contact
{
	top: -5px;
}

.mc
{
	text-align: center;
}



		.bottom_menu_li
		{
			padding:0 5px;
		}
		
	
	.footer_copy, .footer_phone, .socios, .footer_right
	{
		display: block;
		width:100%;
		text-align: center;
		padding:0px;
	}
	
	.footer_phone
	{
		margin:20px 0;
	}
		
	  a.article_row_name
  {
	  line-height: 25px;
  }
  
  .article_row
  {
	  width:212px;
  }
	
	.site_more li
	{
		width:50%;
		text-align: center;
		padding:30px;
	}
	
	.text UL.site_more li
	{
		float: none;
		display: inline-block;
		padding:0 0 40px;
		width:100%;
	}
	
	
	.site_more.site_more_3 li
	{
		width:100%;
		display: block;
	}
	
	.dur_ahtung
	{
		width:100%px;
		margin: 0px auto;
		display: block;
		text-align: center;
	}
	
	
	.review_video, .review_info
	{
		/* width:465px; */
		width:50%;
		box-sizing: border-box;
	}
	
	.review_name span
	{
		margin:0px;
		display: block;
	}
	
	.row_49, .row_51
	{
		width:100%;
		float: none;
	}
	
	.rows_about .row_o
	{
		text-align: center;
		margin:40px 0 0;
	}	
	
	.rows_about .row_o h3
	{
		text-align: left;
	}
	
	
	.about_work .s_shot
	{
		width:100%;
		max-width: 720px;
	}
	
	.pay_girl
	{
		margin:0 0 -90px 20px;
	}
	
	.pay_info
	{
			text-align: center;
	}
	
	.logos_clients div
	{
		width:25%;
	}
	
	}
 
 	
@media only screen and (max-width: 767px)
	{
		
/* 	.window
	{
	position: fixed;
	}	 */
	
	.review_video, .review_info
	{
		width:100%;
		padding:0px;
		display: block;
	}

	.review_name
	{
		margin: 30px 0 20px;
	}
	
	.content, .content_small
	{
	width:100% !important;	
	padding:0 15px;
	box-sizing: border-box;
	}
	
	.content .content_small
	{
		padding:0px;
	}
	
	.s_shot_top
	{
		display: none;
	}
 
 .s_shot
 {
	 border-radius: 0px;
	 margin:	10px -15px 30px;
 }
 
 .slide_name
 {
	 font-size: 40px;
	 line-height: 42px;
	 text-align: center;
 }
 
 .slider_send ,  a.slider_send 
 {
	 margin: 0px auto;
	 width:290px;
	 display: block;
 }
 
 
.scroll_to
{
	display: none !important;
} 
 
 .contact_page
 {
	 display: block;
 }
 
 .contact_info
 {
	 display: block;
	 border-radius: 0px;
	 margin: 0 -15px;
 }
  
    .contact_info_small
  {
	  margin: 0px auto 20px;
  }
  
  .table_map
  {
	  display: block;
	  position: static;
	  height:auto;
	  min-height: 250px;
  }
  
  .table_map #yamap
  {
	  position: static;
	  height:250px;
  }
  
  
  .blog_row_img IMG
  {
	  max-width: 250px;
  }
  
  
.article_row
  {
	  width:370px;
	  margin: 0px auto 40px !important;
	  display: block;
  }
  
  
  .tariffs_row
  {
	  width:450px;
	  overflow-x:auto;
	  margin: 0px auto;
  }
  
  .flip-clock-wrapper
  {
		    transform: scale(.7);
  }
  
  
    .optovik .table_content tr:first-child
	{
		display: none;
	}
  
  .optovik .table_content td
  {
	display: block;
	width:100% !important;
	text-align: left !important;
  }
  
   .optovik .table_content td:nth-child(2) {
    border:0;
    font-weight: 400;
    background-color: #FFF;
}
  
     .optovik .table_content td:nth-child(1) {
  border-top: 2px solid #c9c9c9;

    font-weight: bold;
    background-color: #F9F7F7;
}
  
  .pay_girl
  {
	  display: none;
  }
  
  .pay_info
  {
	  width:100%;
	  display: block;
	  text-align: center;
  }
  
  .start
  {
	  width:100%;
	  border-radius: 0px;
	  padding:40px 0;
	  
  }
  
	}
	
	
@media only screen and (max-width: 650px)
	{	
	
	.blog_row_img
	{
		display: block;
		text-align: center;
	}
	
	.blog_row
	{
		display: block;
	}
	
	.blog_row_img IMG
	{
		max-width:100%;
	}
	
	.blog_row_post
	{
		padding:0px;
	}
	
	a.blog_more:before
	{
		width:290px;
		height:1px;
	}
	
	.contact_form2 .inp_1
	{
		display: block;
		margin: 10px auto 5px;
	}
	
		.flip-clock-wrapper {
    transform: scale(.5);
}
	
		.logos_clients div
	{
		width:33.333333%;
	}
	
	.ua_life b
	{
		font-size: 24px;
		line-height: 30px;
	}
	
	.rus_nax strong
	{
		display: block;
	}
	
	}
	
	
	
@media only screen and (max-width: 560px)
	{
	
	
	.map_info
	{
		padding:30px 10px;
	}
	
	.site_more li
	{
	width:100%;	
	margin:0px;
	}
	
	h5.c strong
	{
		display: block;
		text-align: center;
	}
	
	.faq
	{
		margin:20px -15px;
	}
	
	div.mobile
	{
		display: block;
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		text-align: center;
	}
	
	div.mobile a
	{
		display: block;
		text-decoration: none;
		background: #4AAEAA;
		color: #FFF;
		text-transform: uppercase;
		padding:5px 0;
	}
	
	footer
	{
		padding:40px 0 50px;
	}
	

	.flip-clock-wrapper 
	{
		display: none;
	}
	
	.santa
	{
		height:280px;
		background-size: contain;
		padding:0px;
	}
	
	.start
	{
	padding:40px 15px;	
	width:100%;
	margin:35px -15px ;
	}
	
	.start_form
	{
		width:100%;
	}
	
		.header_contact
	{
		display: none;
	}
	
.prezent .name
{
	font-size: 32px;
	line-height: 36px;
}

	}	

	
@media only screen and (max-width: 510px)
	{
	
	.artkiev_slider
	{
		padding:40px 0;
		margin:0 0 15px;
	}
	
	.bg
	{
		padding:25px 0;
	}
	

	.contact_form_left
	{
		width:290px;
	}
	
	.contact_info_small
	{
		width:auto;
	}
	
	  
  .tariffs_row
  {
	  width:290px;
  }
	
	
	h1, h2, h3, .name, .name_1, .name_2, .name_3
	{
		
		 word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
	}
	
	.dash_left, .dash_right
	{
		width:100%;
		box-sizing: border-box;
		margin:15px 0;
	}
	
	.rus_nax
	{
		line-height: 20px;
	}
	
	.ua_life b {
    font-size: 19px;
    line-height: 22px;
}
	
	}	
	
	@media only screen and (max-width: 424px)
	{
		
		.counter
		{
			width:auto;
		}
		
		
		.home_wellcome 
		{
			margin:50px -15px;
		}
		
		.home_wellcome_info
		{
			padding:30px 15px;
		}
		
		.home_wellcome_form .name_2
		{
			width:100%;
		}
		
		
		.contact_info
		{
			padding:15px;
		}
		
		.install_form .start
		{
			line-height: 22px;
		}
		.install_form .start
		{
			width:100%;
			box-sizing: border-box;
		}
		
.article_row, .blog_other
  {
	  width:290px;

  }
		
	h1, h2, h3, .name, .name_1, .name_2, .slider_name div, .name_3, .slider_name span
		{
			font-size: 28px;
			line-height: 30px;
			text-transform: inherit;
		}
		
		.install_form
		{
			width:290px;
		}
		
		.install_color, .filename
		{
			text-align: center;
		}
		
		.install_color span
		{
			display: block;
	
		}
		
	}
	
		@media only screen and (max-width: 374px)
	{

		
	#domen_no
	{
		margin:5px 0;
	}
		
	.send, a.send
	{
		padding: 0 20px;
	}	
		
		.header_lang
		{
			margin:4px 0 0;
		}
		
		
/* 		.header_lang
		{
			margin:0 ;
		} */
		
		a.logo
		{
			width:160px;
		}
		
	}
	
	
	@media only screen and (max-width: 330px)
	{
			nav
			{
				margin:2px 0 0;
			}
	}
	
	.tarif_mne
{
line-height: 22px;
margin:0 0 10px;
}	
	
 /*********************************/
 /*********************************/
 /*********************************/
 
 .animated,#window,#artkiev_shadow,header,.error, .slider_name span, .open_menu_left {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce {
0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
@keyframes bounce {
0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce}
@-webkit-keyframes flash {
0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash {
0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}
.flash, .artkiev_slider:hover .slider_name span{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse {
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes pulse {
0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.pulse {-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes shake {
0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
}
@keyframes shake {
0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing {
20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes swing {
20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(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:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
@keyframes tada {
0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
.artkiev_slider:hover .slider_name span
{
	color: #FFF;
}
.tada {-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble {
0%{-webkit-transform:translateX(0%);transform:translateX(0%)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
}
@keyframes wobble {
0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes bounceIn {
0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn {
0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight {
0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInRight {
0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp {
0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInUp {
0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut {
0%{-webkit-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(.95);transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
}
@keyframes bounceOut {
0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes bounceOutDown {
0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes bounceOutLeft {
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes bounceOutRight {
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes bounceOutUp {
0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.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 fadeInUp {
from{opacity:.5;-webkit-transform:translate3d(0,3px,0);transform:translate3d(0,3px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
from{opacity:.5;-webkit-transform:translate3d(0,3px,0);transform:translate3d(0,3px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-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 flip {
0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip {
0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-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) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}
@keyframes flipInX {
0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}
.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) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
}
@keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
}
.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) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX {
0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY {
0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
@keyframes flipOutY {
0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(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-keyframes rotateIn {
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateIn {
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInDownLeft {
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInDownRight {
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInUpLeft {
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInUpRight {
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut {
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
@keyframes rotateOut {
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes slideInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes potolok {
0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes potolok {
0%{-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {
0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInRight {
0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes hinge {
0%{-webkit-transform:rotate(0);transform:rotate(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:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}
}
@keyframes hinge {
0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(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:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(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%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(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}
80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-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}
100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn {
0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}
}
@keyframes rollIn {
0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
.animate0{-webkit-animation-duration:.6s;-webkit-animation-delay:0;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:0;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:0;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:0;animation-timing-function:ease;animation-fill-mode:both}
.animate1{-webkit-animation-duration:.8s;-webkit-animation-delay:.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.8s;-moz-animation-delay:.4s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.8s;-ms-animation-delay:.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.8s;animation-delay:.4s;animation-timing-function:ease;animation-fill-mode:both}
.animate2{-webkit-animation-duration:.6s;-webkit-animation-delay:.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.4s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.4s;animation-timing-function:ease;animation-fill-mode:both}
.animate3{-webkit-animation-duration:.6s;-webkit-animation-delay:.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.6s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.6s;animation-timing-function:ease;animation-fill-mode:both}
.animate4{-webkit-animation-duration:.6s;-webkit-animation-delay:.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.8s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.8s;animation-timing-function:ease;animation-fill-mode:both}
.animate5{-webkit-animation-duration:.6s;-webkit-animation-delay:1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:1s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:1s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:1s;animation-timing-function:ease;animation-fill-mode:both}
.animate6{animation-duration:.8s;animation-delay:1.4s;animation-timing-function:ease;animation-fill-mode:both}