@charset "utf-8";

/* @font-face {
font-family: 'Cuprum';
    src: url('../fonts/PTN57F-webfont.eot');
    src: url('../fonts/PTN57F-w.svg') format('svg'),
         url('../fonts/PTN57F-webfont.eot?') format('embedded-opentype'),
         url('../fonts/PTN57F-webfont.woff') format('woff'),
         url('../fonts/PTN57F-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
font-family: 'Cuprum';
    font-style: normal;
    font-weight: 400;
    src: local('Geneva, Arial, Helvetica, sans-serif'), local('Geneva, Arial, Helvetica, sans-serif') format('woff');
}

@font-face {
font-family: 'Cuprum';
    font-style: normal;
    font-weight: 700;
    src: local('Geneva, Arial, Helvetica, sans-serif'), local('Geneva, Arial, Helvetica, sans-serif') format('woff');
}

@font-face {
font-family: 'Cuprum';
    font-style: italic;
    font-weight: 400;
    src: local('Geneva, Arial, Helvetica, sans-serif'), local('Geneva, Arial, Helvetica, sans-serif') format('woff');
}

@font-face {
    font-family: 'Cuprum';
    font-style: italic;
    font-weight: 700;
    src: local('Geneva, Arial, Helvetica, sans-serif'), local('Geneva, Arial, Helvetica, sans-serif') format('woff');
} */

@font-face {
font-family: 'Cuprum';
    font-style: italic;
    font-weight: bold;
    src: url("../fonts/Cuprum-BoldItalic.eot") format('eot');
}

@font-face {
font-family: 'Cuprum';
    font-style: italic;
    font-weight: bold;
    src: url("../fonts/Cuprum-BoldItalic.woff") format('woff');
}

@font-face {
font-family: 'Cuprum';
    font-style: italic;
    font-weight: bold;
    src: url("../fonts/Cuprum-BoldItalic.woff2") format('woff2');
}

@font-face {
    font-family: 'Cuprum';
    font-weight: bold;
    font-style: normal;
    src: url("../fonts/Cuprum-Bold.eot") format('eot');
}

@font-face {
    font-family: 'Cuprum';
    font-weight: bold;
    font-style: normal;
    src: url("../fonts/Cuprum-Bold.woff") format('woff');
}

@font-face {
    font-family: 'Cuprum';
    font-weight: bold;
    font-style: normal;
    src: url("../fonts/Cuprum-Bold.woff2") format('woff2');
}

@font-face {
    font-family: 'Cuprum';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/Cuprum-Regular.eot") format('eot');
}

@font-face {
    font-family: 'Cuprum';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/Cuprum-Regular.woff") format('woff');
}

@font-face {
    font-family: 'Cuprum';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/Cuprum-Regular.woff2") format('woff2');
}

@font-face {
    font-family: 'Cuprum';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/Cuprum-Italic.eot") format('eot');
}

@font-face {
    font-family: 'Cuprum';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/Cuprum-Italic.woff") format('woff');
}

@font-face {
    font-family: 'Cuprum';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/Cuprum-Italic.woff2") format('woff2');
}





*, *:hover, *:active, *:focus { outline: medium none !important; }

body { background: #254556; font-family: 'Cuprum'; font-size: 14px; color: #254556; }

.container { margin: 0 auto; max-width: 1000px; width: 100%; padding: 0 5px 0 5px; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child { margin-top: 0; }

h1 { font-size: 32px; }

h2 { font-size: 24px; }

h3 { font-size: 19px; }

h4 { font-size: 15px; }

h1, h2, h3, h4 { font-weight: normal; line-height: 28px; margin: 7px 0; }

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

.pull-right { float: right; }

.pull-left { float: left; }

.visible-xs { display: none; }

.uniqq {font-family: 'Cuprum'; font-size: 13px; color: #254556;}

input[type="text"], select {

  border-color: #7c8487 #e0e0e0 #e0e0e0 #7c8487;

  border-radius: 11px;

  -webkit-border-radius: 11px;

  -moz-border-radius: 11px;

  border-style: solid;

  border-width: 1px;

  font-size: 13px;

  margin: 0 21px 11px 0;

  padding: 22px 13px 19px;

  width: calc(100% - 49px);

}



.clearfix {}

.clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0; }

.clearfix:after { clear: both; }

a.link{    

  background: -moz-linear-gradient(left, #c5cb66, #c5cb66 100%);

  background: -ms-linear-gradient(left, #c5cb66, #c5cb66 100%);

  background: -o-linear-gradient(left, #c5cb66, #c5cb66 100%);

  background: -webkit-gradient(linear, 0 0, 100% 0, from(#c5cb66), to(#c5cb66));

  background: -webkit-linear-gradient(left, #c5cb66, #c5cb66 100%);

  background: linear-gradient(left, #c5cb66, #c5cb66 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5cb66', endColorstr='#c5cb66', GradientType=0);

  background-position: 0 100%;

  background-size: 10px 1px;

  background-repeat: repeat-x;



  color: #afb800;

}

a.link:hover { color: #959d00; }

.link-nu { color: #afb800; }

/*.link-nu { color: #aeb547; }*/

.link-nu:hover { color: #ccd633; }

a.local {

  background-image: -moz-linear-gradient(left, #b22417, #b22417 50%, transparent 50%);

  background-image: -ms-linear-gradient(left, #b22417, #b22417 50%, transparent 50%);

  background-image: -o-linear-gradient(left, #b22417, #b22417 50%, transparent 50%);

  background-image: -webkit-linear-gradient(left, #b22417, #b22417 50%, transparent 50%);

  background-image: linear-gradient(left, #b22417, #b22417 50%, transparent 50%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b22417', endColorstr='#b22417', GradientType=0);

  background-position: 0 100%;

  background-repeat: repeat-x;

  background-size: 2px 1px;

  color: #b22417;

}

a.local:hover { color: #ef3e2f; }

/*.wrapper {

width: 100%;

max-width: 1260px;

margin: 0 auto;

}*/

.btn {

  background: #b7c300 none repeat scroll 0 0;

  border-bottom: 1px solid #5e6a00;

  border-radius: 9px;

  -webkit-border-radius: 9px;

  -moz-border-radius: 9px;

  border-right: 1px solid #5e6a00;

  box-shadow: 0 1px 0 0 #d5dc6c inset;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  color: #254556;

  cursor: pointer;

  font-size: 13px;

  padding: 13px 34px 11px;

}

.btn:hover { background: #ceda19; }

input, textarea, input:active, textarea:active, input:focus, textarea:focus { outline: none; }



.b-logo-msg { background: #6291ab; color: #254556; padding: 7px 14px 5px 13px; position: relative; margin: 10px 0 0 37px; }

.b-logo-msg:before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #6291ab; border-style: solid; border-width: 6px; content: ""; left: 33px; position: absolute; top: -12px; }

.contacts-item a, .contacts-item { color: #6291ab; margin: 0 10px 0 0; position: relative; }

.contacts-item:before { background-position: left center; content: ""; height: 18px; left: -34px; position: absolute; width: 18px; }

.contacts-inst:before { background-image: url("/images/insta.png"); }

.contacts-item a, .contacts-item { color: #6291ab; position: relative; }

.contacts-item a:hover { color: #75afd0; }

.contacts-item { margin: 0 0 0 58px; line-height: 18px; display: inline-block; }

.contacts-fb:before { background-image: url("/images/fb.png"); }

.contacts-phone:before { background-image: url("/images/phone.png"); }

.contacts-phone-white { color: #ffffff; font-size: 16px; }

.contacts-phone-white-footer { color: #ffffff; }

.navNew { list-style: outside none none; margin: 0; }

.nav-item { display: inline-block; text-transform: uppercase; vertical-align: top; margin: 0 0 0 22px; }

.nav-a { color: #ffffff; }

.nav-a:hover { color: #afb800; }

.nav-active { border-bottom: 3px solid #afb800; color: #afb800; padding: 0 0 15px; }

header { padding: 35px 0 35px 0; }

.home { display: block; margin: 0 65px 33px 0; }

.b-home { margin: 15px 30px 0 0; }

.bh-link { color: #6291ab; font-size: 14px; }

.bh-link:hover, .bh-link-active { color: #aeb547; }

.b-right { margin: 14px 0 0; text-align: right; }

.bold { font-weight: bold; }

.b-nav { margin: 38px 0 0; }

.b-main-slider { width: 100%; max-width: 1260px; margin: 0 auto; font-size: 0; }

.b-main-slider-item { position: relative; }

.b-main-slider-inf { left: 670px; position: absolute; top: 85px; margin: 0 0 0 -70px; }

.b-main-slider-question { background: #ffffff; color: #254556; display: inline-block; font-size: 15px; font-weight: bold; padding: 7px 14px 5px 13px; position: relative; }

.b-main-slider-question:after { border-color: #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 6px; bottom: -12px; content: ""; left: 33px; position: absolute; }

.b-main-slider-answer { color: #ffffff; font-size: 35px; margin: 17px 0 0 13px; text-shadow: 1px 1px #000000; }

.title { margin: 0 auto; max-width: 1260px; position: relative; text-align: center; z-index:0 }

.title-border-left { background: #6291ab; height: 1px; left: 0; position: absolute; right: 50%; top: 50%; }

.title-border-right { background: #6291ab; height: 1px; left: 50%; position: absolute; right: 0; top: 50%; }

.title-border-left:before { background: #ffffff; border: 1px solid #6291ab; content: ""; height: 3px; left: 0; position: absolute; top: -2px; width: 3px; }

.title-border-right:after { background: #ffffff; border: 1px solid #6291ab; content: ""; height: 3px; right: 0; position: absolute; top: -2px; width: 3px; }

.title-content { background: #ffffff; color: #254556; display: inline-block; font-size: 25px; font-weight: bold; padding: 27px 33px; position: relative; z-index: 9999; }

.b-projects { background: #ffffff; text-align: center; padding: 33px 0 62px; }

.b-projects-item { display: inline-block; margin: 0 0 80px; vertical-align: top; width: 280px; }

.b-projects-big { width: 394px; }

.b-projects-name { background: #254556; color: #ffffff; display: inline-block; font-size: 15px; font-weight: bold; padding: 6px 32px 4px; position: relative; }

.b-projects-name-arr:after, .about-title:after { border-color: #254556 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 6px; bottom: -12px; content: ""; left: 33px; position: absolute; }

.b-projects-name a { color: #ffffff; }

.b-projects-img { height: 120px; line-height: 120px; }

.b-projects-big .b-projects-img { height: 240px; line-height: 240px; }

.b-projects-desc { margin: 24px auto 0; max-width: 200px; }

.b-projects-img img { display: inline-block; vertical-align: middle; }

.b-projects-items { margin: 20px 0 -5px; }

.b-projects-date { margin: 0 0 10px; }

.title-white .title-content { color: #ffffff; text-shadow: 1px 1px #254556; background: #254556; }

.title-white .title-border-left, .title-white .title-border-right { background: #ffffff; }

.title-white .title-border-left:before, .title-white .title-border-right:after, .title-bluish .title-border-left:before, .title-bluish .title-border-right:after { background: #6291ab; border-color: #ffffff; }

.directions .title-content { background: #6291ab; }

.directions { background: #6291ab; border-bottom: 4px solid #b7c300; margin: 0 auto; max-width: 1260px; padding: 13px 0 39px; text-align: center; }

.directions-items { margin: 37px 0 0; }

.directions-item { display: inline-block; text-align: center; vertical-align: top; margin: 0 28px }

.directions-item:first-child { margin-left: 0; }

.directions-item:last-child { margin-right: 0; }

.directions-img { height: 60px; margin: 0 0 31px; }

.directions-a { color: #ffffff; display: block; text-shadow: 1px 1px #254556; text-transform: uppercase; }

.b-send-app { text-align: center; padding: 34px 0 64px; }

.b-form { margin: 49px 0 0; }

.b-desc {  
  text-align: center; 
  z-index: 777; 
  top: 28px; 
  font-weight: 700;
  font-size: 18px;}

  .b-descMes { 
  color: #ffffff; 
  text-align: center; 
  position: absolute; 
  z-index: 777; 
  top: 28px; 
  font-weight: 800;
  font-size: 20px;
  text-shadow: 0px 0px 23px #000}

.form-item { font-size: 0; }

.col-50 { display: inline-block; vertical-align: top; width: 50%; }

.form-group label { color: #ffffff; font-size: 13px; margin: 0 16px 0 14px; }

input.form-field-min { width: 271px !important; }

.required { color: #b7c300; display: inline-block; font-size: 13px; margin: 0 16px 0 0; }

.b-send-app input { width: calc(100% - 74px); }

.form-item-btn { margin: 36px 0 0; }

.partners { background: #ffffff; text-align: center; padding: 43px 0 52px; }

.partners-list { margin: 0 -20px 22px; }

.partners-item-1 { background-image: url(/img/logo/im_1b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-2 { background-image: url(/img/logo/im_2b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-3 { background-image: url(/img/logo/im_3b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-4 { background-image: url(/img/logo/im_4b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-5 { background-image: url(/img/logo/im_5b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-6 { background-image: url(/img/logo/im_6b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-7 { background-image: url(/img/logo/im_7b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-8 { background-image: url(/img/logo/im_8b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-9 { background-image: url(/img/logo/im_9b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-10 { background-image: url(/img/logo/im_10b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-11 { background-image: url(/img/logo/im_11b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-12 { background-image: url(/img/logo/im_12b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-13 { background-image: url(/img/logo/im_13b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-14 { background-image: url(/img/logo/im_14b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-15 { background-image: url(/img/logo/im_15b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-16 { background-image: url(/img/logo/im_16b.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }



.partners-item-1:hover { background-image: url(/img/logo/im_1.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-2:hover { background-image: url(/img/logo/im_2.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-3:hover { background-image: url(/img/logo/im_3.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-4:hover { background-image: url(/img/logo/im_4.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-5:hover { background-image: url(/img/logo/im_5.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-6:hover { background-image: url(/img/logo/im_6.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-7:hover { background-image: url(/img/logo/im_7.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-8:hover { background-image: url(/img/logo/im_8.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-9:hover { background-image: url(/img/logo/im_9.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-10:hover { background-image: url(/img/logo/im_10.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-11:hover { background-image: url(/img/logo/im_11.gif); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-12:hover { background-image: url(/img/logo/im_12.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-13:hover { background-image: url(/img/logo/im_13.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-14:hover { background-image: url(/img/logo/im_14.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-15:hover { background-image: url(/img/logo/im_15.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }

.partners-item-16:hover { background-image: url(/img/logo/im_16.png); background-repeat: no-repeat; display: inline-block; margin: 80px 31px 80px; vertical-align: middle; width: 195px; }



/*.partners-item img {

  filter: grayscale(100%);

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: gray;

  -webkit-filter: grayscale(1);

/*  opacity: 0.6;*/

}*/



.sub {border: none; padding: 13px 34px 11px; width: auto !important; }

.b-contacts .title-border-right { left: 68%; }

.b-contacts .title-border-left { right: 68%; }

.b-contacts .title-content { background: none; }

.b-contacts { background: #ffffff; height: 493px; padding: 7px 0 0; position: relative; }

.map { background-image: url("/images/map.jpg");background-color: #1a394b; background-size: cover; background-position: center bottom; background-repeat: no-repeat; bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.b-contacts-info {

  border-bottom: 4px solid #b7c300;

  bottom: 0;

  color: #ffffff;

  font-size: 25px;

  left: 0;

  margin: 0 auto;

  max-width: 1260px;

  padding: 0 0 32px;

  position: absolute;

  right: 0;

  text-align: center;

  z-index: 9999;

  text-shadow: 1px 1px #081620;

}



.containers { width:80%; margin: 0 auto; }

.b-contacts-phone { margin: 16px 0 10px; }

.b-contacts-email { font-size: 13px; }

.b-contacts-label { color: #6291ab; }

footer { background: #ffffff; padding: 42px 0 33px;  padding-bottom: 0px !important;
}

.footer-nal { list-style: outside none none; margin: 0; }

.footer-nav-item { display: inline-block; margin: 0 0 15px; padding: 0 0 0 15px; position: relative; vertical-align: top; width: 147px; font-weight: bold; }

.footer-nav-item:before { border: 1px solid #6291ab; content: ""; height: 3px; left: 0; margin: -3px 0 0; position: absolute; top: 50%; width: 3px; }

.footer-nav-link { color: #254556; text-transform: uppercase; }

.footer-nav-link:hover { color: #afb800; }

.copyright { margin: 39px 0 0; text-align: center; }

.page header { padding-bottom: 20px; }

.box { background: #ffffff; }

.dark { color: #254556; }

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

.about-title { background: #254556; color: #ffffff; font-size: 15px; font-weight: bold; }

.about-item { display: inline-block; margin: 0 17px 63px; vertical-align: top; width: 295px; }

.about-title { background: #254556; color: #ffffff; font-size: 15px; font-weight: bold; margin: 34px 0 24px; padding: 7px 0 5px; position: relative; }

.about-desc { font-size: 14px; }

.about-list { margin: 48px 0 0; }

.content { padding: 33px 0 0 0; }

.title-bluish .title-content { background: #6291ab; color: #fff; }

.title-bluish .title-border-left, .title-bluish .title-border-right { background: #fff; }

.history { background: #6291ab; border-bottom: 4px solid #b7c300; margin: 0 auto; max-width: 1260px; padding: 13px 0 0; }

.history-slider { margin: 11px 0 0; text-align: center; }

.history-slider-for-item { background: #ffffff; padding: 10px 10px 11px 58px; }

.history-slider-for-subitem { display: inline-block; margin: 0 45px 0 0; text-align: left; vertical-align: top; }

.history-slider-for-subitem img { display: inline-block; }

.history-slider-text { display: inline-block; font-size: 15px; margin: 10px 0 0 17px; vertical-align: top; }

.history-slider-text > span { display: block; font-size: 25px; font-weight: bold; line-height: 1; }

.history-slider-nav-item { display: inline-block; font-size: 25px; margin: 0 45px; vertical-align: top; }

.history-slider-nav { margin: 34px 0 29px; }

.history-slider-nav-item { display: inline-block; font-size: 25px; margin: 0 45px; vertical-align: top; }

.history-slider-nav-item a { color: #254556; }

.history-slider-for-subitem:last-child .history-slider-text { max-width: 290px; }

.pre-desc { color: #ffffff; font-size: 15px; margin: 41px auto 38px; }

.command .container { height: 100%; position: relative; }

.command { margin: 180px 0 0; padding: 0 0 1px; }

.command-item {

  background: rgb(244,244,244);

  background: -moz-radial-gradient(center, ellipse cover, rgba(244,244,244,1) 0%, rgba(239,239,239,1) 35%, rgba(236,236,236,1) 60%, rgba(218,218,218,1) 93%, rgba(206,206,207,1) 100%);

  background: -webkit-radial-gradient(center, ellipse cover, rgba(244,244,244,1) 0%,rgba(239,239,239,1) 35%,rgba(236,236,236,1) 60%,rgba(218,218,218,1) 93%,rgba(206,206,207,1) 100%);

  background: radial-gradient(ellipse at center, rgba(244,244,244,1) 0%,rgba(239,239,239,1) 35%,rgba(236,236,236,1) 60%,rgba(218,218,218,1) 93%,rgba(206,206,207,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#cececf',GradientType=1 );

  height: 134px;

  margin: 0 0 4px;

  position: relative;

}

.command-center { text-align: center; }

.command-right { text-align: right; }

.command-info { display: inline-block; margin: 0; text-align: left; vertical-align: middle; }

.command-name, .command-name a { color: #254556; font-size: 17px; }

.command-position, .command-position a { color: #6291ab; font-size: 14px; }

.command-contacts { display: none; }

.command-arr { background-image: url("/images/command_arr.png"); display: inline-block; height: 35px; margin: 1px 24px 0 0; vertical-align: middle; width: 35px; }

.command-arr-right { background-position: 35px 0; margin: 1px 30px 0 24px; }

.command-photo { display: inline-block; height: 100%; margin: 0; position: relative; vertical-align: middle; width: 280px; font-size: 0; }

.command-photo-img {

  bottom: 0;

  left: 0;

  position: absolute;

  filter: grayscale(100%);

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: gray;

  -webkit-filter: grayscale(1);

}

.command-item.command-active {

  background: rgb(172,181,0);

  background: -moz-radial-gradient(center, ellipse cover, rgba(172,181,0,1) 18%, rgba(168,177,0,1) 53%, rgba(164,173,0,1) 68%, rgba(154,163,0,1) 93%, rgba(140,149,0,1) 100%);

  background: -webkit-radial-gradient(center, ellipse cover, rgba(172,181,0,1) 18%,rgba(168,177,0,1) 53%,rgba(164,173,0,1) 68%,rgba(154,163,0,1) 93%,rgba(140,149,0,1) 100%);

  background: radial-gradient(ellipse at center, rgba(172,181,0,1) 18%,rgba(168,177,0,1) 53%,rgba(164,173,0,1) 68%,rgba(154,163,0,1) 93%,rgba(140,149,0,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acb500', endColorstr='#8c9500',GradientType=1 );

  height: auto;

  padding: 30px 0 0;

}

.command-active .command-photo-img { filter: none; position: static; }

.command-active .command-arr { background-position: 0 35px; margin-top: 4px; vertical-align: top; }

.command-active .command-arr-right { background-position: 35px 35px; }

.command-active .command-name { font-size: 27px; }

.command-active .command-position { border-bottom: 3px solid #ffffff; color: #ffffff; display: inline-block; font-size: 17px; margin: -4px 0 19px; padding: 0 0 20px; }

.command-active .command-contacts { display: block; }

.command-label { color: #ffffff; font-size: 17px; margin: 0 0 10px; }

.command-phone { background-image: url("/images/command_phone.png"); background-position: left center; background-repeat: no-repeat; font-size: 17px; font-weight: bold; padding: 0 0 0 51px; margin: 0 0 7px; }

.command-mail { background-image: url("/images/command_mail.png"); background-position: left center; background-repeat: no-repeat; font-size: 14px; padding: 0 0 0 53px; }

.command-mail a { color: #254556; }

.command-desc { border-bottom: 4px solid #b7c300; color: #ffffff; font-size: 17px; padding: 48px 0 41px; text-align: center; }

.command-right .command-photo-img { left: auto; right: 0; }

.small { font-size: 25px; }

.lh-1 { line-height: 0.9; }

.mobile-menu { cursor: pointer; display: none; height: 20px; margin: -6px 0 0 0px; position: relative; width: 25px; float: right; }

.mobile-menu span {

  background: #fff;

  cursor: pointer;

  display: block;

  height: 3px;

  position: absolute;

  transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  width: 25px;

}

.mobile-menu span.top { top: 0px; }

.mobile-menu span.middle { top: 8px; }

.mobile-menu span.bottom { top: 16px; }

.mobile-menu.active span.top {

  top: 8px;

  -moz-transform: rotateZ(225deg);

  -ms-transform: rotateZ(225deg);

  -webkit-transform: rotateZ(225deg);

  -o-transform: rotateZ(225deg);

  transform: rotateZ(225deg);

}

.mobile-menu.active span.middle { opacity: 0; }

.mobile-menu.active span.bottom {

  top: 8px;

  -moz-transform: rotateZ(-225deg);

  -ms-transform: rotateZ(-225deg);

  -webkit-transform: rotateZ(-225deg);

  -o-transform: rotateZ(-225deg);

  transform: rotateZ(-225deg);

}


  /* == backtop == */
  .backTop{
    display: none;
  }

  .backTop.backTopActive{
      display: block !important;
      position: fixed;
      z-index: 999999999;
      float: right;
      right: 70px;
      bottom: 20px;
      width: 40px;
      height: 40px;
      background: transparent;
      border: 2px solid #ffffff;
      border-radius: 50%;
      opacity: 0.5;
      -webkit-transition: ease-out 0.2s;
         -moz-transition: ease-out 0.2s;
           -o-transition: ease-out 0.2s;
              transition: ease-out 0.2s;
  }

  .backTop.backTopActive:hover{
      outline: none;
      background: #b7c300;
      border: 2px solid #b7c300;
      opacity: 1;
      -webkit-transition: ease-out 0.2s;
         -moz-transition: ease-out 0.2s;
           -o-transition: ease-out 0.2s;
              transition: ease-out 0.2s;
  }

  .backTop.backTopActive a:after{
      content: "";
      background: transparent;
      border: 2px solid #ffffff;
      width: 50px;
      height: 50px;
      border-radius: 50%;    
      position: absolute;
      z-index: 7;
      -webkit-transition: ease-out 0.2s;
         -moz-transition: ease-out 0.2s;
           -o-transition: ease-out 0.2s;
              transition: ease-out 0.2s;
  }

  .backTop.backTopActive:hover a:after{
      border: 2px solid #b7c300;
      width: 60px;
      height: 60px;
      -webkit-transition: ease-out 0.2s;
         -moz-transition: ease-out 0.2s;
           -o-transition: ease-out 0.2s;
              transition: ease-out 0.2s;
  }

  .backTop.backTopActive .backTopBtn{  
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #fff;    
      border-radius: 50%;
    }

    .backTop.backTopActive .backTopBtn{
      background-color: transparent;        
    }

  .backTop.backTopActive img{
      position: absolute;
      z-index: 2;
      width: 30px;
      height: 30px;
  }

  .backTop.backTopActive .backTopBtn:hover .iconUpGrey,
  .backTop.backTopActive .backTopBtn .iconUpWhite{
      opacity: 0;
      -webkit-transition: ease-out 0.2s;
         -moz-transition: ease-out 0.2s;
           -o-transition: ease-out 0.2s;
              transition: ease-out 0.2s;
  }

  .backTop.backTopActive .backTopBtn:hover .iconUpWhite,
  .backTop.backTopActive .backTopBtn .iconUpGrey{
      opacity: 1;
      -webkit-transition: ease-out 0.2s;
         -moz-transition: ease-out 0.2s;
           -o-transition: ease-out 0.2s;
              transition: ease-out 0.2s;
  }

  
  /* == backtop == */

.slick-arrow {

  background: rgba(0, 0, 0, 0) url("/images/arr.png") no-repeat scroll 0 0;

  border: 0 none;

/*  height: 19px;*/

  height: 40px;

  position: absolute;

  text-indent: -9999px;

  top: 41%;

/*  width: 11px;*/

  width: 41px;

  z-index: 99;

}

.slick-prev { left: 30px; background-position: center left 5px; }

.slick-next {

  right: 30px;

  -moz-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  -webkit-transform: rotate(-180deg);

  -o-transform: rotate(-180deg);

  transform: rotate(-180deg);

  overflow: hidden;

  background-position: center left 5px;

}

.command-bi { display: inline-block; }

.time-scale { border-bottom: 4px solid #afb800; }

.scale { background: #afb800; margin: 0 auto 10px; max-width: 1260px; padding: 34px 0 29px; text-align: center; }

.scale-item { color: #ffffff; display: inline-block; font-size: 20px; margin: 0 50px; vertical-align: top; }

.scale-item a { color: #ffffff; }

.page-projects-date { color: #b7c300; }

.page-projects-title-mobile { display: none; }

.page-projects-title { margin: 17px 0 0; position: relative; }

.page-projects-border { background: #254556; height: 1px; left: 0; margin: 0 auto; max-width: 1260px; position: absolute; right: 0; top: 20px; }

.page-projects-title-img { background: #ffffff; display: inline-block; padding: 0 40px; position: relative; }

.page-projects-desc { margin: 90px 0 0 40px; max-width: 295px; }

.page-projects-subtitle { font-size: 25px; font-weight: bold; }

.page-projects-desc p { font-size: 16px; line-height: 1; margin: 15px 0 0; }

.page-projects-period { font-size: 15px; font-weight: bold; margin: 19px 0 33px 0; }

.page-projects-period > span { color: #b7c300; }

.page-projects-info { background: #6291ab; color: #ffffff; padding: 29px 0 23px 40px; position: relative; margin: 67px 0 0; }

.page-projects-percent-title { font-size: 15px; font-weight: bold; margin: 14px 280px 0 -25px; width: 530px; }

.page-projects-percent { display: inline-block; font-size: 65px; font-weight: bold; margin: 0 10px 0 0; }

.page-projects-data { display: inline-block; font-size: 15px; }

.page-projects-views { margin: 0 0 3px; }

.page-projects-label { display: inline-block; padding: 0 45px 0 0; text-align: right; width: 100px; }

.page-projects-views .page-projects-label { background-image: url("/images/views.png"); background-position: right 14px center; background-repeat: no-repeat; }

.page-projects-clicks .page-projects-label { background-image: url("/images/clicks.png"); background-position: right 17px center; background-repeat: no-repeat; }

.page-projects-site { bottom: -143px; left: 320px; position: absolute; }

.page-projects { overflow: hidden; padding: 33px 0 110px; }

.projects-btn { margin: 34px 0 0 40px; }

.page-projects-item { border-bottom: 50px solid #254556; box-shadow: 0 4px 0 0 #b7c300; margin: 0 0 32px; padding-bottom: 96px; }

.page-projects-item:last-child { border: medium none; box-shadow: none; padding: 0; }



.slick-disabled { display: none !important; }

.scale .slick-prev, .history .slick-prev { left: 10px; top: 17%; }

.scale .slick-next, .history .slick-next { right: 10px; top: 17%; }.slick-current a {	text-decoration: underline;}.portfolio-current {	text-decoration: underline !important;}



.panel-inform { color: #ffffff; font-family: 'Cuprum'; font-size: 14px; text-align: center; padding: 6px 0 70px; }

.title-dark .title-border-left:before, .title-dark .title-border-right:after { background: #254556; }

.title-dark .title-content { background: #254556; color: #6291ab; font-family: 'Cuprum'; }

.stages-work { background: #ffffff; font-family: 'Cuprum'; padding: 30px 5px 0 5px}

.stages-content { background: #ffffff; font-family: 'Cuprum'; padding: 30px 5px 0 5px}

.stage-work-number { color: #6291ab; font-size: 25px; font-weight: bold; left: 0; position: absolute; top: 0; }

.stage-work-label { font-size: 15px; font-weight: bold; margin: 0 0 15px; }

.stage-work-desc { vertical-align: top; width: calc(49% - 55px); padding: 0 0 0 55px; position: relative; display: inline-block; z-index: 9; }

.stage-work-number { color: #6291ab; font-size: 25px; font-weight: bold; left: 0; position: absolute; top: -10px; }

.stage-work-img { display: inline-block; text-align: center; width: 50%; vertical-align: top; }

.stage-work-text { margin: 0 0 14px; }

.step1 { margin: 0 0 45px; position: relative; }

.step1:after { content: ""; background-image: url("/images/step_arr_1.png"); height: 194px; left: 400px; position: absolute; top: 170px; width: 153px; z-index: 9; }

.step1 .stage-work-desc { margin: 55px 0 0; max-width: 320px; }

.step2 { margin: 0; position: relative; }

.step2:after { background-image: url("/images/step_arr_2.png"); content: ""; height: 153px; left: 400px; position: absolute; top: 300px; width: 194px; z-index: 9; }

.step2 .stage-work-desc { margin: 30px -60px 0 90px; max-width: 340px; }

.step3 { margin: -80px 0 0; position: relative; }

.step3:after { background-image: url("/images/step_arr_3.png"); content: ""; height: 153px; left: 380px; position: absolute; top: 390px; width: 194px; z-index: 9; }

.step3 .stage-work-desc { margin: 150px 0 0 !important; max-width: 330px; }

.step4 { margin: -70px 0 0; position: relative; }

.step4:after { background-image: url("/images/step_arr_4.png"); content: ""; height: 153px; left: 430px; position: absolute; top: 250px; width: 194px; z-index: 9; }

.step4 .stage-work-desc { margin: 100px 0 0 90px; max-width: 330px; }

.step5 { position: relative; }

.step5 .stage-work-desc { margin: 125px 0 0 40px; max-width: 350px; }

.step5:after { background-image: url("/images/step_arr_5.png"); content: ""; height: 87px; left: 330px; position: absolute; top: 340px; width: 163px; z-index: 9; }

.step6 { margin: -45px 0 35px; position: relative; }

.step6:after { background-image: url("/images/step_arr_6.png"); content: ""; height: 49px; left: 420px; position: absolute; top: 320px; width: 122px; z-index: 9; }

.step6 .stage-work-desc { margin: 115px 0 0 90px; max-width: 346px; }

.step7 .stage-work-desc { margin: 107px 0 0; max-width: 340px; }

.inform { margin: 58px 0 49px; text-align: center; text-transform: uppercase; }

.stage-work-mobile, .stage-work-text-2 { display: none; }

.stage-work-more.all  { display: inline-block; margin: 0 0 60px; }



.panel-ig { background: #fff; }

.panel-ig-scale { background: #afb800; margin: 0 auto 0; max-width: 1260px; padding: 34px 0 29px; text-align: left; }

.panel-ig-scale-item { color: #ffffff; display: inline-block; font-size: 16px; margin: 0 50px 0 10px; vertical-align: top; }

.panel-ig-scale-item a { color: #ffffff; border-bottom: 1px dotted; }

.panel-ig-scale-item-active a { color: #254556; border-bottom: none; }

.panel-ig-scale-item:not(.panel-ig-scale-item-active) a:hover { color: #6190a9; }



.block-text { background: #ffffff; font-family: 'Cuprum'; font-size: 14px; padding: 48px 0 20px; }

.block-text p { margin: 0 0 15px; }

.text-big-img { border: 1px solid #f2f2f2; font-size: 0; margin: 40px 0; padding: 20px 20px 0; text-align: center; }

.text-big-img > img { max-width: 100%; }

.scale-item-active a { border-bottom: 2px solid #ffffff; padding: 0 0 5px; }

/* Reviews CSS */
.reviews{
  width: 100%;
  background-color: #f6f6f6;
  padding-bottom: 40px;
}
.reviews-list{
  background-color: #f6f6f6;
}
.show-more{
  padding-top: 20px;
}
.show-more a{
  color: #b7c300;
  text-decoration: underline;
}
.reviews-list{
  overflow: hidden;
}
.review, .comment{
  position: relative;
  padding: 25px;
  background-color: #fff;
  margin: 15px 0;
  width: 89%;
  margin-left: 5%;
  border: 1px solid #dedede;
  text-align: left;
}
.comment{
  border: none;
  background: none;
  width: 78%;
  margin-left: 11%;
}
.review:before{
  content: url(../images/review-arrow.png);
  display: block;
  position: absolute;
  left: -7px;
  top: 35px;
}
.review .review-photo, .comment .comment-photo{
  position: absolute;
  left: -50px;
}
.review-photo .ava-letter, .comment-photo .ava-letter{
  display: flex;
  width: 40px;
  height: 40px;
  background-color: #4a5f68;
  color: #fff;
  vertical-align: middle;
  font-size: 23px;
  border-radius: 50%;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
}
.review-photo img, .comment-photo img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.review-body-header h4, .comment-body-header h4{
  line-height: 1.4;
  font-size: 13px;
  color: #b7c300;
  text-transform: uppercase;
}
.review-body-header h4 span, .comment-body-header h4 span{
  color: #999999;
  text-transform: capitalize;
}
.review-body-text p, .comment-body-text p{
  font-style: italic;
  font-size: 17px;
  color: #000;
}
.review-body-rating{
  list-style: none;
  margin-left: 0;
}
.review-body-rating>li, .reviews-head-rate>li{
  width: 14px;
  height: 12px;
  background-size: 100%;
  display: inline-block;
  mask: url(../images/rate1.png);
  -webkit-mask: url(../images/rate1.png);
  mask-size: 100%;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
}
.review-body-rating>li.rated, .reviews-head-rate>li.rated{
  background-color: #e7711b;
}
.review-body-rating>li.unrated, .reviews-head-rate>li.unrated{
  background-color: #999999;
}
.review-like, .review-comment-btn{
  display: inline-block;
}
.review-like{
  cursor: pointer;
}
.review-comment-btn button, .review-like{
  background: none;
  border: none;
  color: #999999;
  transition: all .5s;
}
.review-comment-btn button:hover, .review-like:hover{
  color: #b7c300;
}
.review-comment-btn button:hover i.chat, .review-like:hover i.like{
  background-color: #b7c300;
  transition: all .5s;
}
i.chat, i.like{
  background-color: #999999;
  width: 13px;
  height: 13px;
  display: inline-block;
  mask-size: 100%;
  -webkit-mask-size: 100%;
  margin-right: 10px;
}
i.chat{
  -webkit-mask-image: url(../images/chat.svg);
  mask-image: url(../images/chat.svg);
}
i.like{
  -webkit-mask-image: url(../images/like.svg);
  mask-image: url(../images/like.svg);
}
.reviews-head{
  display: flex;
  width: 100%;
}
.reviews-head .rate, .reviews-head .write{
  flex: 0 0 50%;
  max-width: 50%;
}
.reviews-head .rate span{
  font-size: 65px;
  font-weight: bold;
  color: #e7711b;
}
.reviews-head-rate>li{
  width: 22px;
  height: 22px;
}
.reviews-head-rate{
  margin-bottom: 0;
  margin-left: 25px;
}
.reviews-head .rate label{
  margin-left: 18px;
  color: #999999;
  font-size: 17px;
}
.reviews-head .rate{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.review-body-time, .comment-body-time{
  display: flex;
  justify-content: flex-start;
}
.review-time, .comment-time{
  font-size: 13px;
  color: #999999;
}
.review-time label, .comment-time label{
  margin: 0 10px;
  color: #6291ab;
}
.review-body-text p, .comment-body-text p{
  margin-top: 5px;
  margin-bottom: 30px;
}
.write-icon{
  background-image: url(../images/write.png);
  width: 14px;
  height: 14px;
}
.reviews-head .write{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.reviews-head .write .btn{
  background-image: url(../images/write.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 65px;
  font-size: 17px;
  padding: 15px;
  padding-left: 100px;
  padding-right: 60px;
  color: #fff;
}
.filter{
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding: 20px 0;
}
.filter .dropdown-content{
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 100px;
  overflow: auto;
  z-index: 1;
  bottom: -18px;
  text-align: left;
}
.filter .dropdown-content.show{
  display: block;
}
.filter .dropdown-content a{
  color: #254556;
}
.filter .bottom-chevron{
  width: 7px;
  height: 4px;
  background-image: url(../images/bot_arrow.png);
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 100%; 
  margin-left: 35px;
  margin-bottom: 3px;
}
.add-review{
  background-color: #254556;
  text-align: center;
}
.add-review .title-content{
  background-color: #254556;
  color: #fff !important;
}
#sortBy{
  margin-left: 10px;
  cursor: pointer;
  min-width: 100px;
}
.star-cb-group {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
  /* the hidden clearer */
}
.star-cb-group * {
  font-size: 32px;
}
.star-cb-group > input {
  display: none;
}
.star-cb-group > input + label {
  /* only enough room for the star */
  display: inline-block;
  overflow: hidden;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.star-cb-group > input + label:before {
  display: inline-block;
  content: "☆";
  color: #888;
}
.star-cb-group > input:checked ~ label:before, .star-cb-group > input + label:hover ~ label:before, .star-cb-group > input + label:hover:before {
  content: "★";
  color: #e7711b;
  text-shadow: 0 0 1px #333;
}
.star-cb-group > .star-cb-clear + label {
  width: .5em;
  margin-left: -.5em;
  opacity: 0;
}
.star-cb-group > .star-cb-clear + label:before {
  width: .5em;
}
.star-cb-group:hover > input + label:before {
  content: "☆";
  color: #888;
  text-shadow: none;
}
.star-cb-group:hover > input + label:hover ~ label:before, .star-cb-group:hover > input + label:hover:before {
  content: "★";
  color: #e7711b;
  text-shadow: 0 0 1px #333;
}
fieldset {
  border: 0;
  width: 13em;
  border-radius: 1px;
  margin: 0 auto;
  margin-bottom: 20px;
}
#add-review{
  color: #254556;
  padding-bottom: 50px;
}
#add-review .form-item{
  margin-bottom: 5px;
}
.add-review input[type="text"]{
  width: calc(100% - 70px);
}
.add-review textarea{
  font-size: 15px;
  width: calc(100% - 80px);
  border-radius: 11px;
  -webkit-border-radius: 11px;
  border: 0;
  padding-top: 15px;
  padding-left: 13px;
  min-height: 185px;
  margin-right: 21px;
  margin-bottom: 11px;
}
.col-25{
  width: 25%;
  display: inline-block;
  float: left;
}
.col-75{
  width: 75%;
  display: inline-block;
  text-align: right;
}
.col-100{
  display: inline-block;
  width: 100%;
}
.inputfile{
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1p
}
.inputfile + label{
  width: 90%;
  height: 200px;
  max-height: 200px;
  display: inline-block;
  font-size: 15px;
  border: 1px solid #5e8da6;
  border-radius: 11px;
  margin: 0;
  cursor: pointer;
  margin-left: 20px;
  background-image: url(../images/photo+.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}
.inputfile + label .photo-text{
  margin-top: 130px;
  display: block;
}
.inputfile + label * {
  pointer-events: none;
}
.hide{
  display: none;
}
.inputfile + label>img{
  max-height: 200px;
  border-radius: 11px;
}
#add-review .form-item-btn{
  margin-top: 0;
}
#add-review .form-item-btn .btn{
  padding: 15px 35px 16px;
}
@media only screen and (max-width: 1060px) {

  .b-main-slider-inf { left: auto; right: 30px; text-align: right; }

  .b-main-slider-answer { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); }

}

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

  .container { max-width: 800px; }

  .b-home { display: none; }

  .b-main-slider-item > img { margin: 0 0 0 -136px; }

  .b-projects-big { width: 374px; }

  .b-projects-big-last { display: block; margin-left: auto; margin-right: auto; }

  .directions-item { margin: 0 12px; }

  .horizontal-fix { margin: -15px 0 0 20px; padding: 0; text-align: left; width: calc(50% - 20px); }

  .horizontal-fix .required { margin: 0 0 0 20px; }

  .b-send-app input { margin-bottom: 40px; }

  input.form-field-min { margin-right: 0; width: calc(100% - 51px) !important; }

  .partners-list { margin: 0 0 22px; }

  .footer-nal { text-align: center; }

  .footer-nav-item { text-align: left; }

  .history-slider-for-subitem:last-child .history-slider-text { max-width: 150px; }

  .history-slider-for-item { padding: 10px 10px 11px; margin: 0 10px; }

  .history-slider-nav-item { margin: 0 35px; }

  .footer-nav-item { width: 175px;  }

  

  .history-slider-for-subitem { display: block; margin: 10px auto; text-align: left; width: 300px; }

  

  .command { margin: 60px 0 0; }

  .command-item { height: auto; padding-top: 20px; }

  .command-photo { overflow: hidden; }

  .command-photo-img { position: static; }

  .scale-item { margin: 0 30px; }

  .page-projects-site { bottom: -40px; width: 800px; }

  .page-projects-site > img { width: 100%; }

  .review, .comment{ width: 70%; margin-left: auto; margin-right: auto; margin-top: 40px; }

  .stage-work-img img { max-width: 100%; }

  .stage-work:after { content: none; }

  .step3 { margin: -10px 0 0; }

  .step4 { margin: -40px 0 50px; }

  .step6 { margin: 20px 0 60px; }

  .stage-work-desc { margin-left: 15px !important; }

  .step4 .stage-work-desc, .step7 .stage-work-desc { max-width: 310px; }

  .step5 .stage-work-desc { max-width: 320px; }

  .step6 .stage-work-desc { max-width: 325px; }

  

  .b-right { margin-left: -27px !important; }

}

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

  .container { max-width: 768px; }

  .directions-item { margin: 0 8px; }

  .reviews-head{ flex-wrap: wrap; }
  
  .review, .comment{ width: 70%; margin-left: auto; margin-right: auto; margin-top: 40px; }

  .review .review-photo, .comment .comment-photo{ top: -20px; left: calc(50% - 20px); }
  .reviews-head .rate{ flex-wrap: wrap; margin-bottom: 20px; }

  .reviews-head .rate, .reviews-head .write{ flex:0 0 100%; max-width: 100%; justify-content: center;}
  
  .review:before{ display: none; }

  .stages-work { text-align: center; }

  .stages-work .stage-work-desc { text-align: left; margin-top: 50px !important; width: calc(100% - 150px); max-width: 100%; margin-left: 0 !important; margin-right: 0; }

  .stage-work-mobile, .stage-work-img { display: block; margin: 0 auto; }

  .stage-work-pc { display: none; }

  .stage-work { margin: 0 0 90px !important; }

  .b-right { margin-left: -40px !important; }

}

@media only screen and (min-width: 780px) { 

  .navNew { display: block !important; }

}

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

  .container { max-width: 600px; }

  .contacts-item-label { display: none; }

  .b-logo-msg { margin: 19px 0 0; display: none;}

  .contacts-item { margin: 0 0 0 0; width: 100%;}

  .navNew { display: none; }

  .mobile-menu { display: block; }

  .mobile-menu {
    display: block !important;
    z-index: 999999999 !important;
    position: absolute !important;
    right: 20px !important;
    top: 70px !important;
  }

  .headerNumTop{
    margin-left: 15px !important;
    margin-top: -2px !important;
    position: absolute !important;
    z-index: 999 !important;
  }

  .headerNumTop .contacts-phone-white{
    font-size: 20px !important;
  }

  .contacts-phone:before,
  .headerNumHid{
    display: none !important;
  }

  .b-right .watsHead{
    top: 134px !important;
    left: 185px !important;
  }

  .mobile-menu.active span{
    background: #b3be00;
  }

  .navNew {
    background: #ffffff;
    border-bottom: 4px solid #b7c300;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.6);
    left: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 115px;
    z-index: 99999999;
  }

  .nav-item { display: block; padding: 5px 0 5px 0; }

  .nav-a { color: #254556; }

  .nav-active { border-bottom: medium none; color: #afb800 !important; padding: 0; }

  .b-projects-big { width: 350px; }

  .b-projects-img img { max-width: 100%; }

  .title-content { padding: 27px 7px; }

  .directions-item:first-child, .directions-item, .directions-item:last-child { margin: 0 28px 60px; }

  .directions { padding-bottom: 0; }

  header.header { 
		padding: 35px 10px 50px; 
	  	position: fixed;
    	top: 0;
    	left: 0;
    	width: 100%;
    	z-index: 5;
	}
	
	html>body {
        margin-top: 81px;
    }
	
	.header>.container{
		display: flex;
    	align-items: center;
    	padding-top: 20px;
    	padding-bottom: 20px;
	}
	.header__block {
        margin-left: 20px;
    }

    div.header__tel {
        display: flex;
        align-items: center;
        padding-bottom: 0
    }
	
	div.header__logo{
		padding-top: 0;
	}

  .b-nav { margin: 25px 0 0; }

  .page-projects-title-img > img { width: 100%; }

  .page-projects-site { margin: 20px 0 0; position: static; width: 100%; }

  .b-right { float: none; text-align: left; margin-left: 0 !important; margin-bottom: 20px; }

  .b-nav { margin: -17px 0 0 0; }

  .navNew { top: 235px; }

  /* .contacts-item a, .contacts-item { margin:0; } */

  .visible-xs {display: block;}

  .b-contacts-info {padding-bottom: 7px;}
  
  
}

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

  .container { max-width: 540px; }

  .contacts-item { display: block; margin: 0 0 11px 7px; text-align: left; }

  .b-main-slider-answer { background: rgba(255, 255, 255, 0.82); color: #254556; padding: 2px 10px; text-shadow: none; font-size: 20px; }

  .small { font-size: 15px; }

  .b-main-slider-item > img { margin: 0 0 0 -218px; }

  .b-projects-big { width: 300px; }

  .directions-item:first-child, .directions-item, .directions-item:last-child { width: 100px; }

  .col-50 { margin-left: 0; width: 100%; }

  .horizontal-fix .required { margin: 0 16px 0 0; }

  input.form-field-min { margin-right: 0; width: calc(100% - 236px) !important; }

  .b-projects-items { margin: 80px 0 20px; }

  .content { padding: 10px 0 0; }

  .command-center { text-align: left; }

  .command-bi { display: inline-block; position: absolute; top: 20px; }

  .command-right .command-bi { left: 20px; }

  .command-center .command-bi { right: 20px; }

  .command-active .command-name { font-size: 18px; }

  .command-active .command-position { font-size: 14px; }

  .command-label, .command-phone, .command-mail { font-size: 14px; }

  .command-phone { padding: 0 0 0 31px; }

  .command-mail { padding: 0 0 0 33px; }

  .page-projects { padding: 33px 0 60px; }

}

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

  .container { max-width: 480px; }

  .partners-item { margin: 25px 31px; }

  .partners-item img { margin: 0 auto; }

  .b-projects-item { margin: 60px 0 -40px; }

  .b-projects-big { margin: 0; }

  .b-projects-big-last { display: initial; }

  .b-contacts .title-border-left, .b-contacts .title-border-right { display: none; }

  .about-item { margin: 0 0px 63px; }

  .command .container { padding-top: 90px; }

  .command-bi { right: 20px; }

  .command-active .command-bi { background: rgba(239, 239, 239, 0.74) none repeat scroll 0 0; padding: 10px; z-index: 9; }

  .page-projects-desc { margin: 40px 0 0 40px; }

  #portfolioShowMore {

	  display: block;

  }
    .mobile-menu {
    display: block !important;
    z-index: 999999999 !important;
    position: absolute !important;
    right: 20px !important;
    top: 70px !important;
  }

  .headerNumTop{
    margin-left: 15px !important;
    margin-top: -23px !important;
    position: absolute !important;
    z-index: 999 !important;
  }

  .headerNumTop .contacts-phone-white{
    font-size: 20px !important;
  }

  .contacts-phone:before,
  .headerNumHid{
    display: none !important;
  }

  .b-right .watsHead{
    top: 114px !important;
    left: 230px !important;
  }

}

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

  .container { max-width: 320px; }

  header { padding: 35px 10px 20px; }

  .b-right { 
    float: none; 
    margin: 14px 0 20px !important; 
    text-align: right; 
    }

  .b-right .watsHead{
      text-align: right;
    position: absolute;
    z-index: 999;
    /* top: 140px;
    left: 170px; */
    }

    .b-right .watsHead{
    top: 114px !important;
    left: 230px !important;
  }

  .b-nav { margin: -30px 0 0; }

  .b-logo-msg { display: none; }

  .b-main-slider-inf { right: 10px; }

  .b-main-slider-answer { font-size: 17px; }

  .page-projects-label { width: 85px; }

  

  .stages-work .stage-work-desc { padding-left: 40px; width: calc(100% - 80px); }

  .inform { margin: -30px 10px 49px; }

  .block-text { padding: 48px 15px 20px; }

  .stage-work-more.all { margin: 0; }

  .navNew { top: 175px; }
    .mobile-menu {
    display: block !important;
    z-index: 999999999 !important;
    position: absolute !important;
    right: 20px !important;
    top: 70px !important;
  }

  .headerNumTop{
    margin-left: 15px !important;
    margin-top: -23px !important;
    position: absolute !important;
    z-index: 999 !important;
  }

  .headerNumTop .contacts-phone-white{
    font-size: 20px !important;
  }

  .contacts-phone:before,
  .headerNumHid{
    display: none !important;
  }

  .b-right .watsHead{
    top: 114px !important;
    left: 230px !important;
  }

  .partners-list div{
        margin: 5px 0 20px !important
  }

}


@media only screen and (max-width: 350px){
  .container { max-width: 300px; }
}


@media only screen and (max-width: 260px){
  .container { max-width: 300px; }
}

@media only screen and (max-width: 756px){
  .watsHead{
      text-align: right;
    position: absolute;
    z-index: 999;
    top: 185px;
    left: 170px;
    }
}



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

	.b-projects-info{

		display: none;

	}



	.directions {

    	display: none;

	}



	.panel-inform {

		display: none;	

	}



	.stages-work {

		display: none;
	}

    .stages-content{
        display: block;
    }

	.b-projects-items {

    margin: 0 0 -5px;

	}

}



/*стили обратной связи*/

.fixedContactForm{
  position: fixed;
  z-index: 999999999;
  width: 100%;
  background: rgba(37, 69, 86, 0.6);
  height: 90px;
  bottom: 0;
  transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
}



.fixedContactForm .container{
  max-width: 1110px;
}

.fixedContactForm .fixedForm{
  justify-content: center;
}

.fixedContactForm .fixedForm,
.fixedContactForm .fixedForm .fixedItem{
  display: -webkit-flex;
  display:flex;
  width: 100%;
  flex-direction: row;
}

.fixedContactForm .fixedForm form{
  display: -webkit-flex;
  padding: 20px 20px 20px 20px;
  width: 100%;  
  transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
}

.fixedContactForm .fixedForm form .fixedItem .col-4{
  width: 40%;
}

.fixedContactForm .fixedForm form .fixedItem .col-2{
  width: 20%;
  border-left: 2px solid #d0d0d0;
}

.fixedContactForm .fixedForm form .fixedItem input{
  font-family: 'Russia';
  width: 100%;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0 0 0 15px;
  height: 40px;
}

.fixedContactForm > button, .fixedContactForm input {
    font-size: 13px;
}

.fixedContactForm .fixedForm form .fixedItemBtn{
  margin: 0;
}

.fixedContactForm .fixedForm form .fixedItem input.leftBlock{
  border-radius: 10px 0 0 10px;
}

.formAct .formBtnSub.loading{background-image:url(../images/ajax-loader.gif) !important;background-repeat:no-repeat !important;background-position:98% center !important;}

.fixedContactForm .fixedForm form .fixedItem input.rightBlock{
  border-radius: 0 10px 10px 0;
  background: #b7c300;
  color: #fff;
  text-transform: uppercase;
}

.fixedContactForm .fixedForm form .fixedItem input.rightBlock:hover{
  background: #99a014;
}

.fixedContactForm .blockArrow{
    position: absolute;
    z-index: 99999999;
    width: 100%;
    bottom: -2px;
    text-align: center;
}

.fixedContactForm .blockArrow img{
  height: 25px;/* 
  transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s; */
}

.fixedContactForm.activeBlock{
  bottom: -65px;
  transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
}

.fixedContactForm.activeBlock .fixedForm form{
  padding: 35px 20px 20px 20px;
  transition: ease-out 0.7s;
    -webkit-transition: ease-out 0.7s;
    -moz-transition: ease-out 0.7s;
    -o-transition: ease-out 0.7s;
}

.fixedContactForm.activeBlock .blockArrow{
  bottom: 60px;
}

.fixedContactForm .blockArrow .arrowBlock img
{
	transform: rotate(180deg);
}

.fixedContactForm .blockArrow .arrowBlock.activeBtn img{
    transform: rotate(0deg);/* 
    transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s; */
}

@media screen and (max-width: 795px ){
  .fixedContactForm .fixedForm form .fixedItem .col-4{
    width: 100%;
  }

  .fixedContactForm .fixedForm form .fixedItem .col-2{
    width: 100%;
  }

  .fixedContactForm .fixedForm form .fixedItem input.rightBlock{
    border-radius: 10px;
  }

  .fixedContactForm .fixedForm form .fixedItem input.leftBlock{
    border-radius: 10px 0 0 10px !important;
  }

  .fixedContactForm .fixedForm form{
    max-width: 733px;
  }

  .fixedContactForm .fixedForm .fixedItem{
    flex-direction: row;
    flex-wrap: wrap;
  }

  .fixedContactForm .fixedForm .fixedItem .blockMob{
    width: 50% !important;
    overflow: hidden;
    margin-bottom: 10px;
  }

  .fixedContactForm .fixedForm .fixedItem .blockMob .centerBlock{
    border-radius: 0 10px 10px 0 !important;
    padding: 0 0 0 0px;
  }

  .fixedContactForm{
    height: 150px;
  }
}

@media screen and (min-width: 200px) and (max-width: 600px){
  .fixedContactForm{
    display: none !important;
  }  

  .div-phone-call{
    display: block!important;
  }

  .backTop.backTopActive{
    display: none !important;
  }
}



 .div-phone-call{
     right: 40px;
     bottom: 40px;
     position: fixed;
     z-index: 1000000000;
     display: none;
     background: transparent !important;
 }

 .div-phone-call img{
  height: 22px;
    margin-top: 20px;
 }

.div-phone-call .phone-btn{
    display: block;
    position: relative;
    width: 65px;
    height: 65px;
    padding: 0 !important;
    float: none;
    margin: 0 auto !important;
}
.div-phone-call .phone-btn a.phone-a{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999999;
    border: 0;
    font-size: 16px;
    color: #fff;
    background-color: #b7c300;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    cursor: pointer;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.div-phone-call .phone-btn a.phone-a i{
    display: inline;
    line-height: 80px;
    font-size: 26pt;
    color: #fff !important;
}
.div-phone-call .phone-btn .phone-call-ani{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid #b7c300;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    animation-name: ring_anim;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    -webkit-animation-name: ring_anim;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
}
@keyframes
ring_anim{
    from{transform:scale(1);opacity:1}
    to{transform:scale(1.6);opacity:0}
}
@-webkit-keyframes ring_anim{
    from{transform:scale(1);opacity:1}
    to{transform:scale(1.6);opacity:0}
}
@media only screen and (max-width: 1298px) {
    .backTop.backTopActive {
        bottom: 110px;
        border: 2px solid #b7c300;
    }

    .backTop.backTopActive a:after{
        border: 2px solid #b7c300;
    }

}

#showhide {
  display:none;
}
.middle-of-the-year {
    text-align:center;
}