﻿
/*main*/
*,*:before,*:after{box-sizing: border-box;}
*{margin:0;
	padding:0;}
a{text-decoration:none;color:inherit; outline:none !important;}

:focus{outline:none;}
a:active, a:hover, a:hover{outline: none;}
a{ text-decoration:underline; color:#ff5722}
a:hover{text-decoration:none; color:#69c43a;}
input,textarea{font:inherit;padding:0;margin:0;background: none;border:0;width:100%;}
button{font:inherit;padding:0;margin:0;background: none;border:0;}

.clearfix:before,
.clearfix:after {content: " ";
    display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
img{border:none;}
/*	main*/
html{ height:100%;}
body{ min-height:100%; position:relative; min-width:320px;}
body{ background: url(../images/bgbody.jpg) repeat; position:relative; font:15px/1 Trebuchet MS, sans-serif; color:#3d3d3d; overflow-x:hidden;}
.hiddenpc{ display:none !important;}
.h100{ height:100%;}
.p100{ padding-bottom:100px;}
.bold{ font-weight:bold;}

#slidefour{position:absolute; top:-57px; left:0;}
.wrapper{ width:1460px; margin:0 auto;}
.wrapper-860{ width:860px; margin:0 auto; padding-left:49px; padding-right:49px; position:relative;}
.fixmenu .wrapper{ height:58px;}
.whitew{ background:#fff;}

.menuleft{ position:absolute; left:-460px; width:460px; background:rgba(61, 61, 61, 0.9); height:100%; top:0; bottom:0; z-index:11; padding-top:60px;}
.menuleft .menuleft-wrap{ padding-left:25px; padding-right:40px; width:100%;}
.menuleft .menuleft-close{ position:absolute; background:url(../images/sprite.png) -91px -90px no-repeat; width:33px; height:33px; left:15px; top:65px; cursor:pointer;}
.menuleft .menuleft-logo{ margin-left:55px; margin-bottom:28px;}
.menuleft .menuleft-menu{ list-style:none; margin:0 0 43px 55px; padding:0;}
.menuleft .menuleft-menu li{ margin-bottom:20px;}
.menuleft .menuleft-menu li:last-child{ margin-bottom:0;}
.menuleft .menuleft-menu a{ font-size:18px; color:#fff; text-decoration:none;}
.menuleft .menuleft-menu a:hover{color:#ff5722;}
.sideblock .sideblock-socials{ border-bottom:1px solid #a6a6a6; border-top:1px solid #a6a6a6; height:57px; text-align:center;  margin-bottom:28px;}
.sideblock .social{ display:inline-block; margin-right:45px;}
.sideblock .social:last-child{ margin-right:0;}
.sideblock .social.social-gl{ background:url(../images/sprite.png) -272px -40px no-repeat; width:13px; height:13px; margin-top:21px;}
.sideblock .social.social-tw{ background:url(../images/sprite.png) -247px -40px no-repeat; width:15px; height:11px;margin-top:22px}
.sideblock .social.social-rss{ background:url(../images/sprite.png) 0px -90px no-repeat; width:11px; height:11px; margin-top:22px;}
.sideblock .social.social-gl:hover{ background-position: -21px -90px;}
.sideblock .social.social-tw:hover{ background-position: -45px -90px;}
.sideblock .social.social-rss:hover{ background-position: -68px -90px;}
.sideblock .sideblock-contacts{ margin-left:55px; color:#fff; font-size:14px;}
.sideblock .contacts-tit{ margin-bottom:3px;}
.sideblock .contacts-data{ font-weight:bold; margin-bottom:27px;}
.sideblock a.contacts-data{color:#fff;}
.sideblock a.contacts-data:hover{color:#ff5722;}
.sideblock .contacts-link{color:#fff; text-decoration:none;}
.sideblock .contacts-link:hover{color:#ff5722;}

.feedback{ position:absolute; right:-365px; width:365px; background:rgba(61, 61, 61, 1); height:100%; top:0; bottom:0; z-index:11; padding-top:0; padding-left:0px; padding-right:0px; display:none;}
.feedback .feedback-wrap{ width:325px; margin:0 auto;}
.feedback .feedback-wrapinner{ overflow:auto; width:335px;}
.feedback .feedback-title{color:#fff; text-transform:uppercase; font-size:30px; font-weight:bold; padding-left:40px; position:relative; margin-bottom:18px; padding-top:21px;width:325px;}
.feedback .feedback-title:before{ position:absolute; background:url(../images/sprite.png) -205px -90px; content:'';
width:26px; height:26px; left:0; top:24px;}
.feedback .fb-form-line{ width:100%; height:1px; background:#959595; margin-top:18px; margin-bottom:19px;}
.sideblock.feedback .sideblock-socials{ border-bottom:1px solid #5a5a5a; width:325px;}
.feedback .feedbackinfo{ position:relative; margin-top:20px; border-bottom:1px solid #a6a6a6; padding-bottom:67px; margin-bottom:28px; width:325px;}
.feedback .feedback-close{ float:left; background:url(../images/sprite.png) -91px -90px no-repeat; width:33px; height:33px; left:15px; top:65px; cursor:pointer;}
.feedback .feedback-sendwp{ float:right; position:relative; height:50px; border-radius:25px; width:168px;}
.feedback .feedback-send{ display:block; background:#ff5722; color:#fff; font-size:14px; text-transform:uppercase; text-align:center; transition:all 0.3s; position:relative; height:50px; border-radius:25px; text-decoration:none; font-weight:bold;}
.feedback .feedback-send:hover{ color:#fff; background:#69c43a;}
.feedback .feedback-sendwp:after{ position:absolute; content:''; background:url(../images/sprite.png) -135px -90px; width:8px; height:12px; right:21px; top:18px;}
.feedback .fbinfobl{ position:absolute; width:15px; height:17px; bottom:30px; right:50px;}
.feedback .fbinfobl.infoinfo{ right:104px;}
.feedback .fbinfobl.infoinfo .fbinfoblimg{ background:url(../images/sprite.png) -154px -90px no-repeat; width:16px; height:16px; cursor:pointer;}
.feedback .fbinfobl.lockinfo .fbinfoblimg{ background:url(../images/sprite.png) -181px -90px no-repeat; width:14px; height:16px; cursor:pointer;}
.feedback .fbinfobl-text{ background:#fff302; font-size:12px; font-style:italic; padding:15px; text-align:justify; position:absolute; width:325px; left:0; top:105px; opacity:0;}
.feedback.sideblock .sideblock-contacts{ margin-left:0;}
.feedback #formoff{ color:#fff; font-size:20px; font-weight:bold; margin-top:20px; line-height:24px;}
.feedback #formoff .feedback-close{ float:none; margin-top:20px;}

.fields{ background:#fff; border-radius:3px; height:40px; color:#555; padding-left:20px; width:325px; box-shadow:0 0 1px 0 rgba(70, 70, 70, 1); margin-bottom:1px; border:none;}
.fields.brtop{ border-radius:3px 3px 0 0;}
.fields.brnone{ border-radius:0;}
.fields.brbottom{ border-radius:0 0 3px 3px;}
.fields.error{border:1px solid #ff5722;}
.fields.error2{border:1px solid #ff5722;}
select.fields.error{color:#ff5722;}
select.fields.error .defalt{ color:#555;}
textarea.fields{ height:170px; padding-top:14px; resize:none;}
.fields::-webkit-input-placeholder {color:#555; font-family:Trebuchet MS, sans-serif;}
.fields::-moz-placeholder          {color:#555; font-family:Trebuchet MS, sans-serif; opacity:2}
.fields:-moz-placeholder           {color:#555; font-family:Trebuchet MS, sans-serif; opacity:2}
.fields:-ms-input-placeholder      {color:#555; font-family:Trebuchet MS, sans-serif;}
.fields.error::-webkit-input-placeholder {color:#ff5722;}
.fields.error::-moz-placeholder          {color:#ff5722;}
.fields.error:-moz-placeholder           {color:#ff5722;}
.fields.error:-ms-input-placeholder      {color:#ff5722;}
.fields.error2::-webkit-input-placeholder {color:#ff5722;}
.fields.error2::-moz-placeholder          {color:#ff5722;}
.fields.error2:-moz-placeholder           {color:#ff5722;}
.fields.error2:-ms-input-placeholder      {color:#ff5722;}

.firts{ border-bottom:5px solid #ff5515; min-height:550px; }
.section.second{ position:relative; height:100% !important;}
.main{ padding-top:60px; position:relative;}
.main-logo{ float:left; width:181px; position:relative;}
.maintoptext{ float:right; padding-top:13px;}
.maintoptext h1{ color:#9c9c9c; font-size:12px; font-weight:normal; text-transform:uppercase; }
.title{ margin-top:162px; text-align:center; text-transform:uppercase;}
.title h2{ color:#000; font-size:72px; font-weight:bold; margin-bottom:75px; line-height:100px;}
.title h3{ font-size:36px; color:#3d3d3d; font-weight:bold;}
.title .locationtext{color:#a1a1a1; font-size:16px; text-transform:none;}

.socl{ position:absolute; left:0; top:398px;}
.socl .menu{ float:left; display:block; background:url(../images/menu.png); width:24px; height:15px; margin-right:48px; margin-top:10px;}
.socl .mail{ float:left; background:url(../images/sprite.png) -88px -133px; width:36px; height:37px;}
.socl .telimg{ display:none;}
.socl .mail:hover{ background:url(../images/sprite.png) -0px -133px;}
.socr{ position:absolute; right:0; top:403px;}
.socr .socrtext{ display:block; float:left; margin-right:10px; font-size:9px; color:#ff5722; padding-top:10px; text-transform:uppercase;}
.socr .socrbutt{ float:left; width:28px; height:28px; margin-right:10px;}
.socr .socrbutt.socr-gl{ background:url(../images/sprite.png) -139px -1px;}
.socr .socrbutt.socr-gl:hover{ background:url(../images/sprite.png) -257px -1px;}
.socr .socrbutt.socr-tw{ background:url(../images/sprite.png) -178px -1px;}
.socr .socrbutt.socr-tw:hover{ background:url(../images/sprite.png) -38px -40px;}
.socr .socrbutt.socr-rss{ background:url(../images/sprite.png) -217px -1px; margin-right:0;}
.socr .socrbutt.socr-rss:hover{ background:url(../images/sprite.png) -0px -40px;}
.main .foottext{ position:absolute; bottom:30px; width:100%; text-align:center; font-size:16px; color:#a1a1a1;}
.arrowdown{ display:block; margin:30px auto 0; background:url(../images/sprite.png) -165px -40px; width:36px; height:36px;}
.arrowdownmain{ display:block; margin:48px auto 0; background:url(../images/sprite.png) -121px -40px; width:34px; height:34px;}
.arrowdownmain.grey{margin:48px auto 0; background:url(../images/sprite.png) -165px -40px; width:36px; height:36px;}
.arrowup{margin:auto; background:url(../images/sprite.png) -76px -40px; width:36px; height:36px; position:absolute; left:0; right:0; bottom:20px;}

.fixmenu{ position: absolute; top:0; left:0; width:100%; height:58px !important; background: url(../images/bgbody.jpg) repeat; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4); z-index:8; display:none;}
.fixmenu.fixed-fix {
  position: fixed !important;
  z-index: 10 !important;
  height:58px;
  display:block;  
}

.fixmenu .fixmenu-menu{display:block; background:url(../images/menu.png); width:24px; height:15px; margin-right:48px; margin-top:21px; float:left; cursor:pointer;}
.fixmenu .fixmenu-mail{float:left; background:url(../images/sprite.png) -44px -133px; width:36px; height:37px; margin-top:12px;}
.fixmenu .fixmenu-mail:hover{ background:url(../images/sprite.png) -0px -133px;}
.fixmenu .fixmenu-logo a{ float:left; width:164px; margin-left:49px; margin-top:18px;}
.fixmenu .socr{ position:relative; top:inherit; float:right; margin-top:15px;}
.services{ background:#ff5722; padding-bottom:100px;} 
.block .block-title{ padding-top:93px; font-size:32px; text-align:center; margin-bottom:30px;}
.block .block-title .tit1{ font-size:32px; font-weight:bold; text-transform:uppercase; margin-bottom:10px;}
.block .block-title .tit2{ font-size:12px; font-weight:normal; margin-bottom:12px;}
.block .block-title .tit3{ font-size:14px; font-weight:normal; line-height:17px; }
.block.services .block-title{ color:#fff;}

.services .servicesbl{ width:760px; margin:0 auto; border-top:1px solid #fff; color:#fff;}
.services .servicesbl .servicesbl-row{ padding:20px 0; border-bottom:1px solid #ff8a65;}
.services .servicesbl .servicesbl-cell{ float:left;}
.services .servicesbl .servicesbl-tit{ width:175px; padding-right:25px; font-size:20px;}
.services .servicesbl .servicesbl-row.close .servicesbl-tit{ width:600px;}
.services .servicesbl .servicesbl-tit2{ width:137px; padding-right:35px; font-size:12px; line-height:14px; margin-top:6px;}
.services .servicesbl .servicesbl-serv{ width:413px; padding-right:20px;}
.services .servicesbl .servicesbl-serv h1{ font-size:18px; font-weight:normal; position:relative; margin-bottom:5px; padding-left:14px;}
.services .servicesbl .servicesbl-serv h1:before{ position:absolute; content:'•'; color:#fff; font-size:18px; width:6px; height:6px; left:0; margin:auto;}
.services .servicesbl .servicesbl-serv p{ font-size:18px; font-weight:normal; position:relative; margin-bottom:5px; padding-left:14px;}
.services .servicesbl .servicesbl-serv p:before{ position:absolute; content:'•'; color:#fff; font-size:18px; width:6px; height:6px; left:0; margin:auto;}
.services .servicesbl .servicesbl-list{ float:right; background:url(../images/minus.png); width:34px; height:34px; cursor:pointer;}
.services .servicesbl .servicesbl-row.close .servicesbl-list{background:url(../images/plus.png);}
.clients{ background:#3d3d3d;}
.clients .clients-top{ width:100%; background:#fff; height:70px; position:absolute; top:-70px; left:0;}
.block.clients .block-title{ padding-top:35px; color:#69c43a;}
.block.clients .block-title .tit3{ color:#3d3d3d;}
.clients .clientsbl .clientsbl-section{ border-bottom:1px solid #555555;}
.clients .clientsbl .clientsbl-section.active{ border-color:#ccc;}
.clients .clientsbl .clientsbl-section-row.tit{ display:table; width:100%; padding:10px 0; position:relative;}
.clients .clientsbl .clientsbl-section-tit{ display:table-cell; vertical-align:middle; height:55px; font-size:20px; padding-right:65px;}
.clients .clientsbl .clientsbl-section .clientsbl-section-list{ background:url(../images/plus_g.png); width:34px; height:34px; position:absolute; right:10px; top:0; bottom:0; margin:auto; cursor:pointer;}
.clients .clientsbl .clientsbl-section.active .clientsbl-section-list{ background:url(../images/minus_g.png); width:34px; height:34px; position:absolute; right:10px; top:0; bottom:0; margin:auto; cursor:pointer;}
.clients .clientsbl .clientsbl-section .clientsbl-section-comp{ display:none;}
.clients .clientsbl .clientsbl-section.active .clientsbl-section-comp{ display:block;}
.clients .clientsbl .clientsbl-section-comp{ padding-bottom:30px;}
.clients .clientsbl .clientsbl-section-comp-c{  float:left; margin-right:3px; margin-bottom:3px;}
.clients .clientsbl .clientsbl-section-comp-c:nth-child(4n+4){ margin-right:0;}
.clients .clientsbl .clientsbl-section-comp-more{ text-align:center; margin-top:20px;}
.clients .clientsbl .clientsbl-section-comp-more a{ font-size:14px; color:#3d3d3d; position:relative;}
.clients .clientsbl .clientsbl-section-comp-more a:after{ position:absolute; content:''; background:url(../images/arrow-right.png); width:27px; height:26px; top:-3px; right:-36px;}


.about{ background-color:#ebebeb; background-image:url(../images/header_img.jpg); background-repeat:no-repeat; background-position:top center; padding-bottom:25px;}
.block.about .block-title{ color:#f72f8b; padding-top:35px;}
.about .about-info{text-align: justify; text-align-last: center;  -moz-text-align-last:center; font-size:16px; line-height:18px;}
.about .about-info p{ margin-bottom:22px;}
.about .about-info_small{ color:#a1a1a1; font-size:12px; text-align-last: left;  -moz-text-align-last:left; line-height:13px; font-weight:normal;}

.footer{ margin-top:42px; position:relative;}
.footer .footer-menu ul{ margin:0 0 30px; padding:0; list-style:none;}
.footer .footer-menu ul li{ display: inline-block; border-right:1px solid #d5d5d5; height:30px; padding:5px 40px 0;}
.footer .footer-menu ul li a{color:#000000; font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:none;}
.footer .footer-menu ul li a:hover{ color:#f72f8b;}
.footer .footer-menu ul li:last-child{ border-right:none; padding-right:0;}
.footer .footer-menu ul li:first-child{ padding-left:0;}

.footer .footbl{ float: left; width:50%;}
.footer .footbl:first-child{ padding-right:55px;}
.footer .footbl-row{ margin-bottom:25px;}
.footer .footbl-tit{ font-size:14px; color:#a1a1a1; margin-bottom:2px;}
.footer .footbl-text{ font-weight:bold;}
.footer a.footbl-text{ color:#3d3d3d; font-size:14px;}
.footer a.footbl-text:hover{ color:#f72f8b;}
.footer .footbl-link{ color:#3d3d3d; font-size:14px; text-decoration:none;}
.footer .footbl-link:hover{ color:#f72f8b;}
.footer a.footbl-grouptext{ position:relative; display:block; margin-top:14px; color:#3d3d3d;}
.footer a.footbl-grouptext:after{ position:absolute; content:''; background:url(../images/sprite.png) -69px -1px; width:11px; height:11px; top:4px; right:0;}
.footer a.footbl-grouptext:hover{ color:#f72f8b;}
.footer .copyright{ width:342px; background:#3d3d3d; color:#fff; font-size:12px; height:70px; padding:33px 20px 0; float:left;}
.footer .copyright a{ color:#fff; text-decoration:none;}
.footer .copyright a:hover{ color:#fff;}
.footer .footbl-social{ margin-bottom:30px; margin-top:27px;}
.footer .soc{ display:block; float:left; margin-right:45px;}
.footer .soc.soc-gl{ background:url(../images/sprite.png) 0 -1px no-repeat; width:13px; height:13px;}
.footer .soc.soc-tw{ background:url(../images/sprite.png) -24px -1px no-repeat; width:15px; height:11px; margin-top:1px;}
.footer .soc.soc-rss{ background:url(../images/sprite.png) -48px -1px no-repeat; width:11px; height:11px; margin-top:1px;}
.footer .soc.soc-gl:hover{ background-position:-114px -1px;}
.footer .soc.soc-tw:hover{ background-position:-90px -1px;}
.footer .soc.soc-rss:hover{ background-position:-69px -1px;}

.footlinks{ width:860px; margin:25px auto 0; font-size:12px; line-height:14px;}
.footlinks a{ font-size:12px; color:#bcbcbc;}
.footlinks a:hover{color:#bcbcbc;} 

.backimg{position:fixed; width:100%; height:100%; top:0; left:0; z-index:10;}




@media only screen and (max-width: 1599px){


.wrapper{ width:980px; position:relative;} 
.main{}
.firts{ min-height:500px;}
.title{ margin-top:73px;}
.title h2{ font-size:48px; line-height:59px; margin-bottom:75px;}
.title h3{ font-size:24px; margin-bottom:0px;}
.title .locationtext{ font-size:12px;}
.socl{ top:246px;}
.socr{ top:249px;}
.empty{ height:240px; width:100%;}

.menuleft{ width:365px;}
.fixmenu .fixmenu-logo a{ margin-left:29px;}
.fixmenu .sticky{ height:70px;}
.fixmenu .fixmenu-mail{}
.fixmenu .fixmenu-menu{}
.fixmenu .socr{}
.block.clients .block-title{ padding-top:35px;}
.main .foottext{ font-size:12px;}	
}

@media only screen and (max-width: 990px){
.hiddenpc{ display:block !important;}
.hiddenpl{ display:none !important;}

.wrapper-860{ width:610px; padding-left:20px; padding-right:20px;}

.firts{ min-height:550px;}
.wrapper{ width:100%; padding-left:55px; padding-right:55px;}
.title{ margin-top:203px;}
.title h2{ font-size:45px; line-height:58px;}
.title h3{ margin-bottom:185px;}
.socl{ top:187px;}
.socr{ top:192px;}
.socr .socrbutt{ margin-right:20px}
.socr .socrbutt.socr-rss{ margin-right:0;}
.main .foottext{ position:relative; bottom:inherit;}
.firts .arrowdown{ position:absolute; bottom:30px; left:0; right:0; margin:auto;}
.services .servicesbl{ width:100%;}
.services .servicesbl .servicesbl-serv{ width:220px; padding-right:10px;}
.services .servicesbl .servicesbl-serv h1{ font-size:14px; margin-bottom:8px;}
.services .servicesbl .servicesbl-serv h1:before{ top:-3px;}
.services .servicesbl .servicesbl-serv p{ font-size:14px; margin-bottom:8px;}
.services .servicesbl .servicesbl-serv p:before{ top:-3px;}
.services .servicesbl .servicesbl-tit{ font-size:18px;}
.services .servicesbl .servicesbl-row.close .servicesbl-tit{ width:530px;}
.services .servicesbl .servicesbl-tit2{ margin-top:3px;}
.clients .clientsbl .clientsbl-section-comp-c:nth-child(4n+4){ margin-right:3px;}
.clients .clientsbl .clientsbl-section-comp-c:nth-child(3n+3){ margin-right:0px;}

.about{background-color:#ebebeb; background-image:url(../images/header_img_mob.jpg); background-repeat:no-repeat; background-position:top center;}

.footer{ margin-top:17px;}
.footer .footer-menu ul li{ padding-left:30px; padding-right:30px; position:relative;}
.footer .footer-menu ul li:last-child{ padding:0; width:181px;}
.footer .footer-menu ul li:last-child a{ text-transform:none; font-weight:normal; position:absolute; right:0; top:12px; width:135px;}
.footer .footer-menu ul li:last-child a:before{ position:absolute; background:url(../images/sprite.png) -241px -90px ; width:30px; height:30px; left:-40px; top:-1px; content:'';}
.footer .footbl{ float:none; width:100%;}
.footer .footbl-social{ margin-bottom:40px;}
.footer .copyright{ width:256px; margin-top:14px;}

.footlinks{ width:610px;}

	
}


@media only screen and (min-width: 1600px) and (max-height: 850px){
.title{ margin-top:90px;}
.socl{ top:326px;}
.socr{ top:331px;}
	}
@media only screen and (min-width: 1600px) and (max-height: 730px){
.main{ padding-top:30px;}
.menuleft{ padding-top:30px;}
.menuleft .menuleft-close{ top:35px;}
.title{ margin-top:70px;}
.socl{ top:276px;}
.socr{ top:281px;}
.title h2{ margin-bottom:45px;}
	}

@media only screen and (min-width: 1600px) and (max-height: 660px){
.title{ margin-top:40px;}
.title h2{ font-size:62px; line-height:82px; margin-bottom:30px;}
.title h3{ font-size:30px;}
.socl{ top:230px;}
.socr{ top:236px;}
	}
@media only screen and (max-width: 1599px) and (max-height: 620px){
.title{ margin-top:43px;}
.title h2{ margin-bottom:45px;}
.socl{ top:216px;}	
.socr{ top:219px;}	
	}
@media only screen and (max-width: 1599px) and (max-height: 549px){
.main{ padding-top:30px;}
.menuleft{ padding-top:30px;}
.menuleft .menuleft-close{ top:35px;}	
	}
@media only screen and (max-width: 990px) and (max-height: 897px){
.title h3{ margin-bottom:0;}
.main .foottext{ position:absolute; bottom:95px;}
.firts .arrowdown{ position:absolute; bottom:30px; left:0; right:0; margin:auto;}	
	}
@media only screen and (max-width: 990px) and (max-height: 750px){
.title{ margin-top:120px;}
.title h2{ margin-bottom:45px;}
.socl{ top:147px;}
.socr{ top:152px;}	
	}
@media only screen and (max-width: 990px) and (max-height: 620px){
.main{ padding-top:30px;}
.menuleft{ padding-top:30px;}
.menuleft .menuleft-close{ top:35px;}
.socl{ top:107px;}
.socr{ top:112px;}	
.title{ margin-top:100px; }
.title h2{ margin-bottom:35px;}
	
	}
	
@media only screen and (max-width: 767px){
.hiddenpc{ display:block !important;}
.hiddenpl{ display:block !important;}
.hiddenmob{ display:none !important;}

.wrapper{ width:100%; padding-left:10px; padding-right:10px;}
.wrapper-860{ width:95%; width:calc(100% - 20px); padding-left:10px; padding-right:10px; }
.p100{ padding-bottom:20px;}
.main{ padding-top:10px;}

.arrowdownmain{ margin-top:20px;}
.arrowdownmain.grey{ margin-top:20px;}

.section{ height:auto !important;}
.firts{ min-height:0px;}
.fixmenu{ display:none;}
.fixmenu.fixed-fix{ display:none;}
.main-logo{ float:none; margin:0 auto 19px;}
.telimg{ position:relative; float:left; background:url(../images/telimg.png); width:34px; height:34px; margin-left:14px; margin-top:15px;}
.menumob{ position:absolute; background:url(../images/menu.png); width:24px; height:15px; left:0px; top:22px;}
.maintoptext{ float:none; text-align:center; font-size:9px; padding-top:0;}
.maintoptext h1{ font-size:9px;}
.title{ margin-top:58px;}
.title h2{ font-size:20px; line-height:24px; margin-bottom:27px;}
.title h3{ font-size:14px; margin-bottom:60px;}
.socr{ position:relative; top:inherit; float:right; padding-bottom:20px;}
.socl .mail{ display:none;}
.socl .telimg{ float:left; background:url(../images/telimg.png); width:34px; height:34px; display:block; margin-top:17px; margin-left:14px;}
.socl .menu{ display:none;}
.socl{ top:inherit; float:left; position:relative; padding-bottom:20px;}
.socr .socrtext{ float:none; text-align:center; margin-right:0; margin-bottom:10px; padding-top:0;}
.socr .socrbutt.socr-rss{ margin-right:6px;}
.main .foottext{ position:relative; bottom:inherit; margin-bottom:52px;}


.menuleft{ width:100%; left:-100%; padding-top:10px;}
.menuleft .menuleft-close{ top:15px;}
.feedback{ width:100%; right:-100%;}
.feedback .feedback-wrap{ width:100%;}
.feedback .feedback-wrapinner{ width:100%; padding-left:20px; padding-right:20px; overflow:inherit;}
.feedback .feedback-title{ width:100%;}
.sideblock.feedback .sideblock-socials{ width:100%;}
.feedback .feedbackinfo{ width:100%;}
.fields{ width:100%;}
.feedback .fbinfobl{ display:none;}
.feedback .feedbackinfo{ padding-bottom:20px;}
.feedback #formoff{ padding-left:20px; padding-right:20px; font-size:18px;}

.block .block-title{ padding-top:34px; margin-bottom:16px;}
.block.clients .block-title{ padding-top:0;}
.block.about .block-title{ padding-top:10px;}
.block .block-title .tit1{ font-size:24px;}

.services{ padding-bottom:70px;}
.services .servicesbl .servicesbl-row{ position:relative;}
.services .servicesbl .servicesbl-cell{ float:none; width:100%; margin-bottom:15px;}
.services .servicesbl .servicesbl-serv{ margin-bottom:0; padding-right:0;}
.services .servicesbl .servicesbl-tit{ padding-right:45px; font-size:20px;}
.services .servicesbl .servicesbl-tit2{ margin-top:0;  font-size:14px; padding-right:0}
.services .servicesbl .servicesbl-row.close .servicesbl-tit{ width:100%; margin-bottom:0;}
.services .servicesbl .servicesbl-list{ position:absolute; right:0px; top:12px;}

.clients .clients-top{ height:50px; top:-50px;}
.clients .clientsbl .clientsbl-section-tit{ font-size:18px;}
.clients .clientsbl .clientsbl-section-comp-c{ width:32%;}
.clients .clientsbl .clientsbl-section-comp-c img{ width:100%;}

.about{ padding-bottom:0;}
.about .about-info{ font-size:14px;}

.footer{ margin-top:22px;}
.footer .footbl{ border-bottom:1px solid #c7c7c7; margin-bottom:20px;}
.footer .footbl-gr{ width:230px; border-bottom:none; margin-bottom:80px;}
.footer .footbl-social{ margin-top:33px; margin-bottom:28px;}
.footer a.footbl-grouptext{font-size:10px; } 
.footer a.footbl-grouptext:after{right:-14px; top:1px;}
.footer .copyright{ width:100%; text-align:center;}
.arrowup{ bottom:90px;}
.footlinks{ width:95%; width:calc(100% - 20px); padding-bottom:10px;}
}

@media only screen and (max-width: 480px){
.clients .clientsbl .clientsbl-section.active .clientsbl-section-comp{ width:273px; margin:0 auto;}
.clients .clientsbl .clientsbl-section-comp-c{ width:135px;}
.clients .clientsbl .clientsbl-section-comp-c:nth-child(3n+3){ margin-right:3px;}
.clients .clientsbl .clientsbl-section-comp-c:nth-child(2n+2){ margin-right:0px;}

	}
