@font-face{font-family:'Roboto-Regular'; src:url("../fonts/RobotoRegular/RobotoRegular.eot"); src:url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"),url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype"); font-style:normal; font-weight:normal}
@font-face{font-family:'Roboto-Light'; src:url("../fonts/RobotoLight/RobotoLight.eot"); src:url("../fonts/RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"),url("../fonts/RobotoLight/RobotoLight.woff") format("woff"),url("../fonts/RobotoLight/RobotoLight.ttf") format("truetype"); font-style:normal; font-weight:normal}
@font-face{font-family:'Roboto-Medium'; src:url("../fonts/RobotoMedium/RobotoMedium.eot"); src:url("../fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"),url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"),url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype"); font-style:normal; font-weight:normal}
@font-face{font-family:'Roboto-Bold'; src:url("../fonts/RobotoBold/RobotoBold.eot"); src:url("../fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),url("../fonts/RobotoBold/RobotoBold.woff") format("woff"),url("../fonts/RobotoBold/RobotoBold.ttf") format("truetype"); font-style:normal; font-weight:normal}


/**************** Цвета ********************
#469cef - светло-голубой
#576e83 - темно-голубой
#02213e - темно-синий
#020321 - темно-фиолетовый
#ff5300 - оранжевый

*DS************** General *****************/
* {margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div, wrapper, content{display: block;position:relative;}
a:focus, input:focus, buttom:focus, textarea:focus {outline:0;}
button {cursor: pointer; outline:none;border: none;background: none;}

html, body {
	width:100%;
	height:100%;
}
body { 
	font-family: "Roboto-Regular";
	height:100%;
	width:100%;
} 

.wrapper {
	min-width: 1200px;
	max-width:1900px; 
	margin:0 auto; 
	height: auto;
	overflow: hidden;
}
.wraper_100 {
	width:100%; 
	min-width:1200px;
	max-width:1900px; 
	margin:0 auto;
}
.wraper_1200 {
	min-width:1140px;
	max-width:1900px; 
	margin:0 auto;
	padding: 0 30px;
}

/*************** Шапка сайта ***************/
.header {
	position: fixed;
	z-index: 100;
	background: black;
	padding: 10px 0;
	overflow: hidden;
}
/* логотип */
a.header_logo {
	display: block;
	float: left;
	margin: 0 auto;
	width: 190px;
    height: 65px;
    background: url(../img/logo.png) no-repeat center bottom;
    background-size: contain;
	transition: all 0.3s ease-in-out;
}

.scroll-menu a.header_logo{
	width: 120px;
    height: 45px;
}
.scroll-menu .nav_menu li a {
    font-size: 15px;
    line-height: 50px;
}
.scroll-menu .nav_menu li {
    margin: 0 auto 0 auto;
}
.scroll-menu .header_mail {
    line-height: 50px;
}
.scroll-menu .nav_menu {
    width: 500px;
}

/* меню */
.nav_menu {
	margin: 0 auto;
	width: 600px;
}
.nav_menu ul{
	list-style: none;	
	text-align: center;
}
.nav_menu li {
	margin: 20px auto 0 auto;
	float: left;
}
.nav_menu li a{
	font-family: 'Roboto-Medium';
	font-size: 20px;	
	line-height: 45px;
	display: block;
	padding: 0 15px;
	color: #469cef;
	text-decoration: none;
	text-transform: uppercase;
    position: relative;

	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;
}

.nav_menu li a:hover {
	color: white;
	text-shadow: 1px 1px 1px #469cef;
}
/* hover effect (my) */
.nav_menu li a::after {
    position: absolute;
    left: 0; right: 0; top: 0;
    margin: 0 auto;
    width: 90%; height: 2px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; -moz-transition: opacity 0.5s, -moz-transform 0.5s; transition: opacity 0.5s, transform 0.5s;
    -webkit-transition: all 0.5s ease-in-out 5s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;
}
.nav_menu li a::before {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    margin: 0 auto;
    width: 90%; height: 2px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; -moz-transition: opacity 0.5s, -moz-transform 0.5s; transition: opacity 0.5s, transform 0.5s;
    -webkit-transition: all 0.5s ease-in-out 5s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;
}
.nav_menu li a::after {
    background: #22d0ff;
    -webkit-transform: translateY(5px); -moz-transform: translateY(5px); transform: translateY(5px);
}
.nav_menu li a:hover::after, .nav_menu li a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);
}
.nav_menu li a::before {
    background: #22d0ff;
    -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px);
}
.nav_menu li a:hover::before, .nav_menu li a:focus::before {
    opacity: 1;
    -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);
}
/* почта */
.header_mail {
	background: url(../img/icon_mail.png)no-repeat center left;
	float: right;
	line-height: 75px;
	color: #469cef;
	padding-left: 40px;
}
.header_mail a {
	color: #469cef; font-size: 16px;
	text-decoration: none;
}
/* Якоря */
#portfolio,#about,#services,#contacts  {
	width: 100px; height: 100px;
	position: absolute;
	bottom: 0px;
}

/*************** Поп-ап заказать ***************/
#bg_popup1 {
	overflow:auto;
	display: none;
	z-index:1000; 
	position:fixed; 
	left:0; right:0; top:0; bottom:0; 
	background:rgba(1,1,1,0.9); 
}
#window1{
	padding: 0 50px;
	border: 3px solid #ff5300;
	background: black;
	display:none; 
	z-index:1000; 
	position:fixed; 
	left:0; right:0; top:0; bottom:0;
	width:350px; height:590px; 
	margin: 5% auto 0 auto; 
}
/* кнопка выбрать файл */
.fileform {
	padding: 10px 10px 0 0; margin: 0 auto;
	width: 150px; float: right;
}
.fileform .selectbutton { 
	overflow: hidden; display: block;
	background-color: rgba(255,255,255,.1);
	color: #FFFFFF; font-size: 14px;
	width: 100%; height: 30px; line-height: 30px; text-align: center;
}
.fileform #fileFF{
	position:absolute; 
	top:0; left:0; 
	width:100%; height: 100%;
	z-index: 10;
	filter: alpha(opacity=0); 
	opacity: 0; 
}
/* остальное */
#feedback-form label { 
	margin-top: 20px; padding: 1.5% 0; display: block;
	color: white; font-size: 16px; text-transform: uppercase; letter-spacing: 2px;
}
#feedback-form label span {text-transform: none;}
#feedback-form .w100 {width: 97%;padding: 1.5%;color:white;font-size: 16px;}
#feedback-form .feedback-form-border { /* граница полей */
	border: none; background: none;
	border-bottom: 1px solid white;

	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
#feedback-form .feedback-form-border:focus {outline: none; background: none;}
.feedback-form_messageFF {width: 90%; margin: 0 auto;}
#feedback-form textarea {
	margin-top: 10px; 
	background: none;
	height: 100px;
}
/* кнопка отправить */
#submitFF { 
	display: block; cursor: pointer;
	width: 170px; height: 70px;
	border: 1px solid rgba(255,83,0,.5);
	background: none;
	margin: 72px auto 0 auto;
	color: #fff; font-size: 20px; letter-spacing: 2px; text-transform: uppercase;

	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;
}
#submitFF:hover {background: rgba(255,83,0,.5);}
#submitFF:active {background: rgba(0,174,239,.1);}
#feedback-form .w0 {display: none; }
#feedback-form .feedback-form-border:not(:focus):not(:hover):valid {opacity: .8; background: none;}

/* экран во время загрузки страницы */
#p_prldr{
	position: fixed;
	left: 0;
	top: 0;
	right:0;
	bottom:0;
	background: white;
	z-index: 1000;
}
.contpre{
	position: absolute;
	left: 50%;top: 45%;
	color:#fff;
	font-size:40px;
	text-align:center;
}
#p_prldr .svg_anm {
	position: absolute;
	width: 41px;
	height: 41px;
	background: url(../img/) center center no-repeat;
	background-size:41px;    
}

/*************** Блок 1 ***************/
.block1 {
	overflow: hidden;
}
/* левая сторона блока 1 */
.block1_left {
	background: rgba(2,28,57,0.8);
	width: 50%;
	height: 100%;
	float: left;
	padding-bottom: 70px;
}
.block1_left h1{
	font-family: 'Roboto-Medium';
	text-transform: uppercase;
	font-weight: normal;
	margin: 200px 0 0 30px;
	color: white;
	font-size: 45px;
	letter-spacing: 1px;
}
.block1_left h1 span {
	text-transform: none;
	color: #ff5300;
	font-size: 35px;
	letter-spacing: 2px;
}
/* кнопка */
.header_button {
	background: rgba(0,0,0,.7);
	border: 1px solid #469cef;
	margin: 50px 50px 0 0;
	float: right;
	width: 250px; height: 90px;
	color: #afcfed; font-size: 18px; line-height: 30px;
	font-family: 'Roboto-Light'; font-weight: normal; text-transform: uppercase;

	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;
}
.header_button:hover {
	border: 1px solid #ff5300;
	color: white;
}
/* группы */
.block1_groups {
    width: 100%;
    text-align: center;
    display: flex;
    z-index: 10;
    float: left;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
}
.block1_groups a{
	margin: 0 25px;
	display: block; float: left;
	width: 40px;
	height: 40px;
    background-size:contain !important;
	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;
}
.block1_groups .icon{
    background-color: #ff5300;
}
.block1_groups .icon:hover{
    background-color: #469cef;
}
.block1_group_vk {background: url(../img/g_vk.png)no-repeat center center;}
.block1_group_vk:hover {background: url(../img/g_vkh.png)no-repeat center center;}
.block1_group_tw {background: url(../img/g_tw.png)no-repeat center center;}
.block1_group_tw:hover {background: url(../img/g_twh.png)no-repeat center center;}
.block1_group_fb {background: url(../img/g_fb.png)no-repeat center center;}
.block1_group_fb:hover {background: url(../img/g_fbh.png)no-repeat center center;}

/**** видеофон ****/

#video-bg {
	z-index: -100;
	position: absolute;
	top: 0; left: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto;
	background: url(../img/bg_video.jpg) no-repeat center center;
}
#video-bg > video {
	position: absolute;
	top: 0; left: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; 
}
@supports (object-fit: cover) {
	#video-bg > video {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
/* отключение видео на мобильных */
@media screen and (max-device-width: 800px) {
	#video-bg > video {
		display: none;
	}
}

/*************** Блок 2 ***************/
.block2_wrap {
	margin: 0 auto; overflow: hidden;
	height: auto;
	background: url(../img/bg1.jpg)no-repeat center center;
	background-size: cover;
}
/**/
.block2 {
	margin: 0 auto; overflow: hidden;
	height: 100vh;
}
/* левая сторона блока 2 */
.block2_left {
	width: 65%; height: 100%;
	float: left; display: flex;
	align-items: center;	
	background: rgba(0,0,0,.9);
}
.block2_left_content {
	width: 90%; height: 90%; display: block;
	margin: 0 auto;
}
.block2_left_counters {
	width: 100%; display: block;
	height: auto;
}
/* текст */
.block2_left_content_text {
	font-family:'Roboto-Light'; 
	width: 100%; display: block;
}
.block2_left_content_text h2:before {
	border-top: 1px solid #3e1f10;
	width: 60%; margin: 0 auto;
	display: block; content: '';
	position: relative; top: -25px;
}
.block2_left_content_text ul:after {
	border-top: 1px solid #3e1f10;
	width: 60%; margin: 0 auto;
	display: block; content: '';
	position: relative; bottom: -40px;
}
.block2_left_content_text h2 {
    padding-top: 10px;
    font-size: 20px;
	font-weight: normal;
	color: white;
}
.block2_left_content_text ul{ padding-left: 25px;}
.block2_left_content_text li {
	padding-top: 5px;
	font-size: 16px; 
	font-weight: normal;
	color: white;
}
.block2_left_content_text h3 {
	padding-top: 65px;
	font-size: 24px; font-weight: normal; text-align: center;
	color: #469cef;
}
/* правая сторона блока 2 */
.block2_right {
	width: 35%; height: 100%;
	float: right; display: block;
	background: rgba(255,255,255,.7);
}
.block2_right_content {
	width: 70%;
    height: 70%;
    display: block;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../img/document.jpg)no-repeat center center;
    background-size: 100%;
}

/*************** Блок 3 ***************/
.paralax {
	background: url(../img/bg3.jpg)repeat center center fixed;
	height: auto; 
	margin: 0 auto; 
	width: 100%; 
	position: relative;
}
/**/
.block3_wrap {
	margin: 0 auto; overflow: hidden;
	height: auto;
}
.block3_before {
	height: 180px; display: block;
	background: rgba(0,0,0,.5);
}
.block3 {
	background: rgba(255,255,255,.9);
	padding-bottom: 35px;
}
/* блок услуги */
.block3_uslugi h2 {
	padding-top: 35px;
	color: #ff5300;
	font-size: 30px; font-family:'Roboto-Bold';
	text-transform: uppercase; text-align: center; 
}
/* услуга */
.block3_usluga {
	margin: 35px auto;
	cursor: pointer;
	width: 25%; float: left;
}
.block3_usluga_wrapper {
	margin: 0 auto; overflow: hidden;
	position: relative;
	width: 80%; padding-bottom: 80%;
}
.block3_usluga_content {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
.block3_usluga_content img {
	width: 100%; height: 100%;	

	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;	
}
/* текст услуги */
.block3_usluga_bg {
	position: absolute;
	top: 0; left: 0;
	width: 90%; height: 100%;
	background: rgba(0,0,0,.7);
	z-index: 10;
	text-align: center;
	padding: 0 5%;
}
.block3_usluga_bg h3 {
	font-size: 30px; color: white; font-family:'Roboto-Light';
	position: relative;
	top: 20%;  
}
.block3_usluga_bg h3:after {
	content: ''; display: block;
	width: 50%; margin: 0 auto;
	border-top: 1px solid white;
	margin-top: 5%;

	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;	
}
.block3_usluga_bg p {
	font-size: 20px; color: white; font-family:'Roboto-Light';
	position: relative;
	top: 25%;  
}
.block3_usluga_wrapper:hover > .block3_usluga_content img {
	-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);
}
.block3_usluga_wrapper:hover > .block3_usluga_bg h3:after {
	width: 46%; 
}
/* блок с текстом */
.block3_text {
	text-align: justify;
	background: white; clear: both;
	width: 80%;	padding: 20px; margin: 0 auto;
	font-size: 18px; font-family:'Roboto-Regular';
}
.block3_text p:first-child {padding-top: 0px;}
.block3_text p{padding-top: 10px; text-indent: 1.5em; font-size: 18px;}
.block3_text ul{padding-left: 100px;}
.block3_text li{padding-top: 10px;}
.block3_text h4{
	font-size: 20px;
	margin-top: 10px;
}
.block3_text span {color: #ff4200;}

/*************** Блок 4 ***************/
.block4 {
	height: auto; margin: 0 auto;
	overflow: hidden; display: block;
	background: black; 
}
.block4 h2 {
	padding: 35px 0;
	color: #ff5300;
	font-size: 30px; font-family:'Roboto-Bold';
	text-transform: uppercase; text-align: center; 
}
/* форма */
.block4_form {
	width: 80%; margin: 0 auto; display: block;
	font-family:'Roboto-Light';
}
.block4_form_side {
	width: 37%; float: left; 
	margin:0 5% 75px 0;
}
.block4_form_side label {
	width: 100%;
	color: white; font-size: 18px;
	padding: 10px 0;
	line-height: 36px;
}
.block4_form_side input {
	width: 100%;
	padding: 9px 0;
	color: white; font-size: 20px;

	-moz-box-sizing: border-box; box-sizing: border-box;
	background: none; border: none;
	border-bottom: 1px solid white;
}
.block4_form_go {
	width: 15%; float: right;
	text-transform: uppercase;	
}
.block4_form_go input {
	margin: 10px auto; display: block; cursor: pointer;
	width: 100%; height: 60px;
	color: #c3a58f; font-size: 20px;
	background: none; 
	border:1px solid black;

	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;	
}
.block4_form_go input:hover {
	border:1px solid rgba(255,83,0,.5);
	color: white;
}

/*************** Блок 5 ***************/
.block5_after {
	height: 110px; display: block;
	background: rgba(0,0,0,.5);
}
.block5 {
	height: auto; margin: 0 auto;
	overflow: hidden; display: block;
	background: rgba(3,2,32,.9); 
}
.block5 h2 {
	padding: 35px 0;
	color: #ff5300;
	font-size: 30px; font-family:'Roboto-Bold';
	text-transform: uppercase; text-align: center; 
}
/* текст на слайде */
.slider a span {
	position: absolute; 
	width: 100%; height: 100%;
	background: rgba(0,0,0,.5);
	padding-top: 30%; text-align: center;
	font-size: 18px; color: white; 

	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;	
}
.slider a span b { padding: 0 15px; font-weight: normal; display: block;}
.slider a span:hover {
	opacity: 0;
}

/*************** Блок 6 ***************/
.block6 {
	height: auto;
	background: rgba(0,0,0,.9);
	padding-bottom: 30px;
}
/* карта */
.block6_left_gmap {
	margin: 50px auto 0 auto; float: left; 
	width: 45%; height: 350px; display: block;
}
.block6_left_gmap iframe {
	width: 100%;
	height: 100%;
}
/* форма */
.block6_form h2 {
	padding: 0 0 50px 0;
	color: #ff5300;
	font-size: 30px; font-family:'Roboto-Bold';
	text-transform: uppercase; text-align: center; 
}
.block6_form {
	padding: 0 10px;
	margin: 50px auto 0 auto; float: right; 
	width: 52%; height: auto; display: block;
	font-family:'Roboto-Light';
}
.block6_form_side {
	width: 40%; float: left; 
	margin:0 5% 50px 5%;
}
.block6_form_side label {
	width: 100%; 
	color: white; font-size: 18px;
	padding: 10px 0;
	line-height: 36px;
}
.block6_form_side input {
	width: 100%;
	padding: 9px 0; 
	color: white; font-size: 20px;

	-moz-box-sizing: border-box; box-sizing: border-box;
	background: none; border: none;
	border-bottom: 1px solid white;
}
.block6_form_go {
	margin: 0 10%;
	width: 80%; float: right;
	text-transform: uppercase;	
}
.block6_form_go input {
	margin: 10px auto; display: block; cursor: pointer;
	width: 100%; height: 60px;
	color: #c3a58f; font-size: 20px;
	background: none; 
	border:1px solid rgba(255,83,0,.5);

	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;	
}
.block6_form_go input:hover {
	background: rgba(255,83,0,.5);
	color: white;
}
/* текст */
.block6_text {
	clear: both; display: inline-block; 
	width: 100%; margin: 50px auto 0 auto; 
	font-size: 25px; color: #469cef;
	text-align: center; font-family:'Roboto-Light';
}
/* группы */
.block6_groups {
	height: auto;
    justify-content: space-evenly;
    display: flex;
    margin-top: 15px;
    z-index: 10;
    width: 100%;
    float: left;
}
.block6_groups a{
	display: inline-block;
    background-size:contain!important;
}
.block6_groups a .icon{
    width: 44px; height: 44px;
    background-color:#ff5300;
    -webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;
}
.block6_groups a .icon:hover{
    background-color:#469cef;
}

/*************** Подвал сайта ***************/
.footer {
	background: black;
	height: auto; overflow: hidden; display: block;
}
.footer_wrap {width: 1100px; margin: 0 auto;}
/* контактные данные */
.footer_mail {
	background: url(../img/icon_mail2.png)no-repeat center left;
	line-height: 100px; float: left;
	color: #469cef;
}
.footer_mail a {
	color: #469cef; font-size: 24px;
	padding-left: 55px; text-decoration: none;
}
.footer_tel {
	background: url(../img/icon_tel.png)no-repeat center left;
	line-height: 100px;	float: right;
	color: #469cef;
}
.footer_tel a {
	color: #469cef; font-size: 24px;
	padding-left: 50px; text-decoration: none;
}
.footer_tel a:last-child {padding-left: 30px;}
/* footer made by */
a.footer_made_by  {
	position: absolute;
	bottom: 10px; right: 25px;
	display: block;
	width: 60px; height: 22px;
	opacity: 0.5;
	background: url(../img/Loopy_Lab.png)no-repeat center center;

	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;	
}
/* кнопка вверх */
a.footer_made_by:hover {
	opacity: 1;
}
.tops {
	opacity: .5;
	border-radius: 32px;
	border: 1px solid white;
	width:51px; height:51px;
	display: none;
	position: fixed;
	bottom: 30px;
    right: 30px;
	z-index: 100;
	background: rgba(0,0,0,.5) url(../img/top.png) no-repeat center center;

	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;	
}
.tops:hover {
	opacity: 1;
	background: rgba(0,0,0,.7) url(../img/top.png) no-repeat center center;
}


/*********************************************
****** Диаграмы (jquery-circle-progress) *****
*********************************************/
.circles {
    margin: 30px auto;
}
.circle {
	width: 32.5%;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	text-align: center;
	line-height: 1.2;
}
.circle strong {
	position: absolute;
	top: 37%; 
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 0;
	font-size: 30px;
	color: #469cef;
}
.circle strong i {font-style: normal;font-weight: normal;}
.circle span {
	display: block;
	color: #576e83;
	margin-top: 10px;
	font-size: 18px;
}
.circle canvas {
	width: 50%;
	vertical-align: top;
}



/*********************************************
************ Слайдер (slick.css) *************
*********************************************/
.slick-slider{ position:relative; display:block;  box-sizing:border-box;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;  -webkit-touch-callout:none;  -khtml-user-select:none;  -ms-touch-action:pan-y;  touch-action:pan-y;  -webkit-tap-highlight-color:transparent}
.slick-list{ position:relative;  display:block;  overflow:hidden;  margin:0; padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer; cursor:hand}
.slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform:translate3d(0,0,0);  -moz-transform:translate3d(0,0,0);  -ms-transform:translate3d(0,0,0);  -o-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
.slick-track{ position:relative;  top:0; left:0;  display:block}
.slick-track:before, .slick-track:after{display:table; content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{ display:none;  float:left;  height:100%;  min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{ display:block;  height:auto;  border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
/* стрелки */
.slick-prev, .slick-next {
	font-size: 0; line-height: 0;
	position: absolute; top: 50%;
	display: block;
	width:17px; height:31px;
	padding: 0;
	-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none; outline: none;
	background: transparent;
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
	color: transparent; outline: none;
	background: transparent;
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
	opacity: 1;
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{
	opacity: .25;
}
.slick-prev:before,.slick-next:before {
	font-size: 20px; line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.slick-prev {left: -25px;}
[dir='rtl'] .slick-prev {right: -25px;left: auto;}
.slick-prev:before {content: '';}
[dir='rtl'] .slick-prev:before {content: '';}
.slick-next {right: -25px;}
[dir='rtl'] .slick-next {right: auto; left: -25px;}
.slick-next:before {content: '';}
[dir='rtl'] .slick-next:before {content: '';}
/* Точки */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	position: absolute; bottom: -25px;
	display: block;
	width: 100%;
	padding: 0; margin: 0;
	list-style: none; text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block; width: 20px; height: 20px;
	margin: 0 5px; padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0; line-height: 0;
	display: block; width: 20px; height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0; outline: none;
	background: transparent;
}
.slick-dots li button:hover,.slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {
	font-size: 6px; color: black; line-height: 20px; text-align: center;
	position: absolute; top: 0; left: 0;
	width: 20px; height: 20px;
	content: '•';
	opacity: .25;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	opacity: .75; color: black;
}
/************* Мои для слайдера *************/
.slider {   
	width:90%;   
	margin: 0 auto 45px;
}
.slick-slide {margin:0px 15px;}
.slick-slide img{ width:100%;}
.slick-prev:before, .slick-next:before {width:17px; height:31px; display:block;}
.slick-prev:before {background: url(../img/ar_left.png)no-repeat center center;}
.slick-next:before {background: url(../img/ar_right.png)no-repeat center center;}
/*** мои медиа ***/
@media screen and (max-width:1000px){
	.slick-prev {left: -20px;} .slick-next {right: -20px;}
}
@media screen and (max-width:800px){
	.slick-prev {left: -18px;} .slick-next {right: -18px;}
}
@media screen and (max-width:520px){
	.slick-prev {left: -15px;} .slick-next {right: -15px;}
}



/*********************************************
***************** FancyBox *******************
*********************************************/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}
.fancybox-wrap{position:absolute; top:0; left:0; z-index:8020}
.fancybox-skin{position:relative; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
.fancybox-opened{z-index:8030}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5); box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-outer, .fancybox-inner{position:relative}
.fancybox-inner{overflow:hidden}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
.fancybox-error{color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap}
.fancybox-image, .fancybox-iframe{display:block; width:100%; height:100%}
.fancybox-image{max-width:100%; max-height:100%}
#fancybox-loading{position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060}
#fancybox-loading div{width:44px; height:44px}
.fancybox-close{display: none; position:absolute; top:-12px; right:-12px; width:26px; height:26px; cursor:pointer; z-index:8040; background:#576e83; border:1px solid white; border-radius:32px; font-size:20px; line-height:20px; color:white; text-decoration:none; text-align:center; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s}
.fancybox-close:hover{background:#469cef}
.fancybox-nav{position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-nav span{position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden}
.fancybox-prev span{left:10px; background-position:0 -36px}
.fancybox-next span{right:10px; background-position:0 -72px}
.fancybox-nav:hover span{visibility:visible}
.fancybox-tmp{position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important}

.fancybox-lock{overflow:hidden !important; width:auto}
.fancybox-lock body{overflow:hidden !important}
.fancybox-lock-test{overflow-y:hidden !important}
.fancybox-overlay{position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:rgba(0,0,0,.7)}
.fancybox-overlay-fixed{position:fixed; bottom:0; right:0}
.fancybox-lock .fancybox-overlay{overflow:auto; overflow-y:scroll}

.fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050}
.fancybox-opened .fancybox-title{visibility:visible}
.fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center}
.fancybox-title-float-wrap .child{display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; background:rgba(0,0,0,0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap}
.fancybox-title-outside-wrap{position:relative; margin-top:10px; color:#fff}
.fancybox-title-inside-wrap{padding-top:10px}
.fancybox-title-over-wrap{position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0,0,0,.8)}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), 
only screen and (min--moz-device-pixel-ratio:1.5), 
only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-size:44px 152px}
#fancybox-loading div{background-size:24px 24px}
}

/*отключение анимации для маленьких екранов*/
@media only screen and (max-device-width:800px){.wow{-o-transition-property:none !important; -moz-transition-property:none !important; -ms-transition-property:none !important; -webkit-transition-property:none !important; transition-property:none !important; -o-transform:none !important; -moz-transform:none !important; -ms-transform:none !important; -webkit-transform:none !important; transform:none !important; -webkit-animation:none !important; -moz-animation:none !important; -o-animation:none !important; -ms-animation:none !important; animation:none !important}
}