@media only screen and (max-width: 640px) {
#content1{display:block;}
#content2{display:none;}
#content3{display:none;}
#content4{display:none;}
#content5{display:none;}

#hds1{display:block;}
#hds2{display:none;}
#hds3{display:none;}
#hds4{display:none;}
#hds5{display:none;}

#fts1{display:block;}
#fts2{display:none;}
#fts3{display:none;}
#fts4{display:none;}
#fts5{display:none;}

	.white1{background: #ffffff;}
	.blue1{background: #446cb3 ;}
	.blue2{background: #638edb ;}
	.blue3{background: #01c1e3 ;}
	.fiolet1{background: #ca70d6 ;}
	.fiolet2{background: #dd81e9 ;}
	.fiolet3{background: #7558f7 ;}
	.orange1{background: #e67e22 ;}
	.orange2{background: #f99841 ;}
	.red1{background: #e5567b ;}
	.green1{background: #5bd999 ;}
	.yellow1{background: #eac14d ;}
	.grey1{background: #34495e ;}
	body{
	margin: 0;
	font-size: 14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	}
	.container{
	width: 100%;
	min-width: 480px;
	margin-left: auto;
	margin-right: auto;
	}
	.width_120{
	width: 25%;
	height: 120px;
	}
	.form-horizontal{
	margin-left: 3%;
	}
	.width_120_60{
	width: 50;
	height: 60px;
	}
	.width_240{
	width: 50%;
	height: 240px;
	}

	.width_240_120{
	width: 50%;
	height: 120px;
	}
	.width_480{
	width: 100%;
	}
	[class*="width"]{float:left;min-height:1px;}
	[class*="img"]{
	background-position: 50%;
	background-repeat: no-repeat;
	}
	.img_480_1{background-image:  url('/application/style/img/480 (1).png');}
	.img_480_2{background: #446cb3  url('/application/style/img/480 (2).png') no-repeat;}
	.img_480_3{background: #ca70d6 url('/application/style/img/480 (3).png') no-repeat;}
	.img_480_4{background: #e67e22 url('/application/style/img/480 (4).png') no-repeat;}
	.img_480_5{background-image: url('/application/style/img/480 (5).png') ;}
	.img_480_6{background-image: url('/application/style/img/480 (6).png');}
	.img_480_7{background-image: url('/application/style/img/480 (7).png');}
	.img_480_8{background-image: url('/application/style/img/480 (8).png');}
	.img_480_9{background-image: url('/application/style/img/480 (9).png');}
	.img_480_10{background-image: url('/application/style/img/480 (10).png');}
	.img_480_11{background-image: url('/application/style/img/480 (11).png');}
	.img_480_12{background-image: url('/application/style/img/480 (12).png');}
	.img_480_13{background-image: url('/application/style/img/480 (13).png');}
	.img_480_14{background-image: url('/application/style/img/480 (14).png');}
	.img_480_15{background-image: url('/application/style/img/480 (15).png');}
	.img_480_16{background-image: url('/application/style/img/480 (16).png');}
	.img_480_17{background-image: url('/application/style/img/480 (17).png');}
	.ok{background: #eac14d url('/application/style/img/ok.png') no-repeat 50% 50%;
	background-size: 20%;}
	.text_menu{
	text-align: center; 
	margin: 5px;
	font-size: 19px; 
	color: #ffffff;
	 text-shadow: -1px -1px 3px #1b1b1b; /* Параметры тени */
	}
	.osn_menu{
	text-align: center; 
	padding-top:135px; 
	font-size: 26px; 
	color: #ffffff;
	 text-shadow: -1px -1px 8px #1b1b1b; /* Параметры тени */
	}
	.bottom_menu{
	text-align: center; 
	padding-top:18px; 
	font-size: 26px; 
	color: #ffffff;
	 text-shadow: -1px -1px 4px #1b1b1b; /* Параметры тени */
	}
	.soc_menu{
	text-align: center; 
	padding-top:45px; 
	font: 20pt Arial regular; 
	color: #ffffff;
	 text-shadow: -1px -1px 8px #1b1b1b; /* Параметры тени */
	}
	a{
	text-decoration: none;
	}
	a:hover div p{
	text-shadow: none;
	}
	a:hover>div{
	outline: 1px solid grey;
	}
	.content{
	float: left;
	background: #f5f5f5;
	width: 100%;
	}
	h1{
	font-size: 21px;
	}
	h1{
	font-size: 20px;
	}
	.news_h2{
	text-align: center;
	margin:0;
	}
	.news_h2 a{
	text-decoration: none;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	.news_h2 a:hover h2{
	text-decoration: none;
	color: #fff;
	}
	/*-------------------*/
	.portfolio_main{

	}
	.portfolio_main p{
	float: none;
	}
	.port_h1{
	width: 100%;
	}
	.port_h1 h1{
	color: #333333;
	font-size: 24px;
	text-align: center;
	padding: 15px 0px;
	width:99%;
	}
	.port_place{
	width: 100%;
	float:left;
	}
	.port_place input{
	height:40px;
	width:auto;
	}
	.portfolio p{
	text-align: justify;
	}
	.portfolio img{
	position: absolute;
	margin-left: 89px;
	margin-top: -84px;
	width: 180px;
	height: 170px;
	}
	.portfolio_main p img{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);;
	max-width: 96%;
	margin-right: 15px;
	}
	.port_cont{
	width: 100%;
	float:left;
	border-right: 1px dashed #fff;
	}
	#proc_content, #opis_content{
	float:left;
	width: 100%;
	}
	.port_p_new{
	border-radius: 10px;
	background: #FFF;
	width: auto;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 20px;
	margin-right: 20px;
	font-weight: bold;
	box-shadow: 0 0 16px #aaa;
	}
	.port_razrab a{
	color:black;
	display: block;
	}
	.port_razrab a:hover{
	transition: all 0.4s ease;
	color:red;
	}
	input {
	border-radius: 4px;
	color: #555555;
	display: inline-block;
	font-size: 14px;
	height: 17px;
	line-height: 20px;
	padding: 3px;
	vertical-align: middle;
	background: #FCFCFC;
	width: 206px;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	margin: 5px 5px 10px 0px;
	}
	input:focus, textarea:focus {
	border-bottom-color: rgba(82, 168, 236, 0.804);
	border-left-color: rgba(82, 168, 236, 0.804);
	border-right-color: rgba(82, 168, 236, 0.804);
	border-top-color: rgba(82, 168, 236, 0.804);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.071), 0px 0px 8px rgba(82, 168, 236, 0.600);
	outline: 0px none currentColor;
	}
	#port_show hr {
	background: #666;
	box-shadow: 0 0 6px #AAA;
	margin-bottom: 10px;
	}
	h2 {
	color: #222222;
	font-size: 18px;
	margin: 5px 0px;
	text-align: center;
	width: 99%;
	}
	h2 a:hover{
	color: #222222;
	}
	.port_razrab strong {
	color: #07acdd;
	}
	.width50{
	width: 50%;
	}
	.port_blok{
	transition: all 0.5s;
	display: inline-block;
	text-indent: 0px;
	width: 49%;
	vertical-align: text-top;
	text-align:center;
	}
	.port_blok:hover{
	transition: all 1s;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.48);

	}
	.cont_box_port{

	}
	.port_blok a img{
	width: 99%;
	max-width: 99%;
	border: 1px solid #222222;
	}
	.controls .btn{
	height: 30px;
	width: 216px;
	}
	.cont_box{
	padding:10px;
	text-align: justify;
	}
	.cont_box p{
	text-indent: 0px;
	}
	.port_blok p{
	text-indent: 0px;
	margin: 0px;
	}
	select{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 220px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	color: #555555;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 3px;
	vertical-align: middle;
	}
	select:focus {
	outline: thin dotted #333333;
	outline-offset: -2px;
	}
	.cont_box.nonepadding{
	padding:0;
	}
	.item_news{
	padding: 10px;
	}
	.item_news h2{
	text-decoration: none;
	}
	.item_news:nth-child(2n){
	background: #BCD5EC;
	}
	.item_news:nth-child(2n+1){
	background: #f4f4f4;
	}

	.cont_box img{
	max-width: 96%;
	}
	h1{
	text-align: center;
	}
	.fontsizeh2 a{
	font-size: 20px;
	font-family: arial;
	font-weight: bold
	}
	.fontsizeh2 a:hover{
	color: #fff;
	}
	.fontsizeh2 a:nth-child(2n){
	background: #446cb3;
	}
	.fontsizeh2 a:nth-child(2n+1){
	background: #ca70d6;
	}
	.fontsizeh2 a:nth-child(3n+2){
	background: #e5567b;
	}
	.header{
	width: 100%;
	}
	.top_menu{
	width: auto;
	}
	.header .top_menu>a>div{
	width: 25%;
	height:120px;
	float: left;
	}
	.header div.logo{
	width: 120px;
	}
	.top_menu>a>div div{
	width: 100%;
	float:left;
	height:60px;

	}
	.content .width_240{
	width: 50%;
	}
	.footer .width_120{
	width: 25%;
	}
	.footer .width_240_120{
	width: 50%;
	}
	.cont_box #nasha_komanda img {
	max-width: 250px;
	}
	.cont_box #nasha_komanda td+td{
	padding: 8px;
	}
	.uslugi a:nth-child(2n){
	background: #446cb3;
	}
	.uslugi a:nth-child(2n+1){
	background: #ca70d6;
	}
	.uslugi a:nth-child(3n+2){
	background: #e5567b;
	}
	.uslugi a:hover{
	color: #fff;
	}
	.text_menu p{
	 overflow-wrap: break-word;  /* не поддерживает IE, Firefox; является копией word-wrap */ 
	  word-wrap: break-word;
	  word-break: keep-all;  /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */ 
	  line-break: strict;  /* нет поддержки для русского языка */ 
	 -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;  /* не поддерживает IE, Opera12.14, значение auto не поддерживается Chrome */ 
	}
	.icon001 {
	transition: all 0.3s;
	background: #00addc;
	}
	.over2 {
	overflow: hidden;
	margin-left: 78px;
	}
	.vidv li {
	transition: all 0.3s;
	position: relative;
	float: left;
	list-style: none;
	width: auto;
	display: table;
	border-left: 1px solid #fff;
	margin: 4px;
	padding-left: 5px;
	line-height: 1.0;
	}
	.vidv li a {
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size:12px;
	}
	.vidn {
	cursor: pointer;
	float: left;
	position: absolute;
	z-index: 10;
	width: 65px;
	border-radius: 4px;
	padding: 47px 6px;
	color: #fff;
	border: 1px solid #353535;
	height: 16px;
	}
	.vidv {
	transition: all 0.3s;
	position: relative;
	border-radius: 4px;
	height: auto;
	background: #00addc;
	float: left;
	border: 1px solid #353535;
	width: 90%;
	margin: 0px;
	transition-delay: 5s;
	padding-left: 5px;
}
	.vidn:hover + .over2 ul.vidv, ul.vidv:hover {
	transition: all 0.5s;
	color: #f1f1f1;
	left: 0px;
	}
	.over{
	overflow: hidden;
	margin-left: 20px;
	}
	.over img{
	width: auto;
	}
	.port_razrab{
	margin: 0%;
	width: 96%;
	float: left;
	background: #fff;
	border: 1px solid #222222;
	box-shadow: 0px 0px 2px 1px #222;
	margin-bottom: 15px;
	}
	.port_razrab h3{
	background: #222;
	color: #fff;
	margin: 0px;
	padding: 15px 0px;
	margin-bottom: 10px;
	text-align:center;
	}
	.port_razrab p{
	padding: 0px 10px;
	}
	.port_a{
	background: #69baf2;
	color: #fff;
	height: 30px;
	width: auto;
	line-height: 30px;
	padding: 3px 10px;
	vertical-align: middle;
	margin: 5px 5px 10px 0px;
	float: left;
	border: 2px solid #5696C2;
	border-radius: 4px;
	font-size: 14px;
	}
	.port_a a{
	color: #fff;
	line-height: 30px;
	font-size: 14px;
	text-decoration: none;
	}
	.port_a:hover{
	border: 2px solid #78C7FD;
	text-shadow: 2px 2px 3px #fff;
	}
}
@media only screen and (min-width: 640px) and (max-width: 768px) {
#content1{display:none;}
#content2{display:block;}
#content3{display:none;}
#content4{display:none;}
#content5{display:none;}

#hds1{display:none;}
#hds2{display:block;}
#hds3{display:none;}
#hds4{display:none;}
#hds5{display:none;}

#fts1{display:none;}
#fts2{display:block;}
#fts3{display:none;}
#fts4{display:none;}
#fts5{display:none;}

	.fon{background-color:#34495e;}
	.white1{background-color: #ffffff;}
	.blue1{background-color: #446cb2 ;}
	.blue2{background-color: #5c82c9 ;}
	.blue3{background-color: #367dfd ;}
	.blue4{background-color: #436bb1 ;}
	.fiolet1{background-color: #ca70d6 ;}
	.fiolet2{background-color: #dd81e9 ;}
	.fiolet3{background-color: #7558f7 ;}
	.orange1{background-color: #e67e22 ;}
	.orange2{background-color: #f99841 ;}
	.red1{background-color: #e5567b ;}
	.green1{background-color: #5bd999 ;}
	.yellow1{background-color: #eac14d ;}
	.grey1{background-color: #34495e ;}
	.centr{
	margin-top: 10px;
	margin-bottom: 3px;
	}
	.header .logo a{
	padding: 0;
	}
	/*Из бутсрапа*/
	body{margin:0;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:20px;
	color:#333;
	background-color:#34495e;
	}
	h1{
	font-size: 22px;
	}
	 a{color:#fff;text-decoration:none}
	 a:hover,a:focus{color:#91daff;text-decoration:none;text-shadow: -1px -1px 6px #91daff;}
	.row{*zoom:1}
	.row:before,.row:after{
	display:table;
	line-height:0;
	content:""} 
	.row:after{
	clear:both}
	 .container{
	width: 99%;
	 margin-right:auto;
	 margin-left:auto;
	 *zoom:1
	 }
	 .container:before,.container:after{
	 display:table;
	 line-height:0;
	 content:""}
	 .container:after{
	 clear:both}
	.width_120{
	width: 120px;
	height: 120px;
	}
	.width_120_60{
	width: 120px;
	height: 60px;
	}
	.width_240{
	width: 240px;
	height: 240px;
	}

	.width_240_120{
	width: 240px;
	height: 120px;
	}
	.width_480{
	width: 1000px;
	}
	[class*="width"]{float:left;min-height:1px;}
	.arrow_bg{background: #436bb1 url('/application/style/img/arrow.png') no-repeat 95% 50%;}
	.cms_bg{background: #436bb1 url('/application/style/img/cms.png') no-repeat 5% 50%;}
	.domik_bg{background: #436bb1 url('/application/style/img/domik.png') no-repeat 5% 50%;}
	.f_bg{background: #583be3 url('/application/style/img/f.png') no-repeat 50% 50%;}
	.f1_bg{background-image:  url('/application/style/img/f1.png');}
	.f2_bg{background-image:  url('/application/style/img/f2.png');}
	.f3_bg{background-image:  url('/application/style/img/f3.png');}
	.f4_bg{background-image:  url('/application/style/img/f4.png');}
	.g_bg{background: #ec2d4c  url('/application/style/img/g.png') no-repeat 50% 50%;}
	.komanda_bg{background: #436bb1 url('/application/style/img/komanda.png') no-repeat 5% 50%;}
	.kontakti_bg{background: #436bb1 url('/application/style/img/kontakti.png') no-repeat 5% 50%;}
	.krestik_bg{background: #08cef1 url('/application/style/img/krestik.png') no-repeat 50% 50%;
	 width: 69px;}
	.portfolio_bg{background: #436bb1 url('/application/style/img/portfolio.png') no-repeat 5% 50%;}
	.twit_bg{background: #01c2e3 url('/application/style/img/twit.png') no-repeat 50% 50%;}
	.vakansii_bg{background: #436bb1 url('/application/style/img/vakansii.png') no-repeat 5% 50%;}
	.fr_bg{background: #436bb1 url('/application/style/img/fr.png') no-repeat 5% 50%;}
	.text_menu{
	text-align: center; 
	padding-top:5px; 
	font: 14pt arial regular; 
	color: #ffffff;
	 text-shadow: -1px -1px 3px #1b1b1b; /* Параметры тени */
	}
	.head_menu{
	text-align: center; 
	padding-top:135px; 
	font: 26pt Calibri regular; 
	color: #ffffff;
	 text-shadow: -1px -1px 8px #1b1b1b; /* Параметры тени */
	}
	.bottom_menu{
	text-align: center; 
	padding-top:18px; 
	font: 20pt Arial regular; 
	color: #ffffff;
	 text-shadow: -1px -1px 4px #1b1b1b; /* Параметры тени */
	}
	.soc_menu{
	text-align: center; 
	padding-top:45px; 
	font: 20pt Arial regular; 
	color: #ffffff;
	 text-shadow: -1px -1px 8px #1b1b1b; /* Параметры тени */
	}
	.header{
	width: 100%;
	}
	.fbox div{
	float: left;
	width: 24.8%;
	height: 94px;
	margin-left: 0.2%;
	overflow: hidden;
	text-align: center;
	}
	.header p{
	margin-top: 15px;
	}
	.header a{
	text-align: center;
	font-size: 19px;
	color: #ffffff;
	text-shadow: -1px -1px 8px #1b1b1b;
	display: block;
	padding-top: 17px;
	padding-bottom: 50px;
	}
	.header a:hover,.header a:focus{
	color:#fff;
	text-decoration:none;
	text-shadow: none;
	}
	.kol1{
	float:left;
	}
	.kol1 + .kol1{
	float:left;
	margin-left: 2%;
	}
	.kol1,.kol2,.soc_seti{
	width: 49%;
	}
	.soc_seti{
	width: 315px;
	}
	.soc_seti a:hover{
	opacity:0.7;
	}
	.kol1 .s_bar .soc_seti a{
	width: 25%;
	padding: 0;
	}
	.kol2{
	float: left;
	margin-left: 2%;
	}
	ul{
	margin-left:-40px;
	}
	.kol2 .s_bar li{
	margin-bottom: 1px;
	}
	.s_bar li{
	display:block;
	}
	.s_bar li a{
	color:#fff;
	text-shadow: -1px -1px 6px #1b1b1b;
	} 
	.s_bar li a:hover,.s_bar li a:focus{
	color:#fff;
	text-decoration:none;
	text-shadow: none;
	}
	.soc_seti a{
	display: block;
	float: left;
	width: 25%;
	height: 58px;
	}
	.slide{
	width: 266px;
	height: 220px;
	border: solid #01c2e3 2px;
	}
	.zagl{
	background-color:#367dfd;
	}
	.kol2 .s_bar .zagl{
	background-color: #367dfd;
	display: block;
	width: 100%;
	margin-bottom: 1px;
	font-size: 24px;
	color: #ffffff;
	text-shadow: -1px -1px 6px #1b1b1b;
	}
	.statyi, .novosti{
	display: inline-block;
	width: 49%;
	float: left;
	}
	.novosti{
	margin-left: 2%;
	}
	.statyi div, .novosti div{
	background-color: #446cb3;
	margin-bottom: 1px;
	min-height: 220px;
	}
	.zag{
	margin: 0;
	background-color: #01c1e3;
	text-align: center;
	font-size: 25px;
	padding-top: 19px ;    
	padding-bottom: 19px ; 
	color: #ffffff;
	text-shadow: -1px -1px 6px #1b1b1b;
	}
	.zag:hover{
	text-shadow: none;
	}
	.ops{
	font-size: 15px;
	color: #abc9ff; 
	padding: 10px 10px 10px 20px;
	margin: 0;
	}
	.cont{
	font-size: 14px;
	color: #fff; 
	padding: 10px 10px 10px 20px;
	margin: 0;
	}
	.dat{
	padding: 10px 10px 10px 20px;
	font-size: 14px;
	color: #44e3ff; 
	margin: 0;
	}
	.content{
	color: #fff;
	margin-top: 10px;
	}
	.cont_box{
	margin: 0px 0px;
	padding: 10px;
	background-color: #f1f1f1;
	color: #222222;
	}
	.kol1 .s_bar a{
	display: block;
	width: 80%;
	margin-bottom: 1px;
	padding-left: 17%;
	padding-top: 17px;
	padding-bottom: 16px;
	font-size: 20px;
	color: #ffffff;
	text-shadow: -1px -1px 6px #1b1b1b;
	}
	.kol2 .s_bar a{
	display:block;
	width: 96%;
	padding-left: 10px;
	font-size: 20px;
	padding-top: 17px;
	padding-bottom: 18px;
	}
	.slide img{
	position: relative;
	width: 403px;
	/*top: -81px;
	left: -46px;*/
	}
	.slide{
	width: 311px;
	height: 220px;
	border: solid #01c2e3 2px;
	overflow: hidden;
	}
	.ops  a{
	color: #fff;
	}
	.news_h2 a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	}
	.news_h2 a:hover {
	text-decoration: none;
	}
	.news_h2 a:hover h2{
	color: #fff;
	}
	.portfolio_main{

	}
	.portfolio_main p{
	float: none;
	}
	.port_h1{
	width: 98%;
	height:40px;
	}
	.port_h1 h1{
	color: #333333;
	font-size: 20px;
	text-align: center;
	padding: 15px 0px;
	width:99%;
	}
	.port_a{
	background: #69baf2;
	color: #fff;
	height: 30px;
	width: auto;
	line-height: 30px;
	padding: 3px 10px;
	vertical-align: middle;
	margin: 5px 5px 10px 0px;
	float: left;
	border: 2px solid #5696C2;
	border-radius: 4px;
	font-size: 14px;
	}
	.port_a a{
	color: #fff;
	line-height: 30px;
	font-size: 14px;
	text-decoration: none;
	}
	.port_a:hover{
	border: 2px solid #78C7FD;
	text-shadow: 2px 2px 3px #fff;
	}
	.port_place{
	width: 100%;
	float:left;
	}
	.port_p{
	background-color: #fff;
	padding: 0px 10px 10px 10px;
	border-radius: 10px;
	margin-right: 10px;
	}
	.port_place input{
	height:40px;
	width:auto;
	}
	.portfolio p{
	text-align: justify;
	}
	.content .portfolio img{
	position: absolute;
	margin-left: 89px;
	margin-top: -84px;
	width: 180px;
	height: 170px;
	}
	.portfolio_main p img{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);;
	max-width: 100%;
	margin-right: 15px;
	}
	.port_cont{
	width: 100%;
	float:left;
	border-right: 1px dashed #fff;
	margin-top: 10px;
	}
	#proc_content2, #opis_content2{
	float:left;
	width: 100%;
	}
	.port_p_new{
	border-radius: 10px;
	background: #FFF;
	width: auto;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 20px;
	margin-right: 10px;
	font-weight: bold;
	box-shadow: 0 0 16px #aaa;
	}
	.port_razrab{
	margin: 0;
	width: 99%;
	float: left;
	background: #fff;
	border: 1px solid #222222;
	box-shadow: 0px 0px 2px 1px #222;
	}
	.port_razrab h3{
	background: #222;
	color: #fff;
	margin: 0px;
	padding: 15px 0px;
	margin-bottom: 10px;
	text-align: center;
	}
	.port_razrab p{
	margin-left: 10px;
	}
	.port_razrab a{
	color:black;
	display: block;
	}
	.port_razrab a:hover{
	transition: all 0.4s ease;
	color:red;
	}
	input {
	border-radius: 4px;
	color: #555555;
	display: inline-block;
	font-size: 14px;
	height: 17px;
	line-height: 20px;
	padding: 3px;
	vertical-align: middle;
	background: #FCFCFC;
	width: 206px;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	margin: 5px 5px 10px 0px;
	}
	input:focus, textarea:focus {
	border-bottom-color: rgba(82, 168, 236, 0.804);
	border-left-color: rgba(82, 168, 236, 0.804);
	border-right-color: rgba(82, 168, 236, 0.804);
	border-top-color: rgba(82, 168, 236, 0.804);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.071), 0px 0px 8px rgba(82, 168, 236, 0.600);
	outline: 0px none currentColor;
	}
	#port_show hr {
	background: #666;
	box-shadow: 0 0 6px #AAA;
	margin-bottom: 10px;
	}
	h2 {
	color: #222222;
	font-size: 21px;
	margin: 5px 0px;
	text-align: center;
	width: 100%;
	}
	.port_razrab strong {
	color: #07acdd;
	}
	.width50{
	width: 50%;
	}
	.controls .btn{
	height: 30px;
	}
	table{
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 5px;
	width: 97%;
	box-shadow: 3px 3px 5px #78797A;
	-moz-box-shadow: 3px 3px 5px #78797A;
	-webkit-box-shadow: 3px 3px 5px #78797A;
	}
	tr, th, td {
	padding: 3px;
	line-height: 120%;
	font-family: Arial;
	margin: 0;
	border: 1px solid #808080;
	font-size: 14px;
	}
	.kol2 .s_bar .zagl a{
	text-align: center;
	}
	.fbox{
	margin-left: 139px;
	height: 94px;
	text-align: center;
	}
	.logo{
	width: 139px;
	float: left;
	}
	.logo img{
	  width: 72px;
	}
	.content.page{
	background: none;
	color: #fff;
	}
	.content.page.row a {
	color: #0095E0;
	}
	.content p{
	text-indent: 0px;
	text-align: justify;
	}
	.soc_seti.w341{
	width: 100%;
	}
	.content.grey{
	background: #e7e7e7;
	color: #000;
	}
	.cont_box.nonepadding{
	padding:0;
	margin: 0;
	}
	.item_news{
	padding: 10px;
	}
	.item_news h2{
	text-decoration: none;
	}
	.item_news:nth-child(2n){
	background: #FFF25E;
	}
	.item_news:nth-child(2n+1){
	background: #5EFFB2;
	}
	.cont_box img{
	width: 99%;
	}
	.soc_seti a:hover {
	opacity:0.7;
	}
	h1{
	text-align: center;
	}
	.blue3{background: #01c1e3 ;}
	.red1{background: #e5567b ;}
	.green1{background: #5bd999 ;}
	.ok{background: #eac14d url('/application/style/img/ok.png') no-repeat 50% 50%;
	background-size: 20%;}
	.vk{background: #164AA7 url('/application/style/img/480 (13).png') no-repeat 50% 50%; background-size: 70%;}
	select{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 220px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	color: #555555;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 3px;
	vertical-align: middle;
	}
	select:focus {
	outline: thin dotted #333333;
	outline-offset: -2px;
	}
	.bottom_logo{
	background: #5bd999;
	width: 139px;
	height: 5px;
	}
	.cont_box #nasha_komanda img {
	width: 250px;
	}
	.cont_box #nasha_komanda td+td{
	padding: 8px;
	}
	.cont_box ul{
	margin-left: -15px;
	}
	.control-label img{
	width: auto;
	}
	.port_blok {
	padding: 0px;
	margin: 0px;
	width: 32%;
	text-align: center;
	display: inline-block;
	vertical-align: text-top;
	}
	.port_blok p{
	padding: 0px;
	margin: 0px;
	text-align:center;
	text-indent: 0px;
	color: #222222;
	}
	.port_blok img{
	border: 1px solid #222222;
	}
	.port_blok:hover{
	transition: all 1s;
	box-shadow: 1px 1px 3px #888;
	}
	.icon001 {
	transition: all 0.3s;
	background: #00addc;
	}
	.over2 {
	overflow: hidden;
	margin-left: 78px;
	}
	.vidv li{
	transition: all 0.3s;
	position: relative;
	float: left;
	list-style: none;
	width: auto;
	display: table;
	border-left: 1px solid #fff;
	padding-left: 7px;
	margin: 7px;
	padding-left: 12px;
	line-height: 1.0;
	}
	.vidv li a {
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size:13px;
	}
	.vidn {
	cursor: pointer;
	float: left;
	position: absolute;
	z-index: 10;
	width: 65px;
	border-radius: 4px;
	padding: 48px 6px;
	color: #fff;
	border: 1px solid #353535;
	height: 16px;
	}
	.vidv {
	position: relative;
	border-radius: 4px;
	height: auto;
	background: #00addc;
	float: right;
	border: 1px solid #353535;
	width: 97%;
	margin: 0px;
	padding-left: 10px;
	}
	.vidn:hover + .over2 ul.vidv, ul.vidv:hover {
	color: #f1f1f1;
	}
	.over{
	overflow: hidden;
	margin-left: 20px;
	}
	.over img{
	width: auto;
	}
	.thumbba {
	display: block;
	width: 100%;
	height: 100%;
	}
	.slide img {
	position: relative;
	width: 100%;
	height: 100%;
	}
	.over2sd{
	position: absolute;
	margin-left: -20px;
	}
	.vidv li a:hover {
	color: #000;
	}
}
@media only screen and (min-width: 768px) and (max-width: 940px) {
#content1{display:none;}
#content2{display:none;}
#content3{display:block;}
#content4{display:none;}
#content5{display:none;}

#hds1{display:none;}
#hds2{display:none;}
#hds3{display:block;}
#hds4{display:none;}
#hds5{display:none;}

#fts1{display:none;}
#fts2{display:none;}
#fts3{display:block;}
#fts4{display:none;}
#fts5{display:none;}

	.fon{background-color:#34495e;}
	.pull-left{
	float:left;
	}
	.pull-right{
	float:right;
	}
	ul li{
	margin-left:-40px;
	}
	.content ul li{
	margin-left: 0px;

	}
	/*Из бутсрапа*/
	body{margin:0;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:20px;
	color:#333;
	background-color: #34495e;
	}
	a{
	color:#08c;
	text-decoration:none;
	display: block;
	} 
	h1{
	font-size:22px;
	text-align:center;
	} 
	h2{
	font-size:20px;
	text-align:center;
	} 
	h3{
	font-size:18px;
	text-align:center;
	} 
	h4{
	font-size:16px;
	text-align:center;
	} 
	#telzakaz{
	width: 187px;
	height: 45px;
	margin-left: 10px;
	background: url("/application/style/img/zakazat.png");
	}
	#telzakaz:hover{
	background: url("/application/style/img/zakazat2.png");
	}
	a:hover,a:focus{
	color:#005580;
	text-decoration:none;
	}
	.row{*zoom:1}
	.row:before,.row:after{
	display:table;
	line-height:0;
	content:""} 

	.row:after{
	clear:both}

	 .container{
	 width: 99%;
	 margin-right:auto;
	 margin-left:auto;
	 *zoom:1}
	 
	 .container:before,.container:after{
	 display:table;
	 line-height:0;
	 content:""}
	.container:after{
	 clear:both}
	.arrow_bg1{background: #00ccff url('/application/style/img/arrow_7.png') no-repeat 50% 50%;}
	.arrow_bg2{background: #00ccff url('/application/style/img/arrow_7.png') no-repeat 50% 50%;}
	.cms_bg{background: #03a9ff url('/application/style/img/cms_7.png') no-repeat 5% 50%;}
	.f_bg{background: #583be3 url('/application/style/img/f_7.png') no-repeat 50% 50%;}
	.g_bg{background: #ec2d4c  url('/application/style/img/g_7.png') no-repeat 50% 50%;}
	.kontakti_bg{background: #03a9ff url('/application/style/img/kontakt_7.png') no-repeat 5% 50%;}
	.portfolio_bg{background: #03a9ff url('/application/style/img/portfolio_7.png') no-repeat 5% 50%;}
	.twit_bg{background: #01c2e3 url('/application/style/img/twit_7.png') no-repeat 50% 50%;}
	.vakansii_bg{background: #03a9ff url('/application/style/img/vakansii_7.png') no-repeat 5% 50%;}
	.fr_bg{background: #03a9ff url('/application/style/img/franch_7.png') no-repeat 5% 50%;}
	.komanda_bg{background: #03a9ff url('/application/style/img/komanda_7.png') no-repeat 5% 50%;}
	.onas_bg{background: #03a9ff url('/application/style/img/onas_7.png') no-repeat 5% 50%;}
	.eshe_bg{background: #03a9ff url('/application/style/img/eshe_7.png') no-repeat 50% 50%;}
	.visit_bg{background: #03a9ff url('/application/style/img/visitka_7.png') no-repeat 5% 50%;}
	.korp_bg{background: #03a9ff url('/application/style/img/korp_7.png') no-repeat 5% 50%;}
	.intmag_bg{background: #03a9ff url('/application/style/img/intmag_7.png') no-repeat 5% 50%;}
	.mob_pr_bg{background: #03a9ff url('/application/style/img/mob_pr_7.png') no-repeat 5% 50%;}
	.pr_zak_bg{background: #03a9ff url('/application/style/img/pr_zak_7.png') no-repeat 5% 50%;}
	.poddergka_bg{background: #03a9ff url('/application/style/img/poddergka_7.png') no-repeat 5% 50%;}
	.prodvij_bg{background: #03a9ff url('/application/style/img/prodvij_7.png') no-repeat 5% 50%;}
	.raskrutka_bg{background: #03a9ff url('/application/style/img/rasrutka_7.png') no-repeat 5% 50%;}
	.reklama_bg{background: #03a9ff url('/application/style/img/rkl2.png') no-repeat 5% 50%;}
	.disayan_bg{background: #03a9ff url('/application/style/img/dizayan_7.png') no-repeat 5% 50%;}
	.disk_bg{background: #03a9ff url('/application/style/img/disk_7.png') no-repeat 5% 50%;}
	.kn1_bg{background: url('/application/style/img/kn1.png') }
	.kn2_bg{background: url('/application/style/img/kn2.png') }
	.kn3_bg{background: url('/application/style/img/kn3.png') }
	.header{
	height: 41px;
	}
	.logo_bg{
	background: #03a9ff;
	width: 33%;

	height: 40px;
	display: inline-block;
	float: left;
}
	.centr{
	width: 40px;
	margin-left: 3%;
	float: left;
}
	.tel{
	width: 33.8%;
	font: 25px Arial;
	color: #ffffff;
	padding: 5px 0px;
	text-align: center;
	background-color: #03a9ff;
	display: inline-block;
	float: left;
	margin-bottom: 1px;
	margin-left: 0.1%;
	height: 30px;
	}
	.top_menu{
	margin-top: 10px;
	}
	.kn{
	width: 32.6%;
	height: 52px;
	float: left;
	margin-right: 1.1%;
	text-align: center;
	}
	.kn.kn3_bg{
	margin: 0;
	}
	.kn a{ 
	display: block;
	font-size: 19px; 
	color: #ffffff;
	text-shadow: -1px -1px 8px #1b1b1b;
	padding-top: 14px; 
	padding-bottom: 16px;
	}
	.kn a:hover,.kn a:focus{
	color:#fff;
	text-decoration:none;
	text-shadow: none;
	}
	.s_bar,.s_bar_m, .s_bar_l{

	float: left;
	}
	.s_bar{
	width: 32.6%;

	}
	.s_bar_m{
	margin-left: 1.1%;
	}
	.s_bar_l{
	margin-left: 0.1%;
	}
	.s_bar_m,.s_bar_l{
	width: 33.1%;
	}
	.s_bar li,.s_bar_m li,.s_bar_l li{
	display:block;
	margin-bottom: 1px;
	font: 17px Arial; 
	color: #ffffff;
	text-shadow: -1px -1px 6px #1b1b1b;
	}
	.s_bar_m li a,.s_bar_l li a{
	font: 16px Arial;
	padding-top: 13px ;    
	height: 32px; 
	}
	.s_bar a{
	padding-top: 12px ;    
	height: 33px;
	 }
	.s_bar_l ul,.s_bar_m ul{
	margin-top: 1px;
	}
	.s_bar li,{
	width: 242px;
	}
	.s_bar a,.s_bar_m a, .s_bar_l a{
	color:#fff;
	text-shadow: -1px -1px 6px #1b1b1b;
	padding-left: 55px ;    
	}
	.gl_menu .s_bar_l .coc_m .soc_seti a{
	padding-left: 0 ;  
	padding-top: 0 ;    
	padding-bottom: 0 ;  
	display:block;
	float:left;
	width: 25%;
	height: 45px;
	}
	.s_bar li a:hover,.s_bar li a:focus,.s_bar_m li a:hover,.s_bar_m li a:focus,.s_bar_l li a:hover,.s_bar_l li a:focus{
	color:#fff;
	text-decoration:none;
	text-shadow: none;
	}
	.gl_menu p{
	background-color: #d8b93f;
	margin-left: 10px;
	 width: 494px;
	 margin-bottom: 1px;
	padding-left: 55px ;  
	padding-top: 12px ;    
	padding-bottom: 12px ;    
	font: 17px Arial; 
	color: #ffffff;
	}
	.usl{
	width: 66.3%;
	background: #d7b93f;
	font-size: 19px; 
	color: #ffffff;
	padding-left: 0 ;  
	padding-top: 13px;    
	padding-bottom: 13px; 
	float: left;
	text-align: center;
	margin-left: 1.1%;
	margin-top: 14px;
	text-shadow: -1px -1px 8px #1b1b1b;
	}
	.usl:hover{
	text-shadow: none;
	color: #ffffff;
	}
	.text{
	font-size: 14px;
	}
	.zag{
	margin: 0;
	text-align: center;
	font-size: 19px;
	padding-top: 19px ;    
	padding-bottom: 19px ; 
	color: #ffffff;
	height: 30px;
	}
	.orange .zag{
	background-color: #ee811c;
	}
	.fiolet .zag{
	background-color: #f029f6;
	}
	.red .zag{
	background-color: #fc4444;
	}
	.blue .zag{
	background-color: #0497ff;
	}
	.green .zag{
	background-color: #34cb28;
	}
	.yellow .zag{
	background-color: #d7b93f;
	}
	.footer .zag{
	background-color: #00ccff;
	}

	.str{
	padding: 0 10px 0 30px;

	}
	.orange .str{
	color: #ee811c;
	background: url('/application/style/img/galca_7.png') no-repeat 4% 1%;
	}
	.fiolet .str{
	color: #1f50ac;
	background: url('/application/style/img/galca2_7.png') no-repeat 4% 1%;
	}
	.red .str{
	color: #fc4444;
	background: url('/application/style/img/galca3_7.png') no-repeat 4% 1%;
	}
	.blue .str{
	color: #0497ff;
	background: url('/application/style/img/galca4_7.png') no-repeat 4% 1%;
	}
	.green .str{
	color: #34cb28;
	background: url('/application/style/img/galca5_7.png') no-repeat 4% 1%;
	}
	.yellow .str{
	color: #0198ff;

	}
	.yellow .ops{
	color: #d7b93f;
	padding-left: 15px;
	}
	.yellow .ops a{
	color: #d7b93f;
	}
	.yellow .ops a:hover{
	text-decoration: underline;
	}

	.bgy{
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		width: 100%;
	}
	.text>div{
	float: left;
	width: 32.6%;
	margin-right: 1.1%;
	background-color: #fff;
	margin-bottom: 6px;
	}
	.bgy>div{
	float: left;
	width: 32.6%;
	margin-right: 1.1%;
	background-color: #fff;
	margin-bottom: 10px;
	}

	.text div div{
	margin-left: 0;
	}
	hr{
	height: 1px;
	background-color: #34495e;
	}
	.footer{
	background-color: #e7e1e3;
	width: 100%;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	}
	.footer a{

	}
	.footer p{
	width: 100%;
	}
	.footer .nasi_kl{
	height: 58px;
	}
	.klienti div{
	width: 765px;
	margin: 0 auto;
	background-color: #e7e1e3;
	}
	.footer .zag{
	height: 20px;
	}
	.cont_box{
	background: #f5f5f5;
	margin: 10px 0px;
	padding: 15px;
	}
	.cont_box p{
	text-indent: 0;
	text-align: justify;
	margin:0px;
	margin-left: 2%;
	margin-bottom: 10px;
	}
	.cont_box a{
	display: inherit;
	}
	.text div.bgy{
	width: 100%;
	background: none;
	}
	.bgy>div{
	margin-right: 1.1%;
	}
	a.inlblock{
	display: inline-block;
	}
	.port_blok{
	vertical-align: text-top;
	width: 32%;
	margin-right: 0.6%;
	display: inline-block;
	margin-bottom: 1%;
	}
	.port_blok:hover{
	box-shadow: 1px 1px 3px #888;
	}
	.port_place{
	float: left;
	width: 98%;
	margin-left: 2%;
	}
	#port_show hr {
	background: #666;
	box-shadow: 0 0 6px #AAA;
	margin-bottom: 10px;
	}
	.port_place h2{
	color: #333333;
	font-size: 18px;
	margin: 5px 0px;
	text-align: center;
	width: 99%;}
	/*--------------------------*/
	.portfolio_main{

	}
	.portfolio_main p{
	float: none;
	}
	.port_h1{
	width: 100%;
	}
	.port_h1 h1{
	color: #333333;
	font-size: 20px;
	text-align: center;
	padding: 15px 0px;
	width:99%;
	}
	.port_place input{
	height:40px;
	}
	.portfolio p{
	text-align: justify;
	}
	.portfolio img{

	position: absolute;
	margin-left: -303px;
	margin-top: -93px;
	width: 180px;
	height: 170px;
	}
	.portfolio_main p img{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);;
	max-width: 680px;
	margin-right: 15px;
	}
	.port_cont{
	width: 100%;
	float:left;
	border-right: 1px dashed #fff;
	margin-top: 20px;
	}
	#proc_content3, #opis_content3{
	float:left;
	width: 98%;
	}
	.port_p_new{
	border-radius: 10px;
	background: #FFF;
	width: auto;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 20px;
	margin-right: 20px;
	font-weight: bold;
	box-shadow: 0 0 16px #aaa;
	margin-top: 50px;
	}
	.port_razrab{
	margin: 2%;
	width: 96%;
	float: left;
	background: #fff;
	border: 1px solid #222222;
	box-shadow: 0px 0px 2px 1px #222;
	}
	.port_razrab h3{
	background: #222;
	color: #fff;
	margin: 0px;
	padding: 15px 0px;
	margin-bottom: 10px;
	}
	.port_razrab a{
	color:black;
	display: block;
	}
	.port_razrab a:hover{
	transition: all 0.4s ease;
	color:red;
	}
	input {
	border-radius: 4px;
	color: #555555;
	display: inline-block;
	font-size: 14px;
	height: 17px;
	line-height: 20px;
	padding: 3px;
	vertical-align: middle;
	background: #FCFCFC;
	width: 206px;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	margin: 5px 5px 10px 0px;
	}
	input:focus, textarea:focus {
	border-bottom-color: rgba(82, 168, 236, 0.804);
	border-left-color: rgba(82, 168, 236, 0.804);
	border-right-color: rgba(82, 168, 236, 0.804);
	border-top-color: rgba(82, 168, 236, 0.804);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.071), 0px 0px 8px rgba(82, 168, 236, 0.600);
	outline: 0px none currentColor;
	}
	#port_show hr {
	background: #666;
	box-shadow: 0 0 6px #AAA;
	margin-bottom: 10px;
	}
	.port_razrab strong {
	color: #07acdd;
	}
	#proc_content3 ul{
	margin-left: 10px;
	}
	#opis_content3 ul{
	margin-left: 10px;
	}
	.controls .btn{
	height: 30px;
	}
	table{
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 5px;
	width: 97%;
	box-shadow: 3px 3px 5px #78797A;
	-moz-box-shadow: 3px 3px 5px #78797A;
	-webkit-box-shadow: 3px 3px 5px #78797A;
	}
	tr, th, td {
	padding: 3px;
	line-height: 120%;
	font-family: Arial;
	margin: 0;
	border: 1px solid #808080;
	font-size: 14px;
	}
	/*--------------*/
	#termotek{
	background: url('/application/style/img/termotek.png') no-repeat;
	height:30px;
	width:117px;
	float:left;
	}
	#termotek:hover{
	background: url('/application/style/img/termotek1.png') no-repeat;
	}
	#bloknot{
	background: url('/application/style/img/bloknot.png') no-repeat;
	height:30px;
	width:110px;
	float:left;
	}
	#bloknot:hover{
	background: url('/application/style/img/bloknot1.png') no-repeat;
	}
	#stalprom{
	background: url('/application/style/img/stalprom.png') no-repeat;
	height:30px;
	width:137px;
	float:left;
	}
	#stalprom:hover{
	background: url('/application/style/img/stalprom1.png') no-repeat;
	}
	#texpostavka{
	background: url('/application/style/img/texpostavka.png') no-repeat; 
	height:30px;
	width:121px;
	float:left;
	}
	#texpostavka:hover{
	background: url('/application/style/img/texpostavka1.png') no-repeat;
	}
	#favorit{
	background: url('/application/style/img/favorit.png') no-repeat;
	height:30px;
	width:165px;
	float:left;
	}
	#favorit:hover{
	background: url('/application/style/img/favorit1.png') no-repeat;
	}
	#imperiayaokon{
	background: url('/application/style/img/imperiayaokon.png') no-repeat;
	height:30px;
	width:99px;
	float:left;
	}
	#imperiayaokon:hover{
	background: url('/application/style/img/imperiayaokon1.png') no-repeat;
	}
	#avtouslugi{
	background: url('/application/style/img/avtouslugi.png') no-repeat;
	height:30px;
	width:78px;
	float:left;
	}
	#avtouslugi:hover{
	background: url('/application/style/img/avtouslugi1.png') no-repeat;
	}
	#blago{
	background: url('/application/style/img/blago.png') no-repeat;
	height:30px;
	width:30px;
	float:left;
	}
	#blago:hover{
	background: url('/application/style/img/blago1.png') no-repeat;
	}
	#comp3{
	background: url('/application/style/img/comp3.png') no-repeat;
	height:30px;
	width:56px;
	float:left;
	}
	#comp3:hover{
	background: url('/application/style/img/comp31.png') no-repeat;
	}
	#sila{
	background: url('/application/style/img/sila.png') no-repeat;
	height:30px;
	width:80px;
	float:left;
	}
	#sila:hover{
	background: url('/application/style/img/sila1.png') no-repeat;
	}
	#planeta{
	background: url('/application/style/img/planeta.png') no-repeat;
	height:30px;
	width:39px;
	float:left;
	}
	#planeta:hover{
	background: url('/application/style/img/planeta1.png') no-repeat;
	}
	#complife{
	background: url('/application/style/img/complife.png') no-repeat;
	height:30px;
	width:82px;
	float:left;
	}
	#complife:hover{
	background: url('/application/style/img/complife1.png') no-repeat;
	}
	.partneris div{
	margin: 6px 11px;
	}
	.partneris a{
	margin-left: 10px;
	float: left;
	}
	.soc_seti{
	width: 100%;
	}
	.boxtel{
	width: auto;
	}
	select{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 220px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	color: #555555;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 3px;
	vertical-align: middle;
	}
	select:focus {
	outline: thin dotted #333333;
	outline-offset: -2px;
	}
	.blue3{
	background: #01c1e3;
	padding: 1px;
	color: #000;
	}
	.red1{
	background-color: #e5567b;
	padding: 1px;
	color: #000;
	}
	.green1{
	background: #5bd999;
	padding: 1px;
	color: #000;
	}
	.cont_box.newsh2{
	margin: 0;
	margin-top: 10px;
	padding: 0;
	} 
	.cont_box.newsh2 a:hover h2{
	color: #fff;
	}
	.item_news{
	padding: 10px;
	}
	.item_news h2{
	text-decoration: none;
	}
	.item_news:nth-child(2n){
	background: #BCD5EC;
	}
	.item_news:nth-child(2n+1){
	background: #f4f4f4;
	}
	.port_blok img{
	max-width: 99%;
	border: 1px solid #222222;
	}
	.port_blok p{
	text-indent: 0px; 
	text-align: center;
	}
	.cont_box.nonepadding{
	padding:0;
	margin: 0;
	margin: 10px 0px;
	}
	.rght{
	float: none;
	margin-left: 0.1%;
	}
	.feedback{
	color: #fff;
	line-height: 100%;
	font-weight: bold;
	float: left;
	text-shadow: -1px -1px 8px #1b1b1b;
	}
	.feedback:hover{
	text-shadow: none;
	color: #fff;
	}
	.ok{background: #eac14d url('/application/style/img/ok.png') no-repeat 50% 50%;
	background-size: 20%;}
	.vk{background: #446cb3 url('/application/style/img/480 (13).png') no-repeat 50% 50%; background-size: 70%;}
	.cont_box #nasha_komanda img {
	max-width: 250px;
	}
	.cont_box #nasha_komanda td+td{
	padding: 8px;
	}
	.soc_seti a:hover {
	opacity:0.7;
	}

	.icon001 {
	transition: all 0.3s;
	background: #00addc;
	}
	.over2 {
	overflow: hidden;
	margin-left: 78px;
	}
	.vidv li{
	transition: all 0.3s;
	position: relative;
	float: left;
	list-style: none;
	width: auto;
	display: table;
	border-left: 1px solid #fff;
	margin: 3px 7px;
	padding-left: 7px;
	line-height: 1.0;
	}
	.vidv li a {
	text-align: center;
	color: #fff;
	text-decoration: none;
	}
	.vidn {
	cursor: pointer;
	float: left;
	position: absolute;
	z-index: 10;
	width: 65px;
	border-radius: 4px;
	padding: 30px 6px;
	color: #fff;
	border: 1px solid #353535;
	}
	.vidv {
	position: relative;
	border-radius: 4px;
	height: 80px;
	background: #00addc;
	float: right;
	border: 1px solid #353535;
	margin: 0px;
	width: 95%;
	padding-left: 10px;
	}
	.vidn:hover + .over2 ul.vidv, ul.vidv:hover {
	transition: all 0.5s;
	color: #f1f1f1;
	}
	.over {
	overflow: hidden;
	margin-left: 30px;
	height: 87px;
	}
	.port_a{
	background: #69baf2;
	color: #fff;
	height: 30px;
	width: auto;
	line-height: 30px;
	padding: 3px 10px;
	vertical-align: middle;
	margin: 5px 5px 10px 0px;
	float: left;
	border: 2px solid #5696C2;
	border-radius: 4px;
	font-size: 14px;
	}
	.port_a a{
	color: #fff;
	line-height: 30px;
	font-size: 14px;
	text-decoration: none;
	}
	.port_a:hover{
	border: 2px solid #78C7FD;
	text-shadow: 2px 2px 3px #fff;
	}
	.over2sd{
	width: 90px;
	position: absolute;
	margin: -10px;
	}
	.vidv li a:hover {
	color: #000;
	}
}
@media only screen and (min-width: 940px) and (max-width: 1400px) {
#content1{display:none;}
#content2{display:none;}
#content3{display:none;}
#content4{display:block;}
#content5{display:none;}

#hds1{display:none;}
#hds2{display:none;}
#hds3{display:none;}
#hds4{display:block;}
#hds5{display:none;}

#fts1{display:none;}
#fts2{display:none;}
#fts3{display:none;}
#fts4{display:block;}
#fts5{display:none;}

	html, body, div, applet, object, iframe,
	h1, h3, h4, h5, h6, blockquote, pre,
	abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	 u, i, center,
	dl, dt, dd, ol, ul,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead,
	article, aside, canvas, details, embed,
	figure, figcaption, hgroup,
	nav, output, ruby, section, summary,
	time, mark, audio, video {
		font-family: Arial;
		margin: 0;
		border: 0;
		font-size: 13px;
		transition: background 0.3s ease;
		 line-height: initial; 
	}
	h1{
	color: #333333;
	font-size: 24px;
	text-align: center;
	padding: 15px 0px;
	width:99%;
	}
	h2{
	color: #333333;
	font-size: 18px;
	margin: 5px 0px;
	text-align: center;
	width:99%;
	}
	h3{
	color: #333333;
	text-align: center;
	margin: 5px 0px;
	font-size: 18px;
	width:99%;
	}
	h4{
	color: #333333;
	font-size: 14px;
	margin: 5px 0px;
	width: 99%;
	}
	h5{
	color: #132445;
	font-size: 16px;
	text-align: center;
	width:99%;
	}
	p {
	color: #333333;
	float: left;
	margin: 5px;
	padding: 0px;
	}

	li{
	color: #333333;
	font-size: 13px;
	float: left;
	margin: 5px;
	padding: 0px;
	width:99%;
	}

	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
	margin: 0px;
	background-color: #e0ddde;
	}
	blockquote, q {
		quotes: none;
	}
	label {
	float: left;
	padding-top: 5px;
	text-align: right;
	width: 160px;
	color: #222222;
	display: block;
	margin-bottom: 5px;
	line-height: 20px;
	}
	select:focus{
	outline: thin dotted #333333;
	outline-offset: -2px;
	}
	select {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 220px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	color: #555555;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 3px;
	vertical-align: middle;
	}
	input:focus, textarea:focus{
	border-bottom-color: rgba(82, 168, 236, 0.804);
	border-left-color: rgba(82, 168, 236, 0.804);
	border-right-color: rgba(82, 168, 236, 0.804);
	border-top-color: rgba(82, 168, 236, 0.804);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.071), 0px 0px 8px rgba(82, 168, 236, 0.600);
	outline: 0px none currentColor;
	}
	input{
	border-radius: 4px;
	color: #555555;
	display: inline-block;
	font-size: 14px;
	height: 17px;
	line-height: 20px;
	padding: 3px;
	vertical-align: middle;
	background: #FCFCFC;
	width: 206px;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	margin: 5px 5px 10px 0px;
	}
	textarea{
	border-radius: 4px;
	color: #555555;
	display: inline-block;
	font-size: 14px;
	height: auto;
	line-height: 20px;
	padding: 3px;
	vertical-align: middle;
	background: #FCFCFC;
	width: 400px;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	margin: 5px 5px 10px 0px;
	}
	.btn:hover {
	outline: thin dotted #333333;
	outline-offset: -2px;
	background-position: 0px -15px;
	color: #333333;
	text-decoration: none;
	transition: background-position 0.1s cubic-bezier(0, 0, 1, 1) 0;
	background-color: #E6E6E6;
	color: #333333;
	}

	.btn {
	background-color: #F5F5F5;
	background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
	background-repeat: repeat-x;
	border-bottom: 1px solid #B3B3B3;
	border-left: 1px solid #CCCCCC;
	border-radius: 4px;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.196), 0px 1px 2px rgba(0, 0, 0, 0.047);
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0px;
	padding: 4px 12px;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.749);
	vertical-align: middle;
	width:auto;
	height: 30px;
	}
	/* Блоки */

	.zagl {
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	text-align: center;
	padding: 25px 0 0;
	color: black;
	}

	.jirzagl {
	color:white;
	text-align:center;
	font-size: 56pt;
	font-family: 'Roboto', sans-serif;
	padding: 0 0px 0 40px;
	font-weight: bold;
	}

	.mhtext {
	color: white;
	text-align: left;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	padding: 25px 15px 0px 15px;
	line-height: 1.4;
	min-height: 425px;
	height: auto;
	}
	.mhtext p{
	text-indent: 15px;
	float: none;
	}
	.mhtextleft{
	float: left;
	width: 300px;
	margin-top: 2px;
	margin-right: 15px;
	}
	.krasnbtnianketa{ 
	width:40%;
	float:right;
	position:relative;
	z-index:10;
	display: block;
	}

	.krasnbtniphone {
	display: block;
	width: 50%;
	float: left;
	position: relative;
	z-index: 10;
	margin-left: -136px;
	}

	.img_anketa {
	width: 170px;
	background-image: url(/application/style/img/icon17.png);
	background-repeat:no-repeat;
	background-size: 16%;
	background-position: 25% 45%; 
	height:60px;
	border-radius: 10px;
	padding:10px 10%;
	color:white;
	font-size: 20pt;
	text-align:right;
	position:absolute;
	top: 0.3em; left:10%;
	z-index:10;
	}

	.img_phone {
	width: 170px;
	background-image: url(/application/style/img/icon222.png);
	background-repeat:no-repeat;
	background-size: 20%;
	background-position: 25% 45%; 
	height:60px;
	border-radius: 10px;
	padding:10px 9%;
	color:white;
	font-size: 20pt;
	text-align:right;
	position:absolute;
	top: 0.3em; right:16%;
	z-index:10;
	}

	.imgofis {
	background-image: url(/application/style/img/icon1.jpg);
	background-repeat:no-repeat;
	}

	.anketa_button {
	width: 170px;
	background: linear-gradient(to bottom, #ea1450, #cc0140);
	height:60px;
	border-radius: 10px;
	padding:10px 9%;
	color:white;
	font-size: 20pt;
	text-align:right;
	position:absolute;
	top: 0.3em;
	left:16%;
	z-index:5;
	}

	.phone_button {
	width: 170px;
	background: linear-gradient(to bottom, #ea1450, #cc0140);
	height:60px;
	border-radius: 10px;
	padding:10px 9%;
	color:white;
	font-size: 20pt;
	text-align:right;
	position:absolute;
	top: 0.3em;
	right:16%;
	z-index:5;
	}

	#telefon{
	background: url("/application/style/img/telefons.png");
	width: 100%;
	height:31px;
	}
	#telefons{
	width:1000px;
	height:31px;
	left:50%;
	position:absolute;
	margin-left: -500px;
	z-index: 5;
	}
	#header{
	background-color: #cccccc;
	width: 100%;
	height: 105px;
	}


	#headers{
	background: url("/application/style/img/header.png");
	width:1000px;
	height:105px;
	left:50%;
	position:absolute;
	margin-bottom:-50px;
	margin-left: -500px;
	}
	#sluder{
	background: url("/application/style/img/sluder.png");
	width: 100%;
	height: 125px;
	}
	.sluder{
	left: 50%;
	height: 280px;
	margin-left: -500px;
	margin-top: -156px;
	position: absolute;
	width: 1000px;
	}
	#myCarousel{
		margin-top: 60px;
	}
	#uslugi{
	background: url("/application/style/img/uslugi.png");
	width: 100%;
	height: 182px;
	border-top: 1px solid #f1f1f1;
	}
	#uslugis{
	width:1000px;
	height: 191px;
	left:50%;
	position:absolute;
	margin-left: -500px;
	overflow-y: hidden;
	}
	#content4{
	background: #e0ddde url('/application/style/img/conten.png') repeat-x;
	width: 100%;
	min-height:578px;
	float: left;
	}
	#contents{
	background: #e0ddde url('/application/style/img/content.gif') repeat-x;
	width:1000px;
	height: 563px;
	left:50%;
	position: relative;
	padding-top: 35px;
	margin-left: -500px;
	}
	#contents2{
	background: #e0ddde url('/application/style/img/content.png') repeat-x;
	width:1000px;
	left:50%;
	position: relative;
	padding-top: 15px;
	margin-left: -500px;
	overflow-y:auto;
	}
	#partneri{
	background: url("/application/style/img/partneri.png");
	width: 100%;
	min-height:93px;
	float: left;
	}
	#partneris{
	width:1000px;
	left:50%;
	float: left;
	position: relative;
	margin-left: -500px;
	}
	#partneris img{
	margin: 6px 30px;
	height:30px;
	}
	#footer{
	background: url("/application/style/img/footer.png");
	width: 100%;
	min-height:105px;
	float: left;
	}
	#footers{
	width:1000px;
	height:105px;
	left:50%;
	position: relative;
	margin-left: -500px;
	float: left;
	}
	#vk{
	background: url("/application/style/img/vk.png");
	width:45px;
	height:45px;
	margin: -5px 13px 0px 10px;
	float: left;
	}
	#vk:hover{
	background: url("/application/style/img/vk1.png");
	}
	#od{
	background: url("/application/style/img/od.png");
	width:45px;
	height:45px;
	margin: -5px 13px 0px 10px;
	float: left;
	}
	#od:hover{
	background: url("/application/style/img/od1.png");
	}
	#tw{
	background: url("/application/style/img/tw.png");
	width:45px;
	height:45px;
	margin: -5px 13px 0px 10px;
	float: left;
	}
	#tw:hover{
	background: url("/application/style/img/tw1.png");
	}
	#fb{
	background: url("/application/style/img/fb.png");
	width:45px;
	height:45px;
	margin: -5px 13px 0px 10px;
	float: left;
	}
	#fb:hover{
	background: url("/application/style/img/fb1.png");
	}
	#goog{
	background: url("/application/style/img/goog.png");
	width:45px;
	height:45px;
	margin: -5px 13px 0px 10px;
	float: left;
	}
	#goog:hover{
	background: url("/application/style/img/goog1.png");
	}
	#rss{
	background: url("/application/style/img/rss.png");
	width:45px;
	height:45px;
	margin: -5px 13px 0px 10px;
	float: left;
	}
	#rss:hover{
	background: url("/application/style/img/rss1.png");
	}
	.socseti{
	margin: 0px;
	padding: 0px;
	text-indent:0px;
	}
	/* Слайдер */
	#jFlowCredits {
		text-align: left;
		margin: 0 auto;
		width: 800px;
	}
	#jFlowCredits h1 {
		color: #666;
		font-weight: normal;
		font-size: 90px;
		line-height: 1.1em;
		text-shadow: 1px 1px 1px #FFF;
		margin: 20px 0 0 0;
	}
	#jFlowCredits h1 span {
		font-style: italic;
		background-color: #CCC;
		font-size: 40px;
		color: #FFF;
		text-shadow: 1px 1px 1px #999;

	}
	#jFlowCredits h2 {
	color: #222222;
	float: left;
	font-size: 22px;
	margin: 10px 5px 5px;
	}
	#jFlowCredits p{
	color: #222222;
	float: left;
	font-size: 18px;
	margin: 10px 5px 5px;
	}
	#jFlowCredits h2 a {
		color: #FFF;
		text-decoration: none;
			text-shadow: 1px 1px 1px #999;
	}
	#jFlowCredits h2 a:hover {
	transition: all 0.4s ease;
		text-decoration: underline;
		background-color: #CCC;
		color: #FFF;
	}
	#container {
	height: 300px;
	margin: 0px auto;
	position: relative;
	width: 800px;
	}
	.jFlowSlideContainer a {
		color: #222222;
		text-decoration: none;
	}
	.jFlowSlideContainer a:hover {
	transition: all 0.4s ease;
		color: red;
		text-decoration: none;
		border-bottom: 1px dotted red;
	}
	.jFlowSlideContainer a:focus {
		position: relative;
		top: 1px;
	}
	.jFlowNext div {
		background:url("/application/style/img/slider/arrows.png") no-repeat scroll 0 -35px transparent;
		height:130px;
		position:absolute;
		top:50px;
		right: -64px;
		width:64px;
		cursor:pointer;
		transition: none;
	}
	.jFlowPrev div {
		background:url("/application/style/img/slider/arrows.png") no-repeat scroll -70px -35px transparent;
		height:130px;
		position:absolute;
		top:50px;
		left: -64px;
		width:64px;
		cursor:pointer;
		transition: none;
	}
	.jFlowPrev div:hover {
		background-position: -70px -235px;
	}
	.jFlowNext div:hover {
		background-position: 0px -235px;
	}
	/* Слайдер */

	/* Дополнительно */
	#menu{
	float: right;
	margin-top: 30px;
	margin-right: 35px;
	height: 60px;
	width: 458px;
	}
	#uslugis p{
	text-indent:15px;
	text-align: justify;
	}
	#html p{
	float:none;
	text-indent:15px;
	text-align: justify;
	}
	#html a{
	color:#07acdd;
	}
	#html a:hover{
	color:red;
	}
	#menuicons p{
	text-align: justify;
	}
	#menu div{
	float: left;
	margin-left: 51px;
	margin-top: 5px;
	width: 30px;
	height: 30px;
	transition: all 0.4s ease;
	}
	#menu p{
	float:left;
	transition: all 0.4s ease;
	}
	#menu p:hover{
	color: #f00;
	}
	#divm1{background: url("/application/style/img/glav1.png");}
	#divm2{background: url("/application/style/img/komanda1.png");}
	#divm3{background: url("/application/style/img/nas1.png");}
	#divm4{background: url("/application/style/img/usl1.png");}
	#divm5{background: url("/application/style/img/kont1.png");}
	#divm1:hover{background: url("/application/style/img/glav2.png");}
	#divm2:hover{background: url("/application/style/img/komanda2.png");}
	#divm3:hover{background: url("/application/style/img/nas2.png");}
	#divm4:hover{background: url("/application/style/img/usl2.png");}
	#divm5:hover{background: url("/application/style/img/kont2.png");}
	#m1{margin: 0px 10px 0px 44px;}
	#m2{margin: 0px 10px 0px 30px;}
	#m3{margin: 0px 10px 0px 23px;}
	#m4{margin: 0px 16px 0px 16px;}
	#m5{margin: 0px 10px 0px 16px;}
	#zvon{
	background: url("/application/style/img/zakazat.png");
	width: 186px;
	height: 45px;
	float:left;
	}
	#zvon:hover{
	background: url("/application/style/img/zakazat2.png");
	}
	#telefons p{font-family: Arial;float: left; color: #fff; font-size: 18px;padding: 0px;margin: 6px 40px 0px 0px;font-style: italic;}
	#telefons img{float: right;margin: 0px;padding: 0px;width: 187px;}
	.usl{height: 160px;width: 310px;float:left;margin: 10px;line-height: 140%;}
	#uslugis img{float:left;}
	.usl h2{float:left;}
	.usl img{margin: 0px 10px 0px 45px;}
	

.btn1 {
	box-shadow: none !important;
	border-radius: 5px;
	font-size: 15px;
	position: relative;
	color: #333333;
	
background: #fefefe;
	 /* Old browsers */
background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%);
	 /* Chrome10+,Safari5.1+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8));
	 /* Chrome,Safari4+ */
background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
	 /* FF3.6+ */
background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%);
	 /* IE10+ */
background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%);
	 /* Opera 11.10+ */
background: linear-gradient(to bottom, #fefefe 0%,#e8e8e8 100%);
	 /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8e8e8',GradientType=0 );
	 /* IE6-8 */
;
	border: 1px solid #c1c1c1;
  	padding: 5px 13px 7px;
  	font-weight:bold;
}
.btn1:after {
  	content: "\f0da";
	position: relative;
	padding-left: 10px;
	font-size: 15px;
	display: inline-block;
	color: #07acdd;
  	display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn1 a {
	padding: 0 !important;
	border: none !important;
}
#podrobnee{float:left;height: 35px;width: 140px;text-align: right;}
#podrobnee {
	/* padding: 0px; */
	
background: #07acdd;
	 /* Old browsers */
background: -webkit-linear-gradient(top, #07acdd 0%,#04A3D2 100%);
	 /* Chrome10+,Safari5.1+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07acdd), color-stop(100%,#04A3D2));
	 /* Chrome,Safari4+ */
background: -moz-linear-gradient(top, #07acdd 0%, #04A3D2 100%);
	 /* FF3.6+ */
background: -ms-linear-gradient(top, #07acdd 0%,#04A3D2 100%);
	 /* IE10+ */
background: -o-linear-gradient(top, #07acdd 0%,#04A3D2 100%);
	 /* Opera 11.10+ */

	background: linear-gradient(to bottom, #07acdd 0%,#04A3D2 100%);
	 /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07acdd', endColorstr='#04A3D2',GradientType=0 );
	 /* IE6-8 */
;
  	border: none;
	color: #ffffff;
  	font-weight: normal;
}
#podrobnee:after {
 	display: none; 
}
#podrobnee i {
	border-radius: 5px 0px 0px 5px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0;
	width: 38px;
	color: #ffffff;
  	
background: #3f3f3f;
	 /* Old browsers */
background: -webkit-linear-gradient(top, #3f3f3f 0%,#171717 100%);
	 /* Chrome10+,Safari5.1+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#171717));
	 /* Chrome,Safari4+ */
background: -moz-linear-gradient(top, #3f3f3f 0%, #171717 100%);
	 /* FF3.6+ */
background: -ms-linear-gradient(top, #3f3f3f 0%,#171717 100%);
	 /* IE10+ */
background: -o-linear-gradient(top, #3f3f3f 0%,#171717 100%);
	 /* Opera 11.10+ */
background: linear-gradient(to bottom, #3f3f3f 0%,#171717 100%);
	 /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#171717',GradientType=0 );
	 /* IE6-8 */
;
  	padding-top: 8px;
  	font-size: 18px;
}
#podrobnee span {
  	display: block;
	position: absolute;
	left: 38px;
	top: 12px;
	border: 5px solid;
	border-color: transparent transparent transparent #333333;
}
#podrobnee:hover {
	
background: #3f3f3f;
	 /* Old browsers */
background: -webkit-linear-gradient(top, #3f3f3f 0%,#171717 100%);
	 /* Chrome10+,Safari5.1+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#171717));
	 /* Chrome,Safari4+ */
background: -moz-linear-gradient(top, #3f3f3f 0%, #171717 100%);
	 /* FF3.6+ */
background: -ms-linear-gradient(top, #3f3f3f 0%,#171717 100%);
	 /* IE10+ */
background: -o-linear-gradient(top, #3f3f3f 0%,#171717 100%);
	 /* Opera 11.10+ */
background: linear-gradient(to bottom, #3f3f3f 0%,#171717 100%);
	 /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#171717',GradientType=0 );
	 /* IE6-8 */
;
  	color: #ffffff;
  	border: none;
}
#podrobnee:hover i,
#podrobnee:focus i {
	
background: #07acdd;
	 /* Old browsers */
background: -webkit-linear-gradient(top, #07acdd 0%,#04A3D2 100%);
	 /* Chrome10+,Safari5.1+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07acdd), color-stop(100%,#04A3D2));
	 /* Chrome,Safari4+ */
background: -moz-linear-gradient(top, #07acdd 0%, #04A3D2 100%);
	 /* FF3.6+ */
background: -ms-linear-gradient(top, #07acdd 0%,#04A3D2 100%);
	 /* IE10+ */
background: -o-linear-gradient(top, #07acdd 0%,#04A3D2 100%);
	 /* Opera 11.10+ */
background: linear-gradient(to bottom, #07acdd 0%,#04A3D2 100%);
	 /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07acdd', endColorstr='#04A3D2',GradientType=0 );
	 /* IE6-8 */
;
}
#podrobnee:hover span,
#podrobnee:focus span{
	border-color: transparent transparent transparent #07acdd;
}
#podrobnee:focus{
  	color: #ffffff;
  	border: none;
}
.fa-shopping-cart:before {
	content: "";
	width: 20px;
	background-image: url('/application/style/img/korzina26589.png');
	height: 17px;
	float: left;
	background-size: 100%;
	margin-left: 8px;
	margin-top: 2px;
}

	#html{
	float:left;
	padding: 10px;
	width: 700px;
	border-right: 1px solid #E7EAED;
	}
	#news{
	float:right;
	padding: 10px;
	width: 252px;
	}
	#footers p{
	float:left;
	color:#fff;
	padding: 10px;
	}
	.center_footer a{
	float:left;
	color:#fff;
	padding: 10px 42px;
	}
	#footers span{
	float:left;
	color:#fff;
	padding: 10px;
	}
	#verh_footer{
	width: 1000px;
	height: 26px;
	padding: 20px;
	}
	#niz_footer{
	width: 1000px;
	height: 37px;
	padding-top:3px;
	}
	#menuicon a {
	border-bottom: 1px solid #07acdd;
	float: left;
	font-size: 16px;
	width: 250px;
	}
	#menuicon p {
	color: #07acdd;
	}
	#menuicon a:hover{
	border-bottom: 1px solid red;
	}
	#menuicon p:hover{transition: all 0.4s ease;color: red;}
	#menuicon{
	float: left;
	width: 252px;
	height:auto;
	margin-top:20px;
	}
	#menuicons{
	float: left;
	width: 252px;
	height:auto;
	margin-top:20px;
	}
	#menuicons a{
	text-decoration: none;
	}
	#menuicons h4{
	font-style: italic;
	}
	#menuicons a{
	color:black;
	}
	#menuicons a:hover{color:red;transition: all 0.4s ease;}
	#blok_white{
	border-top: 1px dotted #07acdd;
	border-bottom: 1px dotted #07acdd;
	float: left;
	width: 245px;
	}
	.center_footer{margin-left: 48px;margin-left: 58px;}
	#vide-youtube{margin-bottom:10px; height: auto;}
	#blockleft{margin: 0px; float:left; width: 335px;}
	#blockleft h2{text-align: left;padding: 0px;}
	#blockleft p{text-indent: 0px;width: 335px;}
	#blockleft img{margin-right: 10px;}
	#blockright{margin: 0px; float:right; width: 335px;}
	#blockright h2{text-align: right;padding: 0px;}
	#blockright p{text-indent: 0px;width: 335px;}
	#blockright img{margin-right: 10px;}
	#blockright span{color: #04273A;font-family: Arial;font-size: 14px;font-weight: 700;}
	#blockcenter{margin:10px; float:right; width: 695px;}
	#blockcenter span{color: #04273A;font-family: Monotype Corsiva;font-size: 22px;font-weight: 700;}
	#blockcenter p{float:left;width: 585px; margin:10px;}
	#blockcenter img{float:left; margin-left: 15px; margin-right: 14px; height:55px;width: 55px;}
	hr{border-top: 1px solid #FAFAFA; width: 98%; float:left;}
	#number{
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
	font-size:13px;
	text-align:center;
	line-height:16px;
	font-weight:bold;
	border:2px #990000 solid;
	-webkit-border-radius: 11px;
	-moz-border-radius:11px;
	border-radius: 11px;}
	#com_styl{
	width: 570px;
	border-radius: 10px;
	padding: 10px;
	margin: -35px 5px 10px 88px;
	border: 1px solid #990000;
	color: #990000;
	box-shadow: 3px 3px 5px #990000;
	-moz-box-shadow: 3px 3px 5px #990000;
	-webkit-box-shadow: 3px 3px 5px #990000;
	}
	#com_styl_img{float: none;margin: 5px 0px 0px 70px;width: 20px;}
	#com_styl_img3{float: none;margin: 5px 0px 0px 280px;width: 20px;}
	#com_styl_img2{float: right;margin: 0px 0px 0px 10px;width: 70px;}
	.sitepr img{float:right; margin: 10px;width: 110px;}
	.sitepr span{color:#04273A; font-weight:bold;}
	.sitepr p{float: none;}
	#perechisl{margin: 0px 10px;}
	#com_styl_min{
	width: 300px;
	height: 69px;
	border-radius: 10px;
	padding: 10px;
	margin: -35px 5px 10px 298px;
	border: 1px solid #990000;
	color: #990000;
	box-shadow: 3px 3px 5px #990000;
	-moz-box-shadow: 3px 3px 5px #990000;
	-webkit-box-shadow: 3px 3px 5px #990000;
	}


form{
margin: 0 !important;
}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  float: right;
  border-bottom: 0px solid #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;    
}

nav li {
  float: left;          
}

nav #login {
  border-right: 0px solid #ddd;
  -moz-box-shadow: 0px 0 0 #fff;
  -webkit-box-shadow: 0px 0 0 #fff;
  box-shadow: 0px 0 0 #fff;  
}

nav #login-trigger,
nav #signup a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration: none; 
background: linear-gradient(to bottom, #ea1450, #cc0140);color: #fff;padding: 10px 30px;border-radius: 4px;  
  margin-top: -15px; float: left;
}
.hryas{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration: none; 
background: linear-gradient(to bottom, #ea1450, #cc0140);color: #fff;padding: 10px 30px;border-radius: 4px;  
  margin-top: -15px; float: left;
}


nav #login-content {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 1000;    
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image: -webkit-linear-gradient(top, #fff, #eee);
  background-image: -moz-linear-gradient(top, #fff, #eee);
  background-image: -ms-linear-gradient(top, #fff, #eee);
  background-image: -o-linear-gradient(top, #fff, #eee);
  background-image: linear-gradient(top, #fff, #eee);  
  padding: 15px;
  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,.9);
  -moz-border-radius: 3px 0 3px 3px;
  -webkit-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px;
}

nav li #login-content {
  right: 0;
  width: 260px;  
}

/*--------------------*/

#inputs input {
  background: #f1f1f1;
  padding: 6px 5px;
  margin: 0 0 5px 0;
  width: 238px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 1px #ccc inset;
  -webkit-box-shadow: 0 1px 1px #ccc inset;
  box-shadow: 0 1px 1px #ccc inset;
}

#inputs input:focus {
  background-color: #fff;
  border-color: #e8c291;
  outline: none;
  -moz-box-shadow: 0 0 0 1px #e8c291 inset;
  -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
  box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/

#login #actions {
  margin: 0px;
}

#login #submit {        
  background-color: #d14545;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e97171), to(#d14545));
  background-image: -webkit-linear-gradient(top, #e97171, #d14545);
  background-image: -moz-linear-gradient(top, #e97171, #d14545);
  background-image: -ms-linear-gradient(top, #e97171, #d14545);
  background-image: -o-linear-gradient(top, #e97171, #d14545);
  background-image: linear-gradient(top, #e97171, #d14545);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
  border: 1px solid #7e1515;
  float: left;
  height: 30px;
  padding: 0;
  width: 100px;
  cursor: pointer;
  font: bold 14px Arial, Helvetica;
  color: #fff;
}

#login #submit:hover,
#login #submit:focus {        
  background-color: #e97171;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d14545), to(#e97171));
  background-image: -webkit-linear-gradient(top, #d14545, #e97171);
  background-image: -moz-linear-gradient(top, #d14545, #e97171);
  background-image: -ms-linear-gradient(top, #d14545, #e97171);
  background-image: -o-linear-gradient(top, #d14545, #e97171);
  background-image: linear-gradient(top, #d14545, #e97171);
}    

#login #submit:disabled{
  background-color: #888;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#888), to(#999));
  background-image: -webkit-linear-gradient(top, #888, #999);
  background-image: -moz-linear-gradient(top, #888, #999);
  background-image: -ms-linear-gradient(top, #888, #999);
  background-image: -o-linear-gradient(top, #888, #999);
  background-image: linear-gradient(top, #888, #999);
  color:#BBB;
}
#login #submit:active {        
  outline: none;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;        
}

#login #submit::-moz-focus-inner {
  border: none;
}

#login label {
  float: right;
  line-height: 30px;
}

#login label input {
  position: relative;
  top: 2px;
  right: 2px;
}

nav{
float: left;
margin-top:18px;
}

fieldset {
  border: 0px groove threedface;
}

	/* Начало слайдер */
	.pc_container {
		width: 1000px;
		height: 200px;
		padding: 15px 1px 47px 1px;
		background-image: url(' //application/style/img/slider/pc_bg.png');
		margin: 0px auto;
		margin-top: -170px;
	}
	.pc_container .pc_item {
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
		width: 972px;
		height: 200px;
		background-image: url(' //application/style/img/slider/pc_bg12.gif');
	}
	.pc_container .pc_bar_container {
		position: absolute;
		top: 230px;
		color: white;
		padding: 0px 10px 0px 10px;
		width: 100%;
		overflow:visible;
		margin-top: 18px;
	}
	.pc_bar_container_underflow {
		width: 90000px;
		overflow: visible;
	}
	.pc_bar_container_overflow {
		overflow: hidden;
		position: absolute;
		top: 230px;
		color: white;
		margin: 0px 10px 0px 10px;
		margin-top: 18px;
		padding: 0px;
	}
	.left, .center, .right {
		background-position: left;
		background-repeat: no-repeat;
		overflow: hidden;
		font-size: 1px;
		float: left;
	}
	.bar {
		background-position: left;
		overflow: hidden;
		font-size: 1px;
		float: left;
	}
	.pc_item .desc {
		position: absolute;
		width: 525px;
		padding: 10px;
		height: 180px;
		line-height: 1.8em;
		right: 0px;
		margin-right: 30px;
	}
	.pc_item .desc h1 {
		color: #f00;
	}
	.container {
		width: 602px;
		margin: 0px auto;
	}
	.container a {
		color: #f00;
	}
	.container h1 {
		color: #f00;
	}
	.container p {
		padding-bottom: 10px;
	}
	.desc p{
	text-indent: 15px;
	text-align:justify;
	}
	.desc a{
	text-decoration: none;
	}
	#mySlides h2{float:left; margin-left:30px;width:380px;font-size: 16px;}
	#mySlides h2:hover{color:#f00;transition: all 0.4s ease;}
	#mySlides img{float:left; margin-left:25px;}
	#mySlides p{float:left; margin-left:20px; width:535px; font-size: 13px; font-style: italic; text-align: justify; text-indent: 25px;}
	/* Конец слайдер */
	table{
	border-collapse: collapse;
	border-spacing: 0px;
	margin:5px;
	width:97%;
	box-shadow: 3px 3px 5px #78797A;
	-moz-box-shadow: 3px 3px 5px #78797A;
	-webkit-box-shadow: 3px 3px 5px #78797A;
	}
	tr, th, td {
		padding: 3px;
		line-height:120%;
		font-family: Arial;
		margin: 0;
		border:1px solid #808080;
		font-size: 14px;
	}
	td  a{
	font-size: 14px;
	color:#495DA5;
	text-decoration: none;
	}
	td  a:hover{
	transition: all 0.4s ease;
	color:#495DA5;
	}
	#html h2{float:left;}
	#kartistudio{float:left;}
	.form-horizontal .controls {
	margin-left: 180px;
	}
	#newslet{
	padding:5px 0px;
	width:99%;
	float:left;
	border-bottom: 1px dotted #222222;
	}
	#newslets{
	text-decoration: none;
	}
	/*Портфолио*/
	#port_show{
	height:auto;
	}
	#port_show hr{
	background: #666;
	box-shadow: 0 0 6px #AAA;
	margin-bottom: 10px;
	}
	#contents2 input{
	height:40px;
	width:162px;
	}
	.port_place{
	width:985px;
	float:left;
	}
	.port_place input{
	height:40px;
	width:auto;
	}
	.port_blok{
	width: 31%;
	margin-left: 1.6%;
	margin-bottom: 2%;
	display: inline-block;
	vertical-align: text-top;
	}
	.port_blok img:hover{
	border: 3px solid #00addc;
	}
	.port_h1{
	width: 100%;
	}
	.portfolio p{
	text-align: justify;
	}
	.portfolio img{
	position: absolute;
	margin-left: -170px;
	margin-top: -140px;
	width: 140px;
	height: 140px;
	}
	.port_p{
	border-radius: 10px;
	background: #FFF;
	width: 635px;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 20px;
	font-weight: bold;
	box-shadow: 0 0 16px #aaa;
	}
	.port_p_new{
	border-radius: 10px;
	background: #FFF;
	width: auto;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 20px;
	margin-right: 20px;
	font-weight: bold;
	box-shadow: 0 0 16px #aaa;
	}
	.portfolio_main p{
	float: none;
	}
	.portfolio_main p img{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);;
	max-width: 680px;
	margin-right: 15px;
	}
	#proc_content4, #opis_content4{
	float:left;
	width: 700px;
	}
	.port_razrab{
	margin-top: -48px;
	width: 260px;
	float: right;
	background: #fff;
	border: 1px solid #222222;
	border-radius: 4px;
	padding: 10px;
	box-shadow: 0px 0px 5px 1px #222;
	}
	.port_razrab h3{
	color: #fff;
	background: #222222;
	width: 280px;
	margin: -10px 0px 0px -10px;
	padding: 10px 0px 12px 0px;
	}
	.port_razrab a{
	color:black;
	display: block;
	}
	.port_razrab a:hover{
	transition: all 0.4s ease;
	color:red;
	}
	/*Конец портфолио */
	#termotek{
	background-image: url('/application/style/img/termotek.png');
	height:30px;
	width:117px;
	float:left;
	margin: 6px 30px;
	}
	#termotek:hover{
	background-image: url('/application/style/img/termotek1.png');
	}
	#bloknot{
	background-image: url('/application/style/img/bloknot.png');
	height:30px;
	width:110px;
	float:left;
	margin: 6px 30px;
	}
	#bloknot:hover{
	background-image: url('/application/style/img/bloknot1.png');
	}
	#stalprom{
	background-image: url('/application/style/img/stalprom.png');
	height:30px;
	width:137px;
	float:left;
	margin: 6px 30px;
	}
	#stalprom:hover{
	background-image: url('/application/style/img/stalprom1.png');
	}
	#texpostavka{
	background-image: url('/application/style/img/texpostavka.png');
	height:30px;
	width:121px;
	float:left;
	margin: 6px 30px;
	}
	#texpostavka:hover{
	background-image: url('/application/style/img/texpostavka1.png');
	}
	#favorit{
	background-image: url('/application/style/img/favorit.png');
	height:30px;
	width:165px;
	float:left;
	margin: 6px 30px;
	}
	#favorit:hover{
	background-image: url('/application/style/img/favorit1.png');
	}
	#imperiayaokon{
	background-image: url('/application/style/img/imperiayaokon.png');
	height:30px;
	width:99px;
	float:left;
	margin: 6px 30px;
	}
	#imperiayaokon:hover{
	background-image: url('/application/style/img/imperiayaokon1.png');
	}
	#avtouslugi{
	background-image: url('/application/style/img/avtouslugi.png');
	height:30px;
	width:78px;
	float:left;
	margin: 6px 30px;
	}
	#avtouslugi:hover{
	background-image: url('/application/style/img/avtouslugi1.png');
	}
	#blago{
	background-image: url('/application/style/img/blago.png');
	height:30px;
	width:30px;
	float:left;
	margin: 6px 30px;
	}
	#blago:hover{
	background-image: url('/application/style/img/blago1.png');
	}
	#comp3{
	background-image: url('/application/style/img/comp3.png');
	height:30px;
	width:56px;
	float:left;
	margin: 6px 30px;
	}
	#comp3:hover{
	background-image: url('/application/style/img/comp31.png');
	}
	#sila{
	background-image: url('/application/style/img/sila.png');
	height:30px;
	width:80px;
	float:left;
	margin: 6px 30px;
	}
	#sila:hover{
	background-image: url('/application/style/img/sila1.png');
	}
	#planeta{
	background-image: url('/application/style/img/planeta.png');
	height:30px;
	width:39px;
	float:left;
	margin: 6px 30px;
	}
	#planeta:hover{
	background-image: url('/application/style/img/planeta1.png');
	}
	#complife{
	background-image: url('/application/style/img/complife.png');
	height:30px;
	width:82px;
	float:left;
	margin: 6px 30px;
	}
	#complife:hover{
	background-image: url('/application/style/img/complife1.png');
	}
	.center_footer a:hover{
	transition: all 0.4s ease;
	color: #f00;
	}
	#LiveInternet{
	float:right;
	margin: 10px 30px;
	}
	#logotip{
	background-image: url('/application/style/img/logotip.png');
	height:78px;
	width:190px;
	float:left;
	margin: 10px 0px 0px 90px;
	}
	#logotip:hover{
	background-image: url('/application/style/img/logotip1.png');
	}
	#blok_white h4:hover{
	transition: all 0.4s ease;
	color:#f00;
	}
	.no-float li{
		float:none;
		text-align:justify;
	}
	.news_h2 h2{
		width: 223px;
		margin-top: 24px;
		padding-top: 30px;
		margin-right: 10px;
		background: rgba(255, 255, 255, 0.39);
		padding-bottom: 30px;
		border-radius: 10px;
	}
	.news_h2 h2 a{
		color:white;
		transition: all 0.3s ease;
	}
	.news_h2 h2 a:hover{
	transition: all 0.4s ease;
		color: red;
		text-shadow: 0 0 3px white;
	}
	.item_news{

	}
	.item_news hr{
		background: white;
		box-shadow: 0 0 6px #AAA;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	#footers span .scroll_up{
		cursor: pointer;
		color:white;
		text-decoration: underline;
	}
	#footers span:hover{
		color:red;
		cursor: pointer;
	}
	.item_news h2:hover{
	transition: all 0.4s ease;
	color: #f00;
	}
	.port_blok p{margin: 0px;text-align: center;font-size: 14px;font-weight: 700;}
	.port_blok p:hover{color:#00addc;}
	.port_blok img{width: 100%;border: 3px solid #FFFFFF;    border-radius: 8px;}
	.my_pull-right{
		float:right;
		margin:10px;
	}
	.my_fix_text{
		width: 690px;
		clear: both;
	}
	.port_cont{
	width: 700px;
	float:left;
	border-right: 1px dashed #fff;
	}
	#nasha_komanda td {
	border: 0px solid #808080;
	}
	#nasha_komanda tr{
	border: 0px solid #808080;
	}
	#nasha_komanda p{
	float:left;
	}
	#nasha_komanda{
	border: 0px solid #808080;
	box-shadow: 0px 0px 0px #78797A;
	-moz-box-shadow: 0px 0px 0px #78797A;
	-webkit-box-shadow: 0px 0px 0px #78797A;
	}
	#nasha_komanda img{
	width: 180px;
	height: 180px;
	}
	.port_razrab strong{
	color: #07acdd;
	}
	.slider_nojs #mySlides div{
	display: none;
	}
	.slider_nojs #mySlides #slide1{
	display: block;;
	}

	.icon001 {
	transition: all 0.3s;
	background: #00addc;
	}
	.over2 {
	}
	.vidv li{
	transition: all 0.3s;
	position: relative;
	float: left;
	list-style: none;
	width: auto;
	display: table;
	border-left: 1px solid #fff;
	padding-left: 7px;
	}
	.vidv li a {
	text-align: center;
	color: #fff;
	text-decoration: none;
	}
	.vidn {
	cursor: pointer;
	float: left;
	position: absolute;
	z-index: 10;
	width: 65px;
	border-radius: 4px;
	padding: 18px 6px;
	color: #fff;
	border: 1px solid #353535;
	height: 16px;
	}
	.vidv {
	padding-left:10px;
	transition: all 0.3s;
	position: relative;
	border-radius: 4px;
	height: auto;
	background: #00addc;
	float: right;
	border: 1px solid #353535;
	width: 90%;
	transition-delay: 0.5s;
	margin-right:20px;
	}
	.over2sd{
	width: 90px;
	position: absolute;
	margin: -25px;
	}
	.vidn:hover + .over2 ul.vidv, ul.vidv:hover {
	transition: all 0.5s;
	color: #f1f1f1;
	}
	.vidv li a:hover {
	color: #000;
	}
	.over{
	overflow: hidden;
	margin-left: 20px;
	height: 55px;
	}
	#yslygitable {
	float: left;
	}
	/*Франчайзинг начало*/
	.franch{
	min-width: 940px;
	max-width: 1400px;
	margin: 0 auto;
	background-image: url('/application/style/img/frfon.jpg'); 
	background-repeat: no-repeat;
	font-family: 'Roboto', sans-serif;
	}
	.franch .main_box{
	background: white;
	}
	.fhead {
	height: 60px;
	background: #eeeeee;
	}
	.ic1{
	background-image: url('/application/style/img/ic1.png');
	background-repeat: no-repeat;
	background-position: 0px 30px;
	}
	.ic2{
	background-image: url('/application/style/img/ic2.png');
	background-repeat: no-repeat;
	background-position: 0px 30px;
	}
	.ic3{
	background-image: url('/application/style/img/ic3.png');
	background-repeat: no-repeat;
	background-position: 0px 30px;
	}
	.ic4{
	background-image: url('/application/style/img/ic4.png');
	background-repeat: no-repeat;
	background-position: 0px 30px;
	}
	.ic5{
	background-image: url('/application/style/img/ic5.png');
	background-repeat: no-repeat;
	background-position: 0px 30px;
	}
	.ic6{
	background-image: url('/application/style/img/ic6.png');
	background-repeat: no-repeat;
	background-position: 0px 30px;
	}
	.ic7{
	background-image: url('/application/style/img/ic7.png');
	background-repeat: no-repeat;
	background-position: 0px 30px;
	}
	.ic8{
	background-image: url('/application/style/img/ic8.png');
	background-repeat: no-repeat;
	background-position: 0px 30px;
	}

	.pr_item {
	width:70%;
	float:left;
	text-align:left;
	padding-left: 15%; 
	}

	.pr_item_right {
	width:70%;
	float:right;
	text-align:left;
	padding-right: 15%;
	}

	.pr_text {
	padding-left: 30px;
	font-size:12pt;
	color: #323232;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 15px;
	}

	.pr_zagl {
	padding: 25px 0 0 30px;
	font-size:18pt;
	color: #323232;
	font-family: 'Roboto', sans-serif;
	}

	.pr_zagl_right {
	padding: 25px 0 0 30px;
	font-size:18pt;
	color: #323232;
	font-family: 'Roboto', sans-serif;
	}

	.raschet {
	overflow:hidden;
	background:#33373a;
	height:400px;
	height: 580px;
	}

	.zagl_prib {
	color:white;
	font-size: 30pt;
	font-family: 'Roboto', sans-serif;
	text-align:center;
	margin-top: 30px;
	}
	.zagl_prib_m {
	color:white;
	font-size: 20pt;
	font-family: 'Roboto', sans-serif;
	text-align:center;
	margin-top: 30px;
	}

	.pyatshagov {
	text-align: center;
	background: white;
	overflow: hidden;
	}

	.uslov_item {
	font-size: 18pt;
	color:#33373a;
	margin: 2% 0;
	text-align:left;
	font-family: 'Roboto', sans-serif;
	padding: 0 10% 0 15%;
	}

	.block_fon {
	width: 980px;
	background-color: #33373a;
	margin: 10px auto;
	overflow: hidden;
	}

	.block_left {
	padding: 2% 2%;
	width: 30%;
	height:100%;
	float:left;
	}

	.block_right{
	padding: 2% 1%;
	width: 60%;
	height:100%;
	float:left;
	color:white;
	text-align:left;
	}

	.shagi_fiew {
	color:white;
	font-size: 20pt;
	font-family: 'Roboto', sans-serif;
	}

	.fiewshag {
	width: 100%;
	background-color: white;
	font-size: 40pt;
	margin: 0px;
	padding: 10px;
	padding-bottom: 30px;
	padding-top: 0px;
	font-family: 'Roboto', sans-serif;
	}

	.shag {
	font-size: 100pt;
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto', sans-serif;
	}

	.usloviya {
	text-align:center;
	margin-bottom:6%;
	}

	.otzivi {
	background-color: #242424;
	height: 180px;
	}

	.svyaz {
	text-align:center;
	background-color: #33373a;
	height: 600px;
	}

	.svyaz_title {
	color:white;
	padding: 4% 0;
	font-size: 26pt;
	}

	.zagl_sotrud {
	font-size:30pt;
	  margin-bottom:50px;
	  padding:0px;
	  font-family: 'Roboto', sans-serif;
	  color: #333333;
	}
	.otziv {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	}
	.ava {
	width: 190px;
	padding: 10px;
	float: left;
	}
	.ava img {
	max-width: 100%;
	}
	.otz_text {
	margin-left: 220px;
	color: #fff;
	padding: 10px;
	}
	.vernutsya {
	height: 57px;
	float: left;
	}
	.vernutsya img{
	height: 50px;
	}
	.vernutsya a {
	display: block;
	text-decoration: none;
	padding: 5px;
	padding-left: 10px;
	font-size: 22px;
	}
	.telepnoni {
	float: right;
	color: #ea1450;
	margin-right: 35px;
	font-size: 28px;
	font-weight: 400;
	padding: 13px;
	padding-left: 40px;
	background-image: url('/application/style/img/icon22.png');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: 10%;
	}
	.emailss {
	float: right;
	color: #ea1450;
	margin-right: 15px;
	font-size: 28px;
	font-weight: 40;
	padding: 13px;
	padding-left: 40px;
	background-image: url('/application/style/img/icon1723.png');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: 8%;
	}
	.main_head {
	background: #f5f5f5;
	}
	#osnova{
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 60px, #f5f5f5 60px, #f5f5f5 60px); /* FF3.6+ */
	background: -webkit-gradient(linear, top top, top bottom, color-stop(60px,#eeeeee), color-stop(60px,#f5f5f5), color-stop(60px,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 60px,#f5f5f5 60px,#f5f5f5 60px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 60px,#f5f5f5 60px,#f5f5f5 60px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 60px,#f5f5f5 60px,#f5f5f5 60px); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 60px,#f5f5f5 60px,#f5f5f5 60px);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
	}

	.tablers {
	background-color:white;
	color:#333;
	overflow:hidden;
	width:100%;
	margin-bottom:7%;

	}

	.tablersone {
	width:50%;
	float:left;

	}

	.tablersty {
	float:right;
	width:50%;

	}

	.zagl_pre {
	color:#333333;
	font-family: 'Roboto', sans-serif;
	font-size: 30pt;
	text-align:center;
	padding: 90px 0 0;
	margin-bottom: 30px;
	}

	.imgofis {
	background-image: url(/application/style/img/icon1.jpg);
	 height: 640px;
	 background-repeat: no-repeat;
	 background-color:white;
	}

	.priem_rab {
	 background-color:white;
	 width:auto;
	}
	/*Франчайзинг конец*/
	.port_a{
	background: #69baf2;
	color: #fff;
	height: 30px;
	width: auto;
	line-height: 30px;
	padding: 3px 10px;
	vertical-align: middle;
	margin: 5px 5px 10px 0px;
	float: left;
	border: 2px solid #5696C2;
	border-radius: 4px;
	font-size: 14px;
	}
	.port_a a{
	color: #fff;
	line-height: 30px;
	font-size: 14px;
	text-decoration: none;
	}
	.port_a:hover{
	border: 2px solid #78C7FD;
	text-shadow: 2px 2px 3px #fff;
	}

	.block_centr {
	width: 970px;
	margin: 0 auto;
	position: relative;
	}
	#slider-range-max,#slider-range-max1,#slider-range-max2,#slider-range-max3 {
	width: 500px;
	margin-left: 150px;
	border-radius: 0;
	margin-top: 230px;
	background: #d50843;
	}
	#slider-range-max1,#slider-range-max2,#slider-range-max3{
	margin-top: 100px;
	}
	.ui-slider-handle.ui-state-default.ui-corner-all.ui-state-focus {
	border: none;
	box-shadow: none;
	outline: none;
	}
	.ui-slider-handle.ui-state-default.ui-corner-all {
	text-align: center;
	border-radius: 0;
	background-color: initial;
	top: -61px;
	border: none;
	box-shadow: none;
	background-image: url(/application/style/img/begun.png);
	background-size: 100%;
	background-position: 50% 10%;
	background-repeat: no-repeat;
	padding: 22px;
	padding-bottom: 35px;
	text-decoration: none;
	font-weight: bold;
	margin-left: -60px;
	}

	#slider-range-max1 .ui-slider-handle.ui-state-default.ui-corner-all, #slider-range-max2 .ui-slider-handle.ui-state-default.ui-corner-all, #slider-range-max3 .ui-slider-handle.ui-state-default.ui-corner-all {
	text-align: center;
	border-radius: 0;
	background-color: initial;
	top: -11px;
	border: none;
	box-shadow: none;
	background-image: url(/application/style/img/begun2.png);
	background-size: 100%;
	background-position: 50% 10%;
	background-repeat: no-repeat;
	padding: 22px;
	padding-top: 17px;
	padding-bottom: 0px;
	text-decoration: none;
	font-weight: bold;
	margin-left: -60px;
	background-color: #444;
	border-radius: 10px;
	}

	.ui-slider-range.ui-widget-header.ui-corner-all.ui-slider-range-max {
	border-radius: 0px;
	background: none;
	background-color: #fff;
	}

	.calcdiv {
	background-image: url(/application/style/img/calcrut.png);
	width: 222px;
	height: 358px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: -180px;
	}
	.calcdiv.drkart {
	background-image: url(/application/style/img/kart.png);
	width: 222px;
	height: 358px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 60px;
	}

	.vpravo {
	background-image: url(/application/style/img/strlka.png);
	color: #fff;
	font-weight: bold;
	font-size: 23px;
	height: 50px;
	background-repeat: no-repeat;
	padding-left: 70px;
	padding-top: 31px;
	margin-left: 200px;
	}
	.partn {
	background-image: url(/application/style/img/portn.png);
	padding-left: 60px;
	color: #fff;
	background-repeat: no-repeat;
	font-size: 20px;
	margin-left: 202px;
	}
	.display {
	margin: 49px auto;
	width: 150px;
	text-align: right;
	font-size: 22px;
	font-size: 28px;
	}
	.drkart .display {
	margin: 0 auto;
	margin-top: -70px;
	color: #d50843;
	width: 200px;
	text-align: center;
	font-weight: bold;
	font-size: 41px;
	}
	.kontakty {
	width: 800px;
	margin: 0 auto;
	}
	.avadir {
	border-radius: 100px;
	width: 200px;
	height: 200px;
	background-image: url(/application/style/img/vanya.jpg);
	background-size: 100%;  
	background-position: 0;
	background-repeat: no-repeat;
	float: left;
	}
	.kontdir {
	color: #fff;
	margin-left: 300px;
	text-align: left;
	}
	.namekont{
	background-image: url(/application/style/img/nameico.png);
	margin-top: 55px;
	}
	.phonee1{
	background-image: url(/application/style/img/phoneico.png);
	}   
	.phonee2{
	background-image: url(/application/style/img/phoneico.png);
	}
	.message{
	background-image: url(/application/style/img/mesico.png);
	}
	.skype{
	background-image: url(/application/style/img/skico.png);
	}
	.namekont, .phonee1, .phonee2, .message, .skype{
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 17px;
	margin-bottom: 5px;
	}
	.btni {
	overflow: hidden;
	height: 140px;
	clear: left;
	}
	img.rubl {
	width: 22px;
	}
	.otz_autor {
	color: #fff;
	text-align: right;
	}
	.bxslider {
	width: 1000px;
	margin: 0 auto;
	}

	.modal-body input.formtxt {
	display: block;
	margin: 10px auto;
	width: 300px;
	height: 30px;
	border: none;
	box-shadow: 0 0 0 1px #999;
	} 
	.modal-body input.formbtn {  
	height: 30px;
	display: block;
	margin: 0 auto;
	}
	.modal-header button.close {
	background-color: rgb(207, 0, 0);
	width: 25px;
	height: 25px;
	border-radius: 30px;
	display: block;
	opacity: 1;
	color: #fff;
	text-align: center;
	}
	.modal-header button.close:hover {
	opacity: 0.6;
	}
	.modal-body input.formbtn {
	height: 30px;
	display: block;
	margin: 0 auto;
	background: linear-gradient(to bottom, #ea1450, #cc0140);
	border: none;
	color: #fff;
	width: 200px;
	font-weight: bold;
	font-size: 18px;
	}
	.ops {
	color: #fff;
	margin-bottom: -80px;
	margin-top: 50px;
	font-size: 18px;
	margin-left: 90px;
	}
	.cfr1 {
	position: absolute;
	color: #fff;
	left: -27px;
	top: 26px;
	font-weight: bold;
	font-size: 16px;
	width: 30px;
	text-align: center;
	}
	.cfr2 {
	position: absolute;
	color: #fff;
	right: -27px;
	top: 26px;
	font-weight: bold;
	font-size: 16px;
	width: 30px;
	text-align: center;
	}
	.cfr3 {
	position: absolute;
	right: -18px;
	color: #d50843;
	top: -34px;
	width: 20px;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	}
	.pribl {
	color: #fff;
	position: absolute;
	top: -90px;
	width: 200px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	}
	.magazin{
	box-shadow: 0px 0px 0px #78797A;
	}
	.magazin td{
	padding: 5px;
	margin: 0px;
	border: 0px solid #808080;
	}
	#html .magazin p{
	padding: 0px;
	margin: 0px;
	text-align:center;
	text-indent:0px;
	}
	.magazin tr{
	padding: 0px;
	margin: 0px;
	border: 0px solid #808080;
	}
}
@media only screen and (min-width: 1400px){
#content1{display:none;}
#content2{display:none;}
#content3{display:none;}
#content4{display:none;}
#content5{display:block;}

#hds1{display:none;}
#hds2{display:none;}
#hds3{display:none;}
#hds4{display:none;}
#hds5{display:block;}

#fts1{display:none;}
#fts2{display:none;}
#fts3{display:none;}
#fts4{display:none;}
#fts5{display:block;}

	body{
	background: #f9f9f9;
	font-family: arial;
	}
	.container{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
	.header{
	margin-top: -10px;
	width: 100%;
	float: left;
	}
	.header .logo{
	float: left;
	margin-left: 20px;
	margin-top: 5px;
	width: 93px;
	}
	.header img.logos{
	float: left;
	width: 100%;
	}
	.header .tel{
	width: auto;
	height: auto;
	margin-left: 175px;
	}
	.tel .nomer{
	background: #00abdd;
	float: left;
	box-shadow: -1px -1px 1px rgba(0,0,0,1),1px 1px 1px rgba(0,0,0,1);
	color: #fff;
	text-shadow: 1px 1px 2px #1b1b1b;
	font-size: 30px;
	margin-right: 0.1%;
	width: 42%;
	height: 44px;
	text-align: center;
	}
	.tel .first{
	border-radius: 0 0 0 7px;
	}
	.tel .last{
	border-radius: 0 0 7px 0;
	}
	.tel .first div{
	border-radius: 0 0 0 7px;
	}
	.tel .last{
	width: 11.5%;
	}
	.zvonok{
	transition: background 0.2s;
	background: #27d1f1;
	float: left;
	border: solid 1px #27d1f1;
	box-shadow: -1px -1px 1px rgba(0,0,0,1),1px 1px 1px rgba(0,0,0,1);
	color: #fff;
	text-shadow: 1px 1px 2px #1b1b1b;
	font-size: 16px;
	margin-right: 11px;
	width: 84%;
	height: 22px;
	text-align: center;
	margin-top: 6px;
	border-radius: 6px;
	margin-left: 11px;
	padding-top: 2px;
	}
	.zvonok:hover{
	transition: background 0.5s;
	background: #37f1ff;
	}
	.top_menu{
	width: 87%;
	height: auto;
	float: left;
	margin-left: 60px;
	margin-top: 12px;
	border-radius: 7px;
	box-shadow: -1px -1px 5px rgba(3,3,3,0.5),1px 1px 5px rgba(3,3,3,0.5);
	background-color: white;
	}
	.top_menu div{
	width: 11.5%;
	padding-top: 13px;
	padding-left: 5%;
	display: compact;
	float: left;
	height: 34px;
	background: #fff;
	transition: background 0.2s;
	color: #0b67bc;
	}
	.top_menu a div:hover{
	background-color: #f5f5f5;
	transition: background 0.5s;
	}
	.top_menu div div{
	color: #0b67bc;
	height: auto;
	margin-top: 15px;
	margin-left: 60px;
	}
	.top_menu .o_nas{
	border-radius: 5px 0 0 5px;
	background: #fff url("/application/style/img/onas_10.png") no-repeat 13% 50%;
	}
	.top_menu .portfolio{
	background: #fff url("/application/style/img/portf_10.png") no-repeat 13% 50%;
	}
	.top_menu .kontakti{
	background: #fff url("/application/style/img/kontakti_10.png") no-repeat 13% 50%;
	}
	.top_menu .cms{
	background: #fff url("/application/style/img/cms_10.png") no-repeat 13% 50%;
	}
	.top_menu .komanda{
	background: #fff url("/application/style/img/komanda_10.png") no-repeat 13% 50%;
	}
	.top_menu .franch{
	background: #fff url("/application/style/img/franch_10.png") no-repeat 13% 50%;
	}
	.top_menu .vakansii{
	border-radius: 0 5px 5px 0;
	background: #fff url("/application/style/img/vakansii_10.png") no-repeat 13% 50%;
	}
	.slayder{
	margin-top: 14px;
	width: 100%;
	height: 420px;
	background: url("/application/style/img/slayder_10.jpg") no-repeat 50%;
	float: left;
	}
	.center_box{
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 0px solid #ccc;
	}
	.top_uslugi{
	font-family: arial;
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-top: 20px;
	}
	.box{
	height: 257px;
	width: 33.33%;
	float: left;
	position: relative;
	}
	.center{
	width: 33.1%;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	.zagolovok{
	width: 334px;
	margin-top: 28px;
	padding-left: 112px;
	color: #0b67bc;
	font-size: 29px;
	height: 52px;
	}
	.top_uslugi .int_mag_i{
	background: url(/application/style/img/int_mag_10.png)  no-repeat 11% 0%;
	}
	.progr_zak_i{
	background: url(/application/style/img/pr_zak_10.png) no-repeat 11% 0%;
	}
	.korp_site_i{
	background: url(/application/style/img/korporativ_10.png) no-repeat 11% 0%;
	}
	.text{
	width: auto;
	padding: 0px 25px 0px 45px;
	font-size: 16px;
	color: #636363;
	line-height: 120%;
	text-indent: 25px;
	text-align: justify;
	}
	a .btn_podrobno{
	transition: background 0.2s;
	position: absolute;
	bottom: 24px;
	right: 45px;
	font-size: 17px;
	font-weight: bold;
	font-family: arial;
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	border-radius: 5px;
	background: #267bb5;
	}
	a .btn_podrobno:hover{
	transition: background 0.5s;
	background: #469bd5;
	}
	.content_r_ow{
	float: left;
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 20px;
	}
	.content{	
	width: 75%;
	float: left;
	font-family: arial;
	font-size: 16px;
	}
	.right_box{
	position: relative;
	float: left;
	font-family: arial;
	width: 24%;
	border-left: 1px solid #ccc;
	}
	.uslugi_menu{
	float: left;
	width: 100%;
	}
	.uslugi_menu div{
	transition: color 0.2s;
	color: #0b67bc;
	padding-left: 110px;
	font-family: arial;
	}
	.uslugi_menu .nashi_uslugi{
	height: 44px;
	font-size: 27px;
	padding-top: 13px;
	}
	.right_box a{
	text-decoration: none;
	color: #0b67bc;
	}
	a .uslugi{
	height: 40px;
	font-size: 19px;
	padding-top: 20px;
	padding-left: 130px;
	}
	a .uslugi:hover{
	color: #3b97fc;
	transition: color 0.5s;
	}
	.pol_cont img{
	width: 96%;
	}
	.poloska{background: url("/application/style/img/poloska_uslugi.png") no-repeat 74% 99%;}
	.visitka_i{background: url("/application/style/img/visitka_10.png")  no-repeat 19% 63%;}
	.korporativ_i{background: url("/application/style/img/korporativ2_10.png") no-repeat 19% 63%;}
	.uslugi_menu .int_mag_i{background: url("/application/style/img/int_mag2_10.png") no-repeat 19% 63%;}
	.mob_pril_i{background: url("/application/style/img/mob_pr_10.png") no-repeat 19% 63%;}
	.pr_zak_i{background: url("/application/style/img/pr_zak2_10.png") no-repeat 19% 63%;}
	.podderjka_i{background: url("/application/style/img/poddergka_10.png") no-repeat 19% 63%;}
	.prodvij_i{background: url("/application/style/img/prodvij_10.png") no-repeat 19% 63%;}
	.raskr_soc_i{background: url("/application/style/img/raskr_soc_10.png") no-repeat 19% 63%;}
	.reklama_i{background: url("/application/style/img/rkl.png") no-repeat 19% 63%;}
	.dizayn_i{background: url("/application/style/img/dizayn_10.png") no-repeat 19% 63%;}
	.disk_i{background: url("/application/style/img/disk_10.png") no-repeat 19% 63%;}
	.news{float: left;}
	.posl_nov{
	height: 44px;
	font-size: 26px;
	text-align: center;
	margin-top: 2px;
	color: #0b67bc;
	}
	.news_box{
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 14px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px dashed #0b67bc;
	}
	.news_title{
	color: #0b67bc;
	font-size: 16px;
	}
	.news_text{
	margin-top: 7px;
	color: #636363;
	font-size: 16px;
	text-indent:25px;
	text-align: justify;
	}
	.news_date{
	color: #0b67bc;
	font-size: 15px;
	margin-top: 7px;
	}
	.all_news{
	margin-left: 120px;
	font-size: 15px;
	color: #0b67bc;
	padding-bottom: 15px;
	}
	.all_news:hover{
	color: #3b97fc;
	}
	.soc_seti{
	margin-left: 50px;
	}
	.soc_seti div{
	float:left;
	margin-right: 15px;
	width: 50px;
	height: 48px;
	}
	.twit{
	background: url("/application/style/img/twit_10.png") no-repeat 19% 63%;
	}
	.f{
	background: url("/application/style/img/f_10.png") no-repeat 19% 63%;
	}
	.g{
	background: #0089da url("/application/style/img/480 (13).png") no-repeat 50% 50%;
	background-size: 120%;
	border-radius: 27px;
	}
	.ok{
	background: url("/application/style/img/ok_10.png") no-repeat 19% 63%;
	}
	.w{
	background: url("/application/style/img/hz_10.png") no-repeat 19% 63%;
	}
	.eshe{
	background: url("/application/style/img/eshe_10.png") no-repeat 19% 63%;
	}
	.cont_box{
	width: auto;
	float: left;
	margin-left: 38px;
	padding: 10px;
	}
	.cont_box > li{
	display: block;
	background: url("/application/style/img/galka_10.png") no-repeat 1% 1%;
	padding-left: 20px;
	color: #636363;
	margin-top: 7px;
	}
	.cont_box ul{
	padding: 10px;
	}
	.pol_cont{
	float: left;
	width: 50%;
	}
	.cont_box h1{
	font-family: arial;
	font-size: 25px;
	margin: 26px 0px 0 0;
	color: #0b67bc;
	text-align: center;
	}
	.cont_box p{
	text-align: justify;
	text-indent: 10px;
	color: #636363;
	margin-top: 5px;
	margin-bottom: 23px;
	line-height: 140%;
	}
	.pol_cont .zagl_ul{
	color: #0b67bc;
	font-size: 18px;
	margin-bottom: -11px;
	font-family: arial;
	}
	.cont_box h2{
	font: 29px arial;
	color: #0b67bc;
	margin-bottom: 8px;
	}
	.razrabotka1_i{background: url("/application/style/img/razrabotka1_10.png") no-repeat 1% 1%;}
	.razrabotka2_i{background: url("/application/style/img/razrabotka2_10.png") no-repeat 1% 1%;}
	.razrabotka3_i{background: url("/application/style/img/razrabotka3_10.png") no-repeat 1% 1%;}
	.razrabotka4_i{background: url("/application/style/img/razrabotka4_10.png") no-repeat 1% 1%;}
	.razrabotka5_i{background: url("/application/style/img/razrabotka5_10.png") no-repeat 1% 1%;}
	.stad{
	width: auto;
	height: 85px;
	color: #636363;
	}
	.stad div{
	padding-left: 84px;
	padding-top: 20px;
	}
	.footer{
	float: left;
	height: 63px;
	width: 100%;
	margin-top: 15px;
	border-top: 1px solid #ccc;;
}
	.footer p{
	margin-left:50px;
	}
	.btn:hover {
	outline: thin dotted #333333;
	outline-offset: -2px;
	background-position: 0px -15px;
	color: #333333;
	text-decoration: none;
	transition: background-position 0.1s cubic-bezier(0, 0, 1, 1) 0;
	background-color: #E6E6E6;
	color: #333333;
	}
	.btn {
	background-color: #F5F5F5;
	background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
	background-repeat: repeat-x;
	border-bottom: 1px solid #B3B3B3;
	border-left: 1px solid #CCCCCC;
	border-radius: 4px;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.196), 0px 1px 2px rgba(0, 0, 0, 0.047);
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 0px;
	padding: 4px 12px;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.749);
	vertical-align: middle;
	width:auto;
	height: 30px;
	}
	hr.pod{
	margin-right: 50px;
	margin-left: 50px;
	}
	hr.nad{
	margin-top: 28px;
	margin-right: 50px;
	margin-left: 50px;
	}
	.soc_seti a div:hover{
	background-size: 85%;
	}
	.soc_seti a div.g:hover{
	width: 44px;
	height: 42px;
	margin:3px;
	}
	.port_blok{
	transition: all 0.5s;
	display: inline-block;
	margin: 0px;
	}
	.port_blok p{
	margin: 0px;
	text-align:center;
	font-size: 20px;
	}
	.port_blok img{
	width: 99%;
	border: 1px solid #222222;
	}
	.port_blok{
	width: 32%;
	margin-left: 0.6%;
	margin-bottom: 1%;
	display: inline-block;
	vertical-align: text-top;
	}
	.port_blok:hover{
	transition: all 1s;
	box-shadow: 1px 1px 4px #888;
	}
	.cont_box_port{
	margin-left: 48px;
	}
	.portfolio_main p{
	float: none;
	}
	.port_h1{
	width: 100%;
	}
	.port_h1 h1{
	color: #333333;
	font-size: 24px;
	text-align: center;
	padding: 15px 0px;
	width:99%;
	}
	.port_a{
	background: #69baf2;
	color: #fff;
	height: 30px;
	width: auto;
	line-height: 30px;
	padding: 3px 10px;
	vertical-align: middle;
	margin: 5px 5px 10px 0px;
	float: left;
	border: 2px solid #5696C2;
	border-radius: 4px;
	font-size: 16px;
	}
	.port_a a{
	color: #fff;
	line-height: 30px;
	font-size: 16px;
	text-decoration: none;
	}
	.port_a:hover{
	border: 2px solid #78C7FD;
	text-shadow: 2px 2px 3px #fff;
	}
	.port_place{
	width: 100%;
	float:left;
	}
	.port_place input{
	height:40px;
	width:200px;
	}
	.portfolio p{
	text-align: justify;
	}
	.portfolio img{
	position: absolute;
	margin-left: -191px;
	margin-top: -104px;
	width: 180px;
	height: 170px;
	}
	.portfolio_main p img{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width: 96%;
	margin-right: 15px;
	}
	.port_cont{
	width: 70%;
	float:left;
	border-right: 1px dashed #fff;
	}
	#proc_content5, #opis_content5{
	float:left;
	width: 100%;
	}
	.port_p_new{
	border-radius: 10px;
	background: #FFF;
	width: auto;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 20px;
	margin-right: 20px;
	font-weight: bold;
	box-shadow: 0 0 16px #aaa;
	}
	.port_razrab{
	margin-top: -50px;
	width: 25%;
	float: right;
	background: #fff;
	border: 2px solid #222222;
	border-radius: 4px;
	padding: 1%;
	margin-right: 1%;
	box-shadow: 0px 0px 5px 2px #222;
	}
	.port_razrab h3{
	color: #fff;
	background: #222222;
	width:108%;
	margin: -4%;
	padding: 10px 0px 12px 0px;
	text-align: center;
	margin-bottom: 10px;
	}

	.port_razrab a{
	color:black;
	display: block;
	}
	.port_razrab a:hover{
	transition: all 0.4s ease;
	color:red;
	}
	input {
	border-radius: 4px;
	color: #555555;
	display: inline-block;
	font-size: 16px;
	height: 17px;
	line-height: 20px;
	padding: 3px;
	vertical-align: middle;
	background: #FCFCFC;
	width: 206px;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	margin: 5px 5px 10px 0px;
	}
	input:focus, textarea:focus {
	border-bottom-color: rgba(82, 168, 236, 0.804);
	border-left-color: rgba(82, 168, 236, 0.804);
	border-right-color: rgba(82, 168, 236, 0.804);
	border-top-color: rgba(82, 168, 236, 0.804);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.071), 0px 0px 8px rgba(82, 168, 236, 0.600);
	outline: 0px none currentColor;
	}
	#port_show hr {
	background: #666;
	box-shadow: 0 0 6px #AAA;
	margin-bottom: 10px;
	}
	h2 {
	color: #333333;
	font-size: 25px;
	margin: 5px 0px;
	text-align: center;
	width: 99%;
	}
	.port_razrab strong {
	color: #07acdd;
	}
	.btn:hover {
	outline: thin dotted #333333;
	outline-offset: -2px;
	background-position: 0px -15px;
	color: #333333;
	text-decoration: none;
	transition: background-position 0.1s cubic-bezier(0, 0, 1, 1) 0;
	background-color: #E6E6E6;
	color: #333333;
	}
	.btn {
	background-color: #F5F5F5;
	background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
	background-repeat: repeat-x;
	border-bottom: 1px solid #B3B3B3;
	border-left: 1px solid #CCCCCC;
	border-radius: 4px;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.196), 0px 1px 2px rgba(0, 0, 0, 0.047);
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 0px;
	padding: 4px 12px;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.749);
	vertical-align: middle;
	width:auto;
	height: 30px;
	}
	.nomer div{
	padding-top: 5px;
	padding-bottom: 2px;
	border: solid 1px #14c6e9;
	}
	.content a{
	color: #0b67bc;
	}
	#termotek{
	background-image: url('/application/style/img/termotek.png');
	height:30px;
	width:117px;
	float:left;
	}
	#termotek:hover{
	background-image: url('/application/style/img/termotek1.png');
	}
	#bloknot{
	background-image: url('/application/style/img/bloknot.png');
	height:30px;
	width:110px;
	float:left;
	}
	#bloknot:hover{
	background-image: url('/application/style/img/bloknot1.png');
	}
	#stalprom{
	background-image: url('/application/style/img/stalprom.png');
	height:30px;
	width:137px;
	float:left;
	}
	#stalprom:hover{
	background-image: url('/application/style/img/stalprom1.png');
	}
	#texpostavka{
	background-image: url('/application/style/img/texpostavka.png');
	height:30px;
	width:121px;
	float:left;
	}
	#texpostavka:hover{
	background-image: url('/application/style/img/texpostavka1.png');
	}
	#favorit{
	background-image: url('/application/style/img/favorit.png');
	height:30px;
	width:165px;
	float:left;
	}
	#favorit:hover{
	background-image: url('/application/style/img/favorit1.png');
	}
	#imperiayaokon{
	background-image: url('/application/style/img/imperiayaokon.png');
	height:30px;
	width:99px;
	float:left;
	}
	#imperiayaokon:hover{
	background-image: url('/application/style/img/imperiayaokon1.png');
	}
	#avtouslugi{
	background-image: url('/application/style/img/avtouslugi.png');
	height:30px;
	width:78px;
	float:left;
	}
	#avtouslugi:hover{
	background-image: url('/application/style/img/avtouslugi1.png');
	}
	#blago{
	background-image: url('/application/style/img/blago.png');
	height:30px;
	width:30px;
	float:left;
	}
	#blago:hover{
	background-image: url('/application/style/img/blago1.png');
	}
	#comp3{
	background-image: url('/application/style/img/comp3.png');
	height:30px;
	width:56px;
	float:left;
	}
	#comp3:hover{
	background-image: url('/application/style/img/comp31.png');
	}
	#sila{
	background-image: url('/application/style/img/sila.png');
	height:30px;
	width:80px;
	float:left;
	}
	#sila:hover{
	background-image: url('/application/style/img/sila1.png');
	}
	#planeta{
	background-image: url('/application/style/img/planeta.png');
	height:30px;
	width:39px;
	float:left;
	}
	#planeta:hover{
	background-image: url('/application/style/img/planeta1.png');
	}
	#complife{
	background-image: url('/application/style/img/complife.png');
	height:30px;
	width:82px;
	float:left;
	}
	#complife:hover{
	background-image: url('/application/style/img/complife1.png');
	}
	#partneris div{
	margin: 6px 10px;
	}
	.cont_box #nasha_komanda img {
	max-width: 250px;
	}
	.cont_box #nasha_komanda td+td{
	padding: 8px;
	}
	#partneris{
	width: 1380px;
	margin: 0 auto;
	}
	.news_h2 h2{
	width: 300px;
	margin-top: 24px;
	padding-top: 30px;
	margin-right: 20px;
	background: rgba(32, 32, 32, 0.49);
	padding-bottom: 30px;
	border-radius: 10px;
	float: left;
	}
	.blok_white_content img{

	}
	.news_h2 h2 a{
		color:white;
		transition: all 0.3s ease;
	}
	.news_h2 h2 a:hover{
	transition: all 0.4s ease;
		color: red;
		text-shadow: 0 0 3px white;
	}
	table{
	border-collapse: collapse;
	border-spacing: 0px;
	margin:8px;
	width:97%;
	box-shadow: 3px 3px 5px #78797A;
	-moz-box-shadow: 3px 3px 5px #78797A;
	-webkit-box-shadow: 3px 3px 5px #78797A;
	}
	tr, th, td {
		padding: 3px;
		line-height:120%;
		font-family: Arial;
		margin: 0;
		border:1px solid #808080;
		font-size: 18px;
	}
	td  a{
	font-size: 14px;
	color:#495DA5;
	text-decoration: none;
	}
	td  a:hover{
	transition: all 0.4s ease;
	color:#495DA5;
	}

	.icon001 {
	transition: all 0.3s;
	background: #00addc;
	}
	.over2 {
	float: right; 
	margin-right:20px;
	}
	.vidv li{
	transition: all 0.3s;
	position: relative;
	float: left;
	list-style: none;
	width: auto;
	display: table;
	border-left: 1px solid #fff;
	padding: 7px 10px;
	}
	.vidv li a {
	text-align: center;
	color: #fff;
	text-decoration: none;
	}
	.vidn {
	cursor: pointer;
	float: left;
	position: absolute;
	z-index: 10;
	width: 75px;
	border-radius: 4px;
	padding: 18px 6px;
	color: #fff;
	border: 1px solid #353535;
	}
	.vidv {
	width: 92%;
	position: relative;
	border-radius: 4px;
	height: auto;
	padding-left: 15px;
	margin-right: 20px;
	background: #267bb5;
	float: right;
	border: 1px solid #353535;
	margin: 0px;
	}
	.vidn:hover + .over2 ul.vidv, ul.vidv:hover {
	transition: all 0.5s;
	color: #f1f1f1;
	}
	.over {
	overflow: hidden;
	margin-left: 20px;
	}
	.over2sd{
	width: 90px;
	position: absolute;
	margin: -17px;
	}
	.vidv li a:hover {
	color: #000;
	}
	.controls select{
	height: 28px;
	width: 214px;
	margin-bottom: 10px;
	}
}


/*forma na oplate*/

.modul_avto input:disabled{
	background:grey;
}
.modul_avto .oplata .phone_button{
	height: 39px;
	float: right;
	position: relative;
	width: 115px;
	font-size: 14px;
	padding: 6px 28px;
	line-height: 1;
	border-radius: 4px;
	top: 9px;
	margin-right: 145px;
	border: 0px;
	margin-bottom: 13px;
}
.modul_avto .sposobi_oplati{
	text-align:center;
}
.modul_avto .sposobi_oplati div{
	display:inline-block;
}

.modul_avto .galka{
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	margin-top: 126px;
	margin-left: 215px;
}
.modul_avto .galka.ploho{
	background: url(img/ploho.png) no-repeat;
}
.modul_avto .galka.horosho{
	background: url(img/horosho.png) no-repeat;
}

.avtoriz_biling input{
	height:30px;
	display:block;
	margin:10px;
}
.projects_biling{
	background: white !important;
	border-radius: 10px;
	box-shadow: 0 0 10px -5px black;
	margin:10px;
	padding: 35px;
}

.billing_menu{
	background:white;
	border-radius: 10px;
	box-shadow: 0 0 10px -5px black;
	margin-bottom:30px;
}
.projects_biling *{
	float:none;
}

.projects_biling .modul_item div{
	float:left;
	width: 17%;
}
.projects_biling .modul_item textarea{
	width:100%;
}
.projects_biling .modul_item div.modul_code{
	width:49%;
}
.billing_menu ul li{
	display:inline-block;
	width: 100px;
}
.modul_item,.modul_item div{
	float:none;
}
