@font-face {
    font-family: 'Exo2BoldCondensed';
    src: url('fonts/Exo2BoldCondensed.eot');
    src:   
	url('fonts/Exo2BoldCondensed.eot?#iefix') format('embedded-opentype'),
             url('fonts/Exo2BoldCondensed.woff') format('woff'),
			 	 url('fonts/Exo2BoldCondensed.ttf') format('truetype');

    font-weight: normal;  
    font-style: normal; 
}

@font-face {
						font-family: 'Exo2ThinCondensed';
						src: url('fonts/Exo2ThinCondensed.eot');
						src: url('fonts/Exo2ThinCondensed.eot?#iefix') format('embedded-opentype'),
								 url('fonts/Exo2ThinCondensed.woff') format('woff'),
								 url('fonts/Exo2ThinCondensed.ttf') format('truetype'),
								 url('fonts/Exo2ThinCondensed.svg#exo2lightcondensed') format('svg');
						font-weight: normal;
						font-style: normal;
				}
			@font-face {
						font-family: 'Exo2LightCondensed';
						src: url('fonts/exo2lightcondensed.eot');
						src: url('fonts/exo2lightcondensed.eot?#iefix') format('embedded-opentype'),
								 url('fonts/exo2lightcondensed.woff') format('woff'),
								 url('fonts/exo2lightcondensed.ttf') format('truetype'),
								 url('fonts/exo2lightcondensed.svg#exo2lightcondensed') format('svg');
						font-weight: normal;
						font-style: normal;
				}
				@font-face {
						font-family: 'Exo2MediumCondensed';
						src: url('fonts/exo2mediumcondensed.eot');
						src: url('fonts/exo2mediumcondensed.eot?#iefix') format('embedded-opentype'),
								 url('fonts/exo2mediumcondensed.woff') format('woff'),
								 url('fonts/exo2mediumcondensed.ttf') format('truetype'),
								 url('fonts/exo2mediumcondensed.svg#exo2mediumcondensed') format('svg');
						font-weight: normal;
						font-style: normal;
				}				


@font-face {
						font-family: 'PFDinTextCondProRegular';
						src: url('fonts/pfdintextcondproregular.eot');
						src: url('fonts/pfdintextcondproregular.eot?#iefix') format('embedded-opentype'),
								 url('fonts/pfdintextcondproregular.woff') format('woff'),
								 url('fonts/pfdintextcondproregular.ttf') format('truetype');
						font-weight: normal;
						font-style: normal;
				}
								@font-face {
						font-family: 'PFDinTextCondProMedium';
						src: url('fonts/pfdintextcondpromedium.eot');
						src: url('fonts/pfdintextcondpromedium.eot?#iefix') format('embedded-opentype'),
								 url('fonts/pfdintextcondpromedium.woff') format('woff'),
								 url('fonts/pfdintextcondpromedium.ttf') format('truetype');
						font-weight: normal;
						font-style: normal;
				}
				@font-face {
						font-family: 'PFDinTextCondProThin';
						src: url('fonts/pfdintextcondprothin.eot');
						src: url('fonts/pfdintextcondprothin.eot?#iefix') format('embedded-opentype'),
								 url('fonts/pfdintextcondprothin.woff') format('woff'),
								 url('fonts/pfdintextcondprothin.ttf') format('truetype');
						font-weight: normal;
						font-style: normal;
				}		
				
				@font-face {
						font-family: 'PFDinTextCondProLight';
						src: url('fonts/pfdintextcondprolight.eot');
						src: url('fonts/pfdintextcondprolight.eot?#iefix') format('embedded-opentype'),
								 url('fonts/pfdintextcondprolight.woff') format('woff'),
								 url('fonts/pfdintextcondprolight.ttf') format('truetype');
						font-weight: normal;
						font-style: normal;
				}		


				@font-face {
						font-family: 'SignikaRegular';
						src: url('fonts/signikaregular.eot');
						src: url('fonts/signikaregular.eot?#iefix') format('embedded-opentype'),
								 url('fonts/signikaregular.woff') format('woff'),
								 url('fonts/signikaregular.ttf') format('truetype'),
								 url('fonts/signikaregular.svg#signikaregular') format('svg');
						font-weight: normal;
						font-style: normal;
				}

			@font-face {
						font-family: 'SignikaBold';
						src: url('fonts/signikabold.eot');
						src: url('fonts/signikabold.eot?#iefix') format('embedded-opentype'),
								 url('fonts/signikabold.woff') format('woff'),
								 url('fonts/signikabold.ttf') format('truetype'),
								 url('fonts/signikabold.svg#signikabold') format('svg');
						font-weight: normal;
						font-style: normal;
				}

						@font-face {
						font-family: 'signikasemibold';
						src: url('fonts/signikasemibold.eot');
						src: url('fonts/signikasemibold.eot?#iefix') format('embedded-opentype'),
								 url('fonts/signikasemibold.woff') format('woff'),
								 url('fonts/signikasemibold.ttf') format('truetype'),
								 url('fonts/signikasemibold.svg#signikabold') format('svg');
						font-weight: normal;
						font-style: normal;
				}	
select:focus, textarea:focus, a:focus, input:focus{
outline: none;
}
* {
	margin: 0;
	padding: 0;
}
html,body{height:100%;}
body{overflow-y:scroll;  background:#fff;  font:12px arial, verdana, sans-serif; line-height:normal; color:#000;position:relative;}



.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

img{ border: none}

p{padding-bottom:10px; line-height:20px}
a{ color:#000; text-decoration:none }
p a{ text-decoration:underline}
a:hover{text-decoration:none; color:#000}
p a:hover{ text-decoration:none}

/*  Header styles */


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.banners { display:block; position:absolute; right:0px; bottom:70px;}
.banners a img {  
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);  
}  
.banners a:hover img {  
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);  
}





/**********************NESTYLE***************************NESTYLE*****************NESTYLE***************NESTYLE*********/
#fancybox-overlay{ position:fixed}
a.lable_top{ background:url(lable_top.png) rgba(55,115,205, 0.5) no-repeat center; width:400px; height:380px; display:block; position:absolute; top:0px; z-index:9999;}

.logo{ margin-top:24px; display:block}
.header_wide{ background: none;  height:91px; border-bottom:1px solid  rgba(0,0,0,0.14); position:relative; z-index:777; }

.pfoneandcall{ font-family:SignikaRegular;  font-size:20px; color:#fff; float:right; position:absolute; bottom:17px; right:15px;}
@media (max-width: 1199px) { .pfoneandcall{ font-size:16px;  bottom:18px;}}
@media (max-width: 767px) {.pfoneandcall{ bottom:28px; right:20px;}}

ul.nav.navbar-nav{ list-style:none; height:35px; display:block; margin-top:55px; float:right}
ul.nav.navbar-nav > li{ display:block; float: left; height:35px; margin-right:30px; position:relative  }



ul.nav.navbar-nav > li.current-menu-item{ border-bottom:3px solid  rgba(0,0,0,0.14); }
ul.nav.navbar-nav > li > a{ font-family:PFDinTextCondProRegular; font-size:16px; text-transform:uppercase; color: rgba(0,0,0,0.64) !important; display:block; 
   -webkit-transition: all 0.3s ease;          
   transition: all 0.3s ease; 
    }
ul.nav.navbar-nav > li > a:hover{ color:#fff !important}
ul.nav.navbar-nav > li.current-menu-item a{color: rgba(0,0,0,0.32) !important;}
@media (max-width: 991px) {
ul.nav.navbar-nav > li{ margin-right:10px;}
ul.nav.navbar-nav > li:first-child{ display:none}
}
ul.nav.navbar-nav > li > ul{ display:none; position: absolute; padding:0px; list-style:none; top:35px; left:0px; width:250px; z-index:888; background:#fff; }


nav.navbar.navbar-default{ border:none !important}
.navbar-default{ background:none}
.navbar{ margin:0px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ float:right}

.navbar-default .navbar-toggle{ border-color:#fff; margin-top:27px; margin-bottom:auto}
.navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}


.navbar-default .navbar-toggle:hover .icon-bar {background-color:#000}
.list-group ul{ list-style:none}
.list-group li a{ font-size:16px; text-decoration:underline	}



.main_page_portfolio{ 
background: #f8f8f8;

height:744px;margin-top:39px;}
@media (max-width: 1199px) {
	.main_page_portfolio{ margin-top:46px;}
}

@media (max-width: 991px) {
	.main_page_portfolio{ margin-top:51px;}
}
@media (max-width: 767px) {
	.main_page_portfolio{ margin-top:15px;}
}



.mac{ background:url(mac.png) no-repeat; width:657px; height:755px; position:absolute; top:32px; right:-32px; z-index:1   }
.mac_1{ background:url(mac.png)  no-repeat; width:657px; height:755px; position:absolute; z-index:-1 ; top:-118px; right:-32px;}
.mac_glade{ background:url(mac_glade.png) no-repeat; width:452px; height:569px; position:absolute; right:-18px; top:31px;  z-index:888} 
.title_portfolio_block{height:150px; font-size:22px; padding-top:100px; z-index:2; position:relative; font-family:PFDinTextCondProRegular; color:#000000; margin-left:50px; line-height:48px;}
.title_portfolio_block img{ display:inline; margin-top:-21px;}
.title_portfolio_block a{ color:#000000; text-decoration: none; border-bottom:1px solid #000000; }
.title_portfolio_block a:hover{ border-bottom:none} 
.title_portfolio{font-family:BloggerSansLight; font-size:48px; text-transform:uppercase;  color:#00baff;

}


.project_title{ font-family:Exo2BoldCondensed; font-size:56px; margin-top:60px; text-transform:uppercase}
.project_descr{ font-family:arial; font-size:16px; font-style: italic; font-weight:bold; color:#c0c0c0; margin-bottom:15px; margin-top:5px;}
.project_tags{ height:55px;}
.project_tags span{ color: #00baff; font-size:11px; display:inline-block; border:1px solid #00baff; line-height:20px; padding: 0 10px 0 10px; margin-right:5px; margin-bottom:7px;
-khtml-border-radius: 3px;
border-radius: 3px;

} 
.project_text{ margin-top:25px; height:95px; line-height:18px;}
a.more_project{ display: inline-block; line-height:42px;  padding: 0 60px 0 30px; font-family:Exo2MediumCondensed; font-size:20px; color:#fff; text-transform:uppercase; margin:70px 0 0 20px; border:2px solid #FFFFFF;  text-decoration:none;
-khtml-border-radius: 50px;
border-radius: 50px; position:relative;
	-webkit-transition:  all 0.4s ease;
	transition:  all 0.4s ease;
}
.more_project_icon{background:url(arrow_right.png) no-repeat -27px 0px ; width:13px; height:14px; float:left; position:absolute; right:25px; top:14px;
	-webkit-transition:  all 0.3s ease;
	transition:  all 0.3s ease;
}
a.more_project:hover{ background:#0084ff; border-color:#0084ff;}
a.more_project:hover .more_project_icon{ background-position:-0px 0px;
}
a.you_want{ cursor:pointer; display:block; font-size:12px; text-transform:uppercase; color:#fff; text-decoration:underline; margin: 20px 0 0 50px}
a.you_want:hover{ text-decoration:none}

.main_page_portfolio .bx-controls.bx-has-pager.bx-has-controls-direction{ width:1140px; margin:0 auto; position: relative; margin-top:-662px}
.main_page_portfolio .bx-wrapper .bx-pager{ margin-top:480px; z-index:1;}
@media (max-width: 1199px) {
.mac{ background:url(mac.png) no-repeat; width:657px; height:755px; position:absolute; top:32px; right:-232px; z-index:1   }	
.mac_1{ background:url(mac.png)  no-repeat; width:657px; height:755px; position:absolute; z-index:-1 ; top:-118px; right:-232px;}
.mac_glade{ background:url(mac_glade.png) no-repeat; width:452px; height:569px; position:absolute; right:-218px; top:31px;  z-index:888} 	
.main_page_portfolio .bx-controls.bx-has-pager.bx-has-controls-direction{ width:970px; margin:0 auto; position: relative; margin-top:-662px}
.project_title{ margin-top:0px; font-size:45px; margin-top:65px;}
}
@media (max-width: 991px) {
	.mac{ background:url(mac.png) no-repeat; width:657px; height:755px; position:absolute; top:32px; right:-332px; z-index:1   }	
.mac_1{ background:url(mac.png)  no-repeat; width:657px; height:755px; position:absolute; z-index:-1 ; top:-118px; right:-332px;}
.mac_glade{ background:url(mac_glade.png) no-repeat; width:452px; height:569px; position:absolute; right:-318px; top:31px;  z-index:888} 	
.main_page_portfolio .bx-controls.bx-has-pager.bx-has-controls-direction{ width:750px; margin:0 auto; position: relative; margin-top:-700px}
.project_title{ margin-top:8px;}
.title_portfolio_block{ padding-top:60px;}
}
@media (max-width: 767px) {
	.main_page_portfolio .bx-controls.bx-has-pager.bx-has-controls-direction{ width:100%;  position: relative; margin-top:-720px}
	.bx-wrapper .bx-next { left:auto; right:15px;}
	.main_page_portfolio .bx-wrapper .bx-pager{ margin-top:570px; display:block}
	

.mac{ display:none; background:none}	
.mac_1{ display:none; background:none}
.mac_glade{ display:none} 
.title_portfolio_block{ margin-left:0px;}
.project_descr{ height:50px; margin-bottom:0px;}	
a.more_project{ position:absolute; z-index:888;
 display: inline-block; line-height:25px; font-size:16px; padding: 0 30px 0 15px; color:#0084ff; margin:25px 0 0 30px; border-color: #0084ff;
-khtml-border-radius: 50px;
border-radius: 50px; 
}
a.more_project:hover{ color:#fff; }
.more_project_icon{ background:url(arrow_right_green.png) no-repeat; width:10px; height:11px; float:left; position:absolute; right:10px; top:8px;}
a.more_project:hover .more_project_icon{background-position:0px -11px;}
a.more_project:hover{ text-decoration:none}
a.you_want{ display:none}
}

@media (max-width: 550px) {
.project_title{ margin-top:15px; font-size:35px;}
}

.portfolio_1, .portfolio_2, .portfolio_3, .portfolio_4{height:590px;}

/*****portfolio_1_design********/
.portfolio_1_design{ background:url(portfolio_design/portfolio_1_design.png) no-repeat; width:583px; height:456px; position:absolute; top:-81px; right:15px;}
.slider_1_text{ float:left; width:390px;  height: auto; margin-left:50px;}
.red_line{ background:url(red_line.png) no-repeat; position:absolute; width:640px; height:286px; top:139px; right:-17px; z-index:888}
.red_line_2{ background:url(red_line_2.jpg) no-repeat center; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}
@media (max-width: 1199px) {
.portfolio_1_design{ background:url(portfolio_design/portfolio_1_design.png) no-repeat; width:583px; height:456px; position:absolute; top:-81px; right:-185px;}
.slider_1_text{ float:left; width:390px;  height: auto; margin-left:50px;}
.red_line{ background:url(red_line.png) no-repeat; position:absolute; width:640px; height:286px; top:139px; right:-217px; z-index:888}
.red_line_2{ background:url(red_line_2.jpg) no-repeat left -270px top; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}	
}

@media (max-width: 991px) {
	.portfolio_1_design{ background:url(portfolio_design/portfolio_1_design.png) no-repeat; width:583px; height:456px; position:absolute; top:-81px; right:-285px;}
.slider_1_text{ float:left; width:390px;  height: auto; margin-left:50px;}
.red_line{ background:url(red_line.png) no-repeat; position:absolute; width:640px; height:286px; top:139px; right:-317px; z-index:888}
.red_line_2{ background:url(red_line_2.jpg) no-repeat left -370px top; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}
.slider_1_text_background{ 
background: rgba(255,255,255,0.8); padding:20px; margin-top:0px; z-index:999; width:470px; position:relative;
-khtml-border-radius: 4px;
border-radius: 4px;
}	
}
@media (max-width: 767px) {
	.portfolio_1_design{ background:url(portfolio_design/portfolio_1_design_mini.jpg) no-repeat center top; background-size: contain; width:383px;  position: relative; right:auto; top:auto; margin:0 auto}
.slider_1_text{ float: none; width: auto; height: auto; margin-left:30px;}
.red_line{ display:none; background:none}
.red_line_2{ display:none; background:none}	
.slider_1_text_background{ padding:0px; width:auto; background:none;}
}

/*****portfolio_1_design********/








/*****portfolio_2_design********/

.portfolio_2_design{ background:url(portfolio_design/portfolio_2_design.png) no-repeat; width:583px; height:456px; position:absolute; top:-81px; right:15px;}
.a_servise_bg{ background:url(a_servise_bg.jpg) no-repeat center; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}
@media (max-width: 1199px) {
.portfolio_2_design{ background:url(portfolio_design/portfolio_2_design.png) no-repeat; width:583px; height:456px; position:absolute; top:-81px; right:-185px;}
.a_servise_bg{ background:url(a_servise_bg.jpg) no-repeat left -270px top; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}	
}

@media (max-width: 991px) {
	.portfolio_2_design{ background:url(portfolio_design/portfolio_2_design.png) no-repeat; width:583px; height:456px; position:absolute; top:-81px; right:-285px;}
	.a_servise_bg{ background:url(a_servise_bg.jpg) no-repeat left -190px top; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}
}
@media (max-width: 900px) {
	.a_servise_bg{ background:url(a_servise_bg.jpg) no-repeat left -240px top; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}	
}
@media (max-width: 767px) {
	.portfolio_2_design{ background:url(portfolio_design/portfolio_2_design_mini.jpg) no-repeat center top; background-size: contain; width:383px;  position: relative; right:auto; top:auto; margin:0 auto}
	.a_servise_bg{ display:none; background:none;}	

}
/*****portfolio_2_design********/

/*****portfolio_3_design********/

.portfolio_3_design{ background:url(portfolio_design/portfolio_3_design.png) no-repeat; width:583px; height:456px; position:absolute; top:-81px; right:15px;}
.sat33_bg{ background:url(sat33_bg.jpg) no-repeat center; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}
@media (max-width: 1199px) {
.portfolio_3_design{ background:url(portfolio_design/portfolio_3_design.png) no-repeat; width:583px; height:456px; position:absolute; top:-81px; right:-185px;}
.sat33_bg{ background:url(sat33_bg.jpg) no-repeat left -200px top; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}	
}

@media (max-width: 991px) {
	.portfolio_3_design{ background:url(portfolio_design/portfolio_3_design.png) no-repeat; width:583px; height:456px; position:absolute; top:-81px; right:-285px;}
	.sat33_bg{ background:url(sat33_bg.jpg) no-repeat left -190px top; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}
}
@media (max-width: 900px) {
	.sat33_bg{ background:url(sat33_bg.jpg) no-repeat left -240px top; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}	
}
@media (max-width: 767px) {
	.portfolio_3_design{ background:url(portfolio_design/portfolio_3_design_mini.jpg) no-repeat center top; background-size: contain; width:383px;  position: relative; right:auto; top:auto; margin:0 auto}
	.sat33_bg{ display:none; background:none}	

}
/*****portfolio_3_design********/


/*****portfolio_4_design********/

.portfolio_4_design{ background:url(portfolio_design/portfolio_4_design.png) no-repeat; width:583px; height:456px; position:absolute; top:-81px; right:15px;}
.vladsvai_bg{ background:url(vladsvai_bg.jpg) no-repeat center; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}
@media (max-width: 1199px) {
.portfolio_4_design{ background:url(portfolio_design/portfolio_4_design.png) no-repeat; width:583px; height:456px; position:absolute; top:-81px; right:-185px;}
.vladsvai_bg{ background:url(vladsvai_bg.jpg) no-repeat left -350px top; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}	
}

@media (max-width: 991px) {
	.portfolio_4_design{ background:url(portfolio_design/portfolio_4_design.png) no-repeat; width:583px; height:456px; position:absolute; top:-81px; right:-285px;}
	.vladsvai_bg{ background:url(vladsvai_bg.jpg) no-repeat left -190px top; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}
}
@media (max-width: 900px) {
	.vladsvai_bg{ background:url(vladsvai_bg.jpg) no-repeat left -240px top; height:744px; width:100%; position:absolute; top:-150px; z-index:-999}	
}
@media (max-width: 767px) {
	.portfolio_4_design{ background:url(portfolio_design/portfolio_4_design_mini.jpg) no-repeat center top; background-size: contain; width:383px;  position: relative; right:auto; top:auto; margin:0 auto}
	.vladsvai_bg{ display:none; background:none}	

}
/*****portfolio_4_design********/
















.title_work_time_block{ margin-left:50px; padding-top:100px; padding-bottom:90px;}
@media (max-width: 767px) {
	.title_work_time_block{ margin-left:0px; padding-top:45px; padding-bottom:45px;}
}

.work_time{ background:url(service.jpg) no-repeat center bottom; padding-bottom:93px; }
@media (max-width: 1199px) {
	.work_time{background:url(service_1200.jpg) no-repeat center bottom; padding-bottom:75px;}
}
@media (max-width: 991px) {
		.work_time{ background:none}
}

/**************количество проектов**********/

	
.count_products{ padding-top:90px; background:url(count_works.jpg) no-repeat left top; height:490px;
-khtml-border-radius: 4px;
border-radius: 4px;
overflow:hidden;
position: relative

}
@media (max-width: 991px) {
.count_products{ padding-top:90px; background:url(count_works_991.jpg) no-repeat left top; height:490px;
-khtml-border-radius: 4px;
border-radius: 4px;
overflow:hidden;
position: relative

}
}

.count_products_digits{font-family:SignikaBold; height:200px; line-height:200px; font-size:275px; color:#fff;  padding-top:0px; display:block; float:left;}

.count_products span{ font-size:99px; font-family:SignikaBold;display:block; float:left; color:#fff; margin-top:35px; margin-left:28px;

}
.count_products_text{ font-size:64px; font-family:PFDinTextCondProLight; color:#fff; line-height:50px; margin-left:100px; margin-top:24px;}  
.to_scale{
   -webkit-transition: all 0.6s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.6s cubic-bezier(.31,1.02,.6,.97); 	
	}
	@media (min-width: 1200px) {
.count_products:hover .to_scale{ 
	
		-webkit-transform:scale(0.7) translate(-75px, -120px);
	transform:scale(0.7) translate(-75px, -120px);
    -ms-transform:scale(0.7) translate(-75px, -120px);
}
	}
@media (max-width: 1199px) {
	.count_products .to_scale{ 
	
		-webkit-transform:scale(0.7) translate(-75px, -120px);
	transform:scale(0.7) translate(-75px, -120px);
    -ms-transform:scale(0.7) translate(-75px, -120px);
}
}

@media (max-width: 991px) {
	.count_products .to_scale{
	
		-webkit-transform:scale(0.9) translate(-0px, -80px);
	transform:scale(0.9) translate(-0px, -80px);
    -ms-transform:scale(0.9) translate(-0px, -80px);
}
}


@media (max-width: 550px) {
	.count_products{ height:440px;}

		.count_products .to_scale{
			position:absolute; left:-25px; 
	
		-webkit-transform:scale(0.7) translate(-0px, -160px);
	transform:scale(0.7) translate(-0px, -160px);
    -ms-transform:scale(0.7) translate(-0px, -160px);
}
}

@media (max-width: 394px) {
		.count_products .to_scale{
			position:absolute; left:-44px; width:375px;
	
		-webkit-transform:scale(0.6) translate(-0px, -190px);
	transform:scale(0.6) translate(-0px, -190px);
    -ms-transform:scale(0.6) translate(-0px, -190px);
}
}
.text_count_products{ position:absolute; bottom: -170px; font-size:12px; line-height:17px; color:#fff; height:170px; margin-left:85px; margin-right:100px;
   -webkit-transition: all 0.7s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.7s cubic-bezier(.31,1.02,.6,.97); 
}
@media (max-width: 991px) {
	.text_count_products{ position:absolute; bottom: -170px; color:#fff; height:120px; margin-left:65px; margin-right:50px;}
}


.count_prog_1{ background:url(count_prog_1.png) no-repeat; width:114px; height:86px; position: absolute; top:-5px; right:-114px;
   -webkit-transition: all 0.7s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.7s cubic-bezier(.31,1.02,.6,.97); 	
}
.count_prog_2{ background:url(count_prog_2.png) no-repeat; width:44px; height:34px; position: absolute;  top:70px; right:-44px; 
   -webkit-transition: all 0.7s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.7s cubic-bezier(.31,1.02,.6,.97); 	
}
.count_prog_3{ background:url(count_prog_3.png) no-repeat; width:66px; height:50px; position: absolute;  top:100px; right:-66px; 
   -webkit-transition: all 0.7s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.7s cubic-bezier(.31,1.02,.6,.97); 	
}

@media (min-width: 1200px) {
.count_products:hover .count_prog_1{right:-5px;}
.count_products:hover .count_prog_2{right:155px;}
.count_products:hover .count_prog_3{right:-5px;}
.count_products:hover .text_count_products{ bottom:0px;}
}
@media (max-width: 1199px) {
.count_products .count_prog_1{right:-5px;}
.count_products .count_prog_2{right:103px; top:74px}
.count_products .count_prog_3{right:-5px; top:150px;}
.count_products .text_count_products{ bottom:0px; margin-left:75px;}
}
@media (max-width: 550px) {
	.count_products .text_count_products{ bottom:40px; margin-left:50px;}
}
@media (max-width: 360px) {
	.count_products .text_count_products{ bottom:60px; margin-left:50px;}
.count_products .count_prog_1{right:-37px; top:-30px;}
.count_products .count_prog_2{right:103px; top:74px}
.count_products .count_prog_3{right:-40px; top:150px;}	
}
/**************количество проектов**********/



/**************количество часов**********/
.hours{ background:url(hours.jpg) no-repeat left top; height:185px;
-khtml-border-radius: 4px;
border-radius: 4px;
z-index:5; position:relative;
overflow:hidden;
} 
@media (max-width: 991px) {
.hours{ background:url(hours_991.jpg) no-repeat left top; height:185px;
-khtml-border-radius: 4px;
border-radius: 4px;
z-index:5; position:relative;
overflow:hidden;
margin-top:31px;
} 
}

.hours_digit{ font-size:125px; color:#fff;font-family:SignikaBold;display:block; line-height:130px; height:130px; padding-top:10px; text-align:center}
.hours_text{font-size:36px; font-family:PFDinTextCondProLight; color:#fff; line-height:40px; text-align:center}


.html_icon{ background:url(html_icon.png) no-repeat; width:171px; height:244px; position:absolute; top:-113px; left:256px; z-index:1}	
@media (max-width: 1199px) {
	.html_icon{ display:none}
}
.to_scale1{
   -webkit-transition: all 0.6s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.6s cubic-bezier(.31,1.02,.6,.97); 	
	}
	@media (min-width: 1200px) {
.hours:hover .to_scale1{ 
	
		-webkit-transform:scale(0.6) translate(-247px, -9px);
	transform:scale(0.6) translate(-247px, -9px);
    -ms-transform:scale(0.6) translate(-247px, -9px);
}
	}
@media (max-width: 1199px) {
	.hours .to_scale1{ 
	
		-webkit-transform:scale(0.6) translate(-170px, -9px);
	transform:scale(0.6) translate(-170px, -9px);
    -ms-transform:scale(0.6) translate(-170px, -9px);
}
}

@media (max-width: 991px) {
	.hours .to_scale1{ 
	
		-webkit-transform:scale(0.8) translate(-100px, 15px);
	transform:scale(0.8) translate(-100px, 15px);
    -ms-transform:scale(0.8) translate(-100px, 15px);
}
}

@media (max-width: 590px) {
	.hours .to_scale1{ 
	
		-webkit-transform:scale(0.5) translate(-100px, 15px);
	transform:scale(0.5) translate(-100px, 15px);
    -ms-transform:scale(0.5) translate(-100px, 15px);
}
}

.text_hours{ font-size:12px; line-height:17px; position:absolute; width:270px; right:-300px; top:45px; color:#fff;
   -webkit-transition: all 0.7s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.7s cubic-bezier(.31,1.02,.6,.97); 	
 }
@media (max-width: 550px) {
		.hours .to_scale1{ 
	
		-webkit-transform:scale(0.5) translate(-100px, 15px);
	transform:scale(0.7) translate(20px, 15px);
    -ms-transform:scale(0.5) translate(-100px, 15px);
}
	
}
.hours_1{ background:url(hours_1.png); width:33px; height:36px; position:absolute; top:-15px; left:-33px;
   -webkit-transition: all 0.7s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.7s cubic-bezier(.31,1.02,.6,.97); 	
}
.hours_2{ background:url(hours_2.png); width:55px; height:62px; position:absolute; top:-5px; left:-55px;
   -webkit-transition: all 0.7s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.7s cubic-bezier(.31,1.02,.6,.97); 	
}
.hours_3{ background:url(hours_3.png); width:132px; height:114px; position:absolute; top:145px; left:-132px;

   -webkit-transition: all 0.7s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.7s cubic-bezier(.31,1.02,.6,.97); 	
}
@media (min-width: 1200px) {
.hours:hover .hours_1{ left:90px;}
.hours:hover .hours_2{ left:-10px;}
.hours:hover .hours_3{ left:-10px;}
.hours:hover .text_hours{ right:20px;}
}

@media (max-width: 1199px) {
.hours .hours_1{ left:90px;}
.hours .hours_2{ left:-10px;}
.hours .hours_3{ left:-10px;}
.hours .text_hours{ right:20px; width:200px;}
}
@media (max-width: 550px) {
	.hours .text_hours{ right:-300px; width:200px;}
}
/**************количество часов**********/


/**************сервис**********/


.service{ background:url(service_block.jpg) no-repeat right top; height:274px;
-khtml-border-radius: 4px;
border-radius: 4px; margin-top:31px;
overflow:hidden;
position:relative;
	}
	@media (max-width: 991px) {
.service{ background:url(service_block_991.jpg) no-repeat left top; height:274px;
-khtml-border-radius: 4px;
border-radius: 4px; margin-top:31px;
overflow:hidden;
position:relative;
	}	
	}


.service_digit{ font-size:130px; color:#fff;font-family:SignikaBold;display:block; line-height:130px; height:130px; padding-top:0px; text-align:left}
.service_text{font-size:24px; font-family:PFDinTextCondProLight; color:#fff; line-height:25px; text-align: left; }
.service_digit_text{ float:left; width:150px;}
.service_digit_text.tsecond{ margin-left:100px}

.to_scale2{
	width:400px;
	margin:0 auto;
	margin-top:50px;
	
   -webkit-transition: all 0.6s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.6s cubic-bezier(.31,1.02,.6,.97); 	
	}
	
		@media (min-width: 1200px) {
.service:hover .to_scale2{ 
	
		-webkit-transform:scale(0.8) translate(-90px, -55px);
	transform:scale(0.8) translate(-90px, -55px);
    -ms-transform:scale(0.8) translate(-90px, -55px);
}
		}
@media (max-width: 1199px) {
	.service .to_scale2{ 
	
		-webkit-transform:scale(0.6) translate(-90px, -55px);
	transform:scale(0.6) translate(-90px, -55px);
    -ms-transform:scale(0.6) translate(-90px, -55px);
}
}
@media (max-width: 991px) {
	.service .to_scale2{ position:absolute;
		width:auto; margin-left:87px;
		-webkit-transform:scale(0.8) translate(-90px, -55px);
	transform:scale(0.8) translate(-90px, -55px);
    -ms-transform:scale(0.8) translate(-90px, -55px);
}
}
@media (max-width: 580px) {
	.service .to_scale2{
	margin-left:29px;
		-webkit-transform:scale(0.6) translate(-90px, -55px);
	transform:scale(0.6) translate(-90px, -55px);
    -ms-transform:scale(0.6) translate(-90px, -55px);
}
}
@media (max-width: 480px) {
	.service .to_scale2{
	margin-left:0px; margin-top:30px;
	-webkit-transform:scale(0.5) translate(-90px, -55px);
	transform:scale(0.5) translate(-90px, -55px);
    -ms-transform:scale(0.5) translate(-90px, -55px);
}
.service_digit_text{ float:left; width:100px; left:0px;}

}


.text_service{ font-size:12px; line-height:17px; position:absolute; color:#fff; bottom:-100px; left:45px; right:20px;
   -webkit-transition: all 0.7s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.7s cubic-bezier(.31,1.02,.6,.97); 	
}
.service_1{ background:url(service_1.png) no-repeat; width:131px; height:132px; position:absolute; top:-132px; right:70px;
   -webkit-transition: all 0.7s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.7s cubic-bezier(.31,1.02,.6,.97); 	
}
.service_2{ background:url(service_2.png) no-repeat; width:72px; height:73px; position:absolute; top:-73px; right:-5px;
   -webkit-transition: all 0.7s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.7s cubic-bezier(.31,1.02,.6,.97); 	
}
.service_3{ background:url(service_3.png) no-repeat; width:36px; height:36px; position:absolute; top:-36px; right:70px;
   -webkit-transition: all 0.7s cubic-bezier(.31,1.02,.6,.97);          
   transition: all 0.7s cubic-bezier(.31,1.02,.6,.97); 	
}
@media (min-width: 1200px) {
.service:hover .service_1{ top:-83px;}
.service:hover .service_2{ top:10px;}
.service:hover .service_3{ top:130px;}
.service:hover .text_service{ bottom:30px;}
}

@media (max-width: 1199px) {
.service .service_1{ top:-83px;}
.service .service_2{ top:10px;}
.service .service_3{ top:110px;}
.service .text_service{ bottom:20px; left:54px;}
}
@media (max-width: 480px) {
.service .text_service{ bottom:20px; left:30px;}
}
@media (max-width: 360px){

	.service .to_scale2{ width:300px; 	margin-top:10px;}
	.service .service_1{ top:-102px;}
	.service .service_2{ top:5px; right:-35px; }
	.service .service_3{ right:0px;}
}
/**************сервис**********/





/************** этапы работ ************************/
.title_steps_block{ margin-left:50px; padding-top:100px; padding-bottom:90px; position:absolute; z-index:555}
@media (max-width: 991px) {
	.title_steps_block{  padding-top:45px; padding-bottom:45px; position: relative; z-index:555}
}
@media (max-width: 767px) {
	.title_steps_block{ margin-left:0px; padding-top:45px; padding-bottom:45px; position: relative; z-index:555}
}

.steps .animated{
	  -webkit-animation-duration: .5s;
  animation-duration: .5s;		
	  -webkit-animation-delay: .2s;
    animation-delay: .2s;		
	}

.steps .hidden-xs{ position:relative; width:812px; height:388px}

.steps_block{ background:url(etapi_work.jpg) center; height:640px; overflow:hidden }
.steps_block .bx-wrapper .bx-controls-direction a{ position:relative; top: auto}
.steps_block .bx-viewport{  }
#sliddes3{ margin-top:-240px;}

#sliddes3 > div.steps{ height:388px; position:relative;}

.steps_block .bx-wrapper .bx-next{ left:0px !important}
.steps_block .bx-wrapper .bx-prev{ left:0px !important}
.steps_block .bx-wrapper .bx-prev{background: url(arrow_bottom.png) no-repeat left; width:36px; height:23px;}
.steps_block .bx-wrapper .bx-next{background: url(arrow_top.png) no-repeat left; width:36px; height:23px;}
.steps_block .totransform_control_n{ width:36px; height:23px; position:absolute; top:410px; right:386px}
.steps_block .totransform_control_p{ width:36px; height:23px; position:absolute; top:677px; right:386px}
.steps_block .bx-wrapper .totransform_control_p:hover .bx-prev,
.steps_block .bx-wrapper  .totransform_control_n:hover .bx-next { background-position: -36px 0px; display:block;
	-webkit-transform:none;
	transform: none;
    -ms-transform:none; 
-webkit-transform: rotateY(180deg); 
        transform: rotateY(180deg);

	
	

}

.etap_digit{ font-family:Exo2BoldCondensed; font-size:217px; color:#fffd78; position:absolute; right:353px; top:24px}
.etap_digit.first_d{ right:372px;}
.step_descr{width:310px; position:absolute; right:0px; top:81px}
.etap_title{ font-family:Exo2ThinCondensed; font-size:32px; color:#00fcff; margin-bottom:23px; text-transform:uppercase }
.etap_text{ font-size:12px; line-height:18px; color:#fff; }

.opacity_36{
opacity: 0.36;	
	}
.opacity_100{
opacity: 1.0;	
	}	
	.opacity_36 .etap_digit,
	.opacity_36 .step_descr
	{ display:none}
	
		.opacity_36.opacity_100 .etap_digit,
	.opacity_36.opacity_100 .step_descr
	{ display: block}
	
	

@media (max-width: 991px) {
	.etap_digit.first_d{ right:auto}
	.step_descr{ position:relative; float:left; right:auto; margin-left:0px; width:70% }
	.etap_digit{ position:relative; float:left; right:auto; padding-left:20px; padding-right:20px;width:30%;}
	.steps_block{ height:500px;}
	#sliddes3{ margin-top:-395px;}
	
.steps_block .totransform_control_n{right: auto; left:50px}
.steps_block .totransform_control_p{right: auto; left:50px;}

}
@media (max-width: 500px) {
	.etap_title{ font-size:24px;}
	.step_descr{  width:60% }
	.etap_digit{ width:40%; padding-left:0px;}
	.steps_block .totransform_control_n{right: auto; left:32px}
.steps_block .totransform_control_p{right: auto; left:32px;}
	
}
@media (max-width: 450px) {
	.step_descr{ top:17px;}
}
	.etap_digit.animated{ 
	  -webkit-animation-delay: .1s;
    animation-delay: .1s;	
	}
	
		.step_descr.animated{ 
	  -webkit-animation-delay: .2s;
    animation-delay: .2s;	
	}
.step_1_1{ background:url(/template/src/step01_shadow_center.png); width:812px; height:388px;}
.step_1_2{ background:url(/template/src/step01_center.png); width:812px; height:388px;}

.step_2_1{ background:url(/template/src/step02_shadow_left.png); width:812px; height:388px;}
.step_2_2{ background:url(/template/src/step02_left.png); width:812px; height:388px;}
.step_2_3{ background:url(/template/src/step01_shadow_center.png); width:812px; height:388px;}
.step_2_4{ background:url(/template/src/step02_center.png); width:812px; height:388px;}

.step_3_1{ background:url(/template/src/step02_shadow_left.png); width:812px; height:388px;}
.step_3_2{ background:url(/template/src/step03_left.png); width:812px; height:388px;}
.step_3_3{ background:url(/template/src/step03_shadow_left.png); width:812px; height:388px;}
.step_3_4{ background:url(/template/src/step03_small_left.png); width:812px; height:388px;}
.step_3_5{ background:url(/template/src/step01_shadow_center.png); width:812px; height:388px;}
.step_3_6{ background:url(/template/src/step03_center.png); width:812px; height:388px;}
.step_3_7{ background:url(/template/src/step03_shadow_center.png); width:812px; height:388px;}
.step_3_8{ background:url(/template/src/step03_small_center.png); width:812px; height:388px;}
.step_3_9{ background:url(/template/src/step03_shadow_right.png); width:812px; height:388px;}
.step_3_10{ background:url(/template/src/step03_right.png); width:812px; height:388px;}

.step_7_1{ background:url(/template/src/step02_shadow_left.png); width:812px; height:388px;}
.step_7_2{ background:url(/template/src/step07_left.png); width:812px; height:388px;}
.step_7_3{ background:url(/template/src/step01_shadow_center.png); width:812px; height:388px;}
.step_7_4{ background:url(/template/src/step07_center.png); width:812px; height:388px;}
.step_7_5{ background:url(/template/src/step03_shadow_center.png); width:812px; height:388px;}
.step_7_6{ background:url(/template/src/step07_small_center.png); width:812px; height:388px;}

.step_6_1{ background:url(/template/src/step02_shadow_left.png); width:812px; height:388px;}
.step_6_2{ background:url(/template/src/step06_left.png); width:812px; height:388px;}
.step_6_3{ background:url(/template/src/step01_shadow_center.png); width:812px; height:388px;}
.step_6_4{ background:url(/template/src/step06_center.png); width:812px; height:388px;}
.step_6_5{ background:url(/template/src/step03_shadow_center.png); width:812px; height:388px;}
.step_6_6{ background:url(/template/src/step06_small_center.png); width:812px; height:388px;}

.step_5_1{ background:url(/template/src/step02_shadow_left.png); width:812px; height:388px;}
.step_5_2{ background:url(/template/src/step05_left.png); width:812px; height:388px;}
.step_5_3{ background:url(/template/src/step01_shadow_center.png); width:812px; height:388px;}
.step_5_4{ background:url(/template/src/step05_center.png); width:812px; height:388px;}

.step_4_1{ background:url(/template/src/step02_shadow_left.png); width:812px; height:388px;}
.step_4_2{ background:url(/template/src/step04_left.png); width:812px; height:388px;}
.step_4_3{ background:url(/template/src/step01_shadow_center.png); width:812px; height:388px;}
.step_4_4{ background:url(/template/src/step04_center.png); width:812px; height:388px;}



/**********первый этап *****************/
.step_1_1, .step_1_2, .step_1_3, .step_1_4,
.step_2_1, .step_2_2, .step_2_3, .step_2_4,
.step_3_1, .step_3_2, .step_3_3, .step_3_4, .step_3_5, .step_3_6, .step_3_7, .step_3_8, .step_3_9, .step_3_10,
.step_4_1, .step_4_2, .step_4_3, .step_4_4,
.step_5_1, .step_5_2, .step_5_3, .step_5_4,
.step_6_1, .step_6_2, .step_6_3, .step_6_4, step_6_5, step_6_6,
.step_7_1, .step_7_2, .step_7_3, .step_7_4
{ position:absolute; left:-63px;}
@media (max-width: 1199px) {
.step_1_1, .step_1_2, .step_1_3, .step_1_4,
.step_2_1, .step_2_2, .step_2_3, .step_2_4,
.step_3_1, .step_3_2, .step_3_3, .step_3_4, .step_3_5, .step_3_6, .step_3_7, .step_3_8, .step_3_9, .step_3_10,
.step_4_1, .step_4_2, .step_4_3, .step_4_4,
.step_5_1, .step_5_2, .step_5_3, .step_5_4,
.step_6_1, .step_6_2, .step_6_3, .step_6_4, step_6_5, step_6_6,
.step_7_1, .step_7_2, .step_7_3, .step_7_4, .step_7_5, .step_7_6
{ position:absolute; left:-240px;}

}

@media (max-width: 991px) {
.step_1_1, .step_1_2, .step_1_3, .step_1_4,
.step_2_1, .step_2_2, .step_2_3, .step_2_4,
.step_3_1, .step_3_2, .step_3_3, .step_3_4, .step_3_5, .step_3_6, .step_3_7, .step_3_8, .step_3_9, .step_3_10,
.step_4_1, .step_4_2, .step_4_3, .step_4_4,
.step_5_1, .step_5_2, .step_5_3, .step_5_4,
.step_6_1, .step_6_2, .step_6_3, .step_6_4, step_6_5, step_6_6,
.step_7_1, .step_7_2, .step_7_3, .step_7_4, .step_7_5, .step_7_6
{ background:none}

}
.step_1_1.animated{	  
    -webkit-animation-delay: .2s;
    animation-delay: .2s;	
	
	}
.step_1_2.animated{
		  -webkit-animation-delay: .0s;
    animation-delay: .0s;	
	}	


/**********первый этап *****************/


/**********второй этап *****************/
.step_2_1{ position:absolute}
.step_2_2{ position:absolute}
.step_2_3{ position:absolute}
.step_2_4{ position:absolute}

.step_2_1.animated{
	  -webkit-animation-delay: .2s;
    animation-delay: .2s;		
	}
.step_2_2.animated{
	  -webkit-animation-delay: .0s;
    animation-delay: .0s;		
	}	
.step_2_3.animated{
	  -webkit-animation-delay: .5s;
    animation-delay: .5s;		
	}	
.step_2_4.animated{
	  -webkit-animation-delay: .3s;
    animation-delay: .3s;		
	}	

/**********второй этап *****************/


/**********третий этап *****************/

.step_3_1, .step_3_2, .step_3_3, .step_3_4, .step_3_5, .step_3_6, .step_3_7, .step_3_8, .step_3_9, .step_3_10{ position:absolute}

.step_3_1.animated{
	  -webkit-animation-delay: .2s;
    animation-delay: .2s;		
	}
.step_3_2.animated{
	  -webkit-animation-delay: .0s;
    animation-delay: .0s;		
	}	
.step_3_3.animated{
	  -webkit-animation-delay: .5s;
    animation-delay: .5s;		
	}	
.step_3_4.animated{
	  -webkit-animation-delay: .3s;
    animation-delay: .3s;		
	}	
	
.step_3_5.animated{
	  -webkit-animation-delay: .8s;
    animation-delay: .8s;		
	}	

.step_3_6.animated{
	  -webkit-animation-delay: .6s;
    animation-delay: .6s;		
	}
	
.step_3_7.animated{
	  -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;		
	}				

.step_3_8.animated{
	  -webkit-animation-delay: .9s;
    animation-delay: .9s;		
	}

.step_3_9.animated{
	  -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;		
	}

.step_3_10.animated{
	  -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;		
	}
/**********третий этап *****************/

/**********четвертый этап *****************/
.step_4_1{ position:absolute}
.step_4_2{ position:absolute}
.step_4_3{ position:absolute}
.step_4_4{ position:absolute}

.step_4_1.animated{
	  -webkit-animation-delay: .2s;
    animation-delay: .2s;		
	}
.step_4_2.animated{
	  -webkit-animation-delay: .0s;
    animation-delay: .0s;		
	}	
.step_4_3.animated{
	  -webkit-animation-delay: .5s;
    animation-delay: .5s;		
	}	
.step_4_4.animated{
	  -webkit-animation-delay: .3s;
    animation-delay: .3s;		
	}	

/**********четвертый этап *****************/

/**********пятый этап *****************/
.step_5_1{ position:absolute}
.step_5_2{ position:absolute}
.step_5_3{ position:absolute}
.step_5_4{ position:absolute}

.step_5_1.animated{
	  -webkit-animation-delay: .2s;
    animation-delay: .2s;		
	}
.step_5_2.animated{
	  -webkit-animation-delay: .0s;
    animation-delay: .0s;		
	}	
.step_5_3.animated{
	  -webkit-animation-delay: .5s;
    animation-delay: .5s;		
	}	
.step_5_4.animated{
	  -webkit-animation-delay: .3s;
    animation-delay: .3s;		
	}	

/**********пятый этап *****************/

/**********шестой этап *****************/
.step_6_1{ position:absolute}
.step_6_2{ position:absolute}
.step_6_3{ position:absolute}
.step_6_4{ position:absolute}
.step_6_5{ position:absolute}
.step_6_6{ position:absolute}

.step_6_1.animated{
	  -webkit-animation-delay: .2s;
    animation-delay: .2s;		
	}
.step_6_2.animated{
	  -webkit-animation-delay: .0s;
    animation-delay: .0s;		
	}	
.step_6_3.animated{
	  -webkit-animation-delay: .5s;
    animation-delay: .5s;		
	}	
.step_6_4.animated{
	  -webkit-animation-delay: .3s;
    animation-delay: .3s;		
	}	
	
.step_6_5.animated{
	  -webkit-animation-delay: .8s;
    animation-delay: .8s;		
	}		

.step_6_6.animated{
	  -webkit-animation-delay: .6s;
    animation-delay: .6s;		
	}	
/**********шестой этап *****************/

/**********седьмой этап *****************/
.step_7_1{ position:absolute}
.step_7_2{ position:absolute}
.step_7_3{ position:absolute}
.step_7_4{ position:absolute}
.step_7_5{ position:absolute}
.step_7_6{ position:absolute}

.step_7_1.animated{
	  -webkit-animation-delay: .2s;
    animation-delay: .2s;		
	}
.step_7_2.animated{
	  -webkit-animation-delay: .0s;
    animation-delay: .0s;		
	}	
.step_7_3.animated{
	  -webkit-animation-delay: .5s;
    animation-delay: .5s;		
	}	
.step_7_4.animated{
	  -webkit-animation-delay: .3s;
    animation-delay: .3s;		
	}	
.step_7_5.animated{
	  -webkit-animation-delay: .8s;
    animation-delay: .8s;		
	}	
.step_7_6.animated{
	  -webkit-animation-delay: .6s;
    animation-delay: .6s;		
	}			

/**********седьмой этап *****************/
/************** этапы работ ************************/



/***********************УСЛУГИ****************************/

.title_uslugi_block{ margin-left:50px; padding-top:100px; padding-bottom:53px;}
@media (max-width: 767px) {
	.title_uslugi_block{ margin-left:0px; padding-top:45px; padding-bottom:45px;}
}


.uslugi_row{ padding-bottom:70px;}
.create{ padding-left:50px; position:relative}
.create_icon{ background:url(create.png) no-repeat 0px 0px; height:117px;
   -webkit-transition: all 0.6s ease;          
   transition: all 0.6s ease; 
}
.create_icon_hover{ position:absolute; top:0px; left:50px; width:183px;
background:url(create.png) no-repeat 0px 0px; height:117px;
   -webkit-transition: all 0.6s ease;          
   transition: all 0.6s ease; 
   background-position:0px -117px;
   opacity: 0;
	}
.create:hover .create_icon{ opacity:0; }
.create:hover .create_icon_hover{ opacity:1}
h1.usluga_title, h2.usluga_title{ font-family:exo2lightcondensed; color:#008aff; font-size:28px; margin: 10px 0 35px 0 ; font-weight:normal; line-height:normal}

.seo{ padding-left:25px;}
.seo_icon{ background:url(seo.png) no-repeat 65px 0px; height:117px;   
   -webkit-transition: all 0.6s ease;          
   transition: all 0.6s ease; 
}
.seo_icon_hover{ position:absolute; top:0px; left:105px; width:183px;
background:url(seo.png) no-repeat 0px 0px; height:117px;
   -webkit-transition: all 0.6s ease;          
   transition: all 0.6s ease; 
   background-position:0px -117px;
   opacity: 0;
	}
.seo:hover .seo_icon{ opacity:0; }
.seo:hover .seo_icon_hover{ opacity:1}

.support{ padding-left:13px;}
.support_icon{ background:url(support.png) no-repeat 70px 0px; height:117px;

   -webkit-transition: all 0.6s ease;          
   transition: all 0.6s ease; 

	}
	
.support_icon_hover{ position:absolute; top:0px; left:98px; width:183px;
background:url(support.png) no-repeat 0px 0px; height:117px;
   -webkit-transition: all 0.6s ease;          
   transition: all 0.6s ease; 
   background-position:0px -117px;
   opacity: 0;
	}
.support:hover .support_icon{ opacity:0; }
.support:hover .support_icon_hover{ opacity:1}

.uslugi_row ul{ list-style:none; margin:0px; padding:0px;   }
.uslugi_row ul li{ padding-bottom:15px;}
.uslugi_row ul li a{font-size:13px; color:#727272; font-family: arial; font-style:italic; text-decoration:underline; }
.uslugi_row ul li a:hover{ text-decoration:none} 


@media (max-width: 991px) {
.create{ padding-left:0px;}
.create_icon{ background:url(create.png) no-repeat 0px 0px; height:117px;  }
.create_icon_hover{left:0px;}


.seo{ padding-left:0px;}
.seo_icon{ background:url(seo.png) no-repeat 0px 0px; height:117px;}
.seo_icon_hover{left:15px;}

.support{ padding-left:0px;}
.support_icon{ background:url(support.png) no-repeat 0px 0px; height:117px;}
.support_icon_hover{left:15px;}

h1.usluga_title, h2.usluga_title{ font-family:exo2lightcondensed; color:#008aff; font-size:28px; margin: 10px 0 5px 0 ; font-weight:normal; line-height:normal}
}

@media (max-width: 767px) {
.create_icon{ background:url(create_mini.png) no-repeat 0px 0px; height:78px}
.create_icon_hover{ background:url(create_mini.png) no-repeat 0px 0px; height:78px; background-position:0px -78px;}


.seo_icon{ background:url(seo_mini.png) no-repeat 0px 0px; height:78px;}
.seo_icon_hover{ background:url(seo_mini.png) no-repeat 0px 0px; height:78px; background-position:0px -78px;}

.support_icon{ background:url(support_mini.png) no-repeat 0px 0px; height:78px;}
.support_icon_hover{ background:url(support_mini.png) no-repeat 0px 0px; height:78px; background-position:0px -78px;}

.uslugi_row ul{ margin-bottom:50px;}
.uslugi_row{ padding-bottom:0px;}
}


/***********************УСЛУГИ****************************/

/***********************Обратная связь*********************/
.title_back_form_block{ margin-left:50px; padding-top:100px; padding-bottom:42px;}
@media (max-width: 767px) {
	.title_back_form_block{ margin-left:0px; padding-top:45px; padding-bottom:25px;}
}
.back_form_bg{ background:url(back_form_bg.jpg) no-repeat top center; height:320px;}
.back_form_bg_reapet{ background:url(back_form_bg_reapet.png) repeat-y top center;}
.back_form_bg .name_border_bot{ border-bottom:1px solid #b5b5b5; display:block; color:#b5b5b5; padding-bottom:2px; margin-bottom:2px; padding-top: 20px;   }

.back_form_bg .name_border_bot.topadding_name{ margin-left:50px;}
.back_form_bg .name_border_bot.topadding_right{ margin-right:43px;}

.back_form_bg .name_border_bot span.name_input{ padding-right:5px; display:inline; }
.back_form_bg .wpcf7-form-control-wrap{position:relative}
.back_form_bg .wpcf7-form-control-wrap.name{display:inline; }

.back_form_bg .name_border_bot input{ background:none; border:none; color:#fff; font-style:italic;  display:inline-block; box-sizing:border-box; width:157px}
.back_form_bg span.wpcf7-not-valid-tip{ position:absolute; top:0px; left:0px; color:#ff7979 !important; font-style:italic; text-shadow: 0px 0px 5px rgba(255, 121, 121, 1); display:block; height:14px; overflow:hidden; }
.back_form_bg .submit_onmain_back input{text-align:left; width:190px; background:none; border:none; background:url(letter.png) no-repeat; background-position: top 10px right 7px; padding-right:20px; display:block; height:40px; border:2px solid #b5b5b5; padding: 0 44px 0 15px; text-transform:uppercase; color:#b5b5b5;
-khtml-border-radius: 50px;
border-radius: 50px;
   -webkit-transition: all 0.3s ease;          
   transition: all 0.3s ease; 
}
.back_form_bg .submit_onmain_back.valid_error input{ border-color:#ff7979 !important; color:#ff7979 !important; text-shadow: 0px 0px 5px rgba(255, 121, 121, 1);  background-position: top -62px right 7px !important; }
.back_form_bg .submit_onmain_back input:hover{ color:#fff; border-color:#fff;  background-position: top -26px right 7px;}
.back_form_bg .submit_onmain_back.on_sent_class{ display:none}
.back_form_bg .on_sent_class_text{ display:none;
	width:190px; background:url(done_mail.png) no-repeat; background-position: top 12px right 19px; height:40px; line-height:37px; border:2px solid #00ffb4; padding: 0 44px 0 15px; text-transform:uppercase; color:#00ffb4;
-khtml-border-radius: 50px;
border-radius: 50px;
}
.back_form_bg .on_sent_class_text.visible_b{ display:block;}
.back_form_bg .wpcf7-validation-errors{ display:none !important}
.back_form_bg .wpcf7-mail-sent-ok{ display:none !important}
.ajax-loader{ }
@media (max-width: 1199px) {
.back_form_bg .name_border_bot.topadding_right{ margin-right:0px;}
.back_form_bg .name_border_bot input{ width:126px}
}
@media (max-width: 991px) {
.back_form_bg .name_border_bot.topadding_name{ margin-left:0px;}
.back_form_bg .name_border_bot input{ width:93px}
}
@media (max-width: 828px) {
.back_form_bg 	.submit_onmain_back input{ font-size:12px; width:162px; padding: 0 34px 0 10px;   }
.back_form_bg 	.on_sent_class_text{font-size:12px; width:162px; padding: 0 34px 0 10px;}
}
@media (max-width: 767px) {
.back_form_bg .name_border_bot{ max-width:400px;}
.back_form_bg{ height:370px;}
.back_form_bg .submit_onmain_back{ margin-top:30px;}
.back_form_bg .on_sent_class_text{margin-top:30px;}
.back_form_bg 	.submit_onmain_back input{ font-size:12px; width:210px; padding: 0 44px 0 15px;   }
.back_form_bg 	.on_sent_class_text{font-size:12px; width:190px;padding: 0 44px 0 15px;}
}

/***********************Обратная связь*********************/


/*************************Навигация мобильная***************************/
  .row-offcanvas {
	     -webkit-transition: all .25s ease-out;
            transition: all .25s ease-out;
			position:fixed; top:0px; left:0px; width:100%; height:120%; display:none; z-index:9999;
			 background:url(mobile_vav_bg.png) repeat;
  }
.navbar-toggle.animated{
  -webkit-animation-duration: .5s;
  animation-duration: .5s;		
	}

.row-offcanvas.animated{
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  
  -webkit-animation-delay: .6s;
    animation-delay: .6s;	
	}
   .row-offcanvas-right.active  {
	  display:block;

  }


.list-group{ width:200px; position:fixed; top:50%; margin-top:-200px; left:50%; margin-left:-100px; text-align:center;}
.list-group ul li{ padding-bottom:30px;}
.list-group ul li:last-child{ margin-bottom:0px}
.list-group ul li a{ font-family:PFDinTextCondProThin; font-size:24px; text-transform:uppercase; text-decoration:none; color:#fff;}
.list-group ul li a:hover{ color:#008aff}
.close_nav_mobile{ background:url(close_nav_mobile.png) no-repeat; width:18px; height:18px; position:absolute; right:40px; top:40px; cursor:pointer}
.close_nav_mobile.animated{
	  -webkit-animation-delay: .5s;
    animation-delay: .5s;
	}
	.pdp.animated{ 
	  -webkit-animation-delay: .1s;
    animation-delay: .1s;	
	}
	.newpause.animated{ 
	  -webkit-animation-delay: .5s;
    animation-delay: .5s;	
	}

/*************************Навигация мобильная***************************/

 

/**********************всплывающая форма*******************************/
.close_form_up{  background:url(close_nav_mobile.png) no-repeat center; width:40px; height:40px; position:absolute; right:20px; top:20px; cursor:pointer;

	-webkit-transition:  -webkit-transform 0.4s ease;
	transition:  transform 0.4s ease;
	z-index:9999;
}


.close_form_up:hover{
	-ms-transform: rotate(180deg);
	    transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
	}
	
.modal-content{ background:url(up_form_bg.png) no-repeat center #fff; height:330px;}



.form_up_block{ width:270px; margin:0 auto; padding:73px 0px 0 0px;}
.form_up_block .name_border_bot{ border-bottom:1px solid #b5b5b5; display:block; color:#b5b5b5; padding-bottom:2px; margin-bottom:2px; padding-top: 20px;   }

.form_up_block .name_border_bot.topadding_name{ }
.form_up_block .name_border_bot.topadding_right{ }

.form_up_block .name_border_bot span.name_input{ padding-right:5px; display:inline; }
.form_up_block .wpcf7-form-control-wrap{position:relative}
.form_up_block .wpcf7-form-control-wrap.name{display:inline; }

.form_up_block .name_border_bot input{ background:none; border:none; color:#000; font-style:italic; display:inline-block; box-sizing:border-box; width:157px}
.form_up_block span.wpcf7-not-valid-tip{ position:absolute; top:0px; left:0px; color:#ff7979 !important; font-style:italic; text-shadow: 0px 0px 5px rgba(255, 121, 121, 1); display:block; height:14px; overflow:hidden; }
.form_up_block .submit_onmain_back input{ margin:0 auto; margin-top:40px; text-align:left; width:190px; background:none; border:none; background:url(letter2.png) no-repeat; background-position: top 10px right 7px; padding-right:20px; display:block; height:40px; border:2px solid #008aff; padding: 0 44px 0 15px; text-transform:uppercase; color:#008aff;
-khtml-border-radius: 50px;
border-radius: 50px;
   -webkit-transition: all 0.3s ease;          
   transition: all 0.3s ease; 
}
.form_up_block .submit_onmain_back.valid_error input{ border-color:#ff7979 !important; color:#ff7979 !important; text-shadow: 0px 0px 5px rgba(255, 121, 121, 1);  background-position: top -62px right 7px !important; }
.form_up_block .submit_onmain_back input:hover{ color:#50aaf6; border-color:#50aaf6;  background-position: top -26px right 7px;}
.form_up_block .submit_onmain_back.on_sent_class{ display:none}
.form_up_block .on_sent_class_text{ display:none;
	width:190px; background:url(done_mail.png) no-repeat; background-position: top 12px right 19px; height:40px; line-height:37px; border:2px solid #00ffb4; padding: 0 44px 0 15px; text-transform:uppercase; color:#00ffb4;
-khtml-border-radius: 50px;
border-radius: 50px; margin:0 auto; margin-top:40px;
}
.form_up_block .on_sent_class_text.visible_b{ display:block;}
.modal-content .wpcf7-validation-errors{ display:none !important}
.modal-content .wpcf7-mail-sent-ok{ display:none !important}
.ajax-loader{ }
@media (max-width: 1199px) {
.back_form_bg .name_border_bot.topadding_right{ margin-right:0px;}
.back_form_bg .name_border_bot input{ width:126px}
}
@media (max-width: 991px) {
.back_form_bg .name_border_bot.topadding_name{ margin-left:0px;}
.back_form_bg .name_border_bot input{ width:93px}
}
@media (max-width: 828px) {
.back_form_bg 	.submit_onmain_back input{ font-size:12px; width:162px; padding: 0 34px 0 10px;   }
.back_form_bg 	.on_sent_class_text{font-size:12px; width:162px; padding: 0 34px 0 10px;}
}
@media (max-width: 767px) {
.back_form_bg .name_border_bot{ max-width:400px;}
.back_form_bg{ height:370px;}
.back_form_bg .submit_onmain_back{ margin-top:30px;}
.back_form_bg .on_sent_class_text{margin-top:30px;}
.back_form_bg 	.submit_onmain_back input{ font-size:12px; width:190px; padding: 0 44px 0 15px;   }
.back_form_bg 	.on_sent_class_text{font-size:12px; width:190px;padding: 0 44px 0 15px;}
}

/**********************всплывающая форма*******************************/




/*************футер********************/
.line_footer{ border-top:1px solid rgba(0,0,0,0.14); padding-bottom:30px; margin-top:20px;}
.footer_phone{ font-family:SignikaRegular; float:right; font-size:20px; color:#fff;  bottom:17px; margin-top:33px;}
	.line_footer .logo{ float: right}
@media (max-width: 991px) {
	.footer_phone{ float:right}
	.line_footer .logo{ float:left}
}
@media (max-width: 550px) {
		.footer_phone{ float:none}
	.line_footer .logo{ float:none}
	.line_footer{ display:none} 
}
.line_footer h5{ padding:39px 0 55px 0; margin:0px; font-family:exo2lightcondensed; color:#fff; font-size:20px}
.line_footer ul{ list-style:none; padding:0px; margin:0px; color:#010101; opacity:0.64}
.line_footer ul li{ margin-bottom:15px;}
.line_footer ul li a{ text-decoration:underline}
.line_footer ul li a:hover{ text-decoration:none}
.last_foot_col{ margin-left:-76px}
@media (max-width: 1199px) {
	.last_foot_col{ margin-left:0px}
}
/*************футер********************/