html, body {padding:0px;margin:0px;height:100%;}
* {font-family:'Fira Sans Extra Condensed',Arial,Verdana,Tahoma,sans-serif;font-size:100%;transition:transform 0.7s ease 0s;}
html {background:#fff;}
body {color:#000;}
p {padding:5px;margin:0 0 10px 0;}
form {display:inline;}
img {border:none;box-sizing:border-box;}
div {box-sizing:border-box;}
input, textarea, select {box-sizing:border-box;transition: all 0.3s ease 0s;}
h1 {font-size:50px;color:#333;padding:25px 50px 20px 50px;font-weight:300;margin:30px 0px 25px -20px;line-height:1.0;background:#ffd70f;float:left;}
h2 {font-size:25px;color:#333;padding:30px 0px 15px 0px;font-weight:400;margin:0px;}
 h2::before {content:'';width:125px !important;height:5px !important;position:absolute;margin:-20px 0 0 -25px !important;background:#ffd70f;}
h3 {font-size:25px;color:#fff;padding:20px 50px 15px 50px;font-weight:300;margin:5px 0px 25px -55px;line-height:1.0;background:#10bab9;display:inline-block;}


form {display:inline;}
.warn {color:red;}

A:link {color:#0000ee;text-decoration:underline;}
A:visited {color:#551a8b;text-decoration:underline;}
A:active {text-decoration:none;}
A:hover {color:#0000ee;text-decoration:none;}


.w100 {width:100%;}
.bcb {clear:both;}
.dno {display:none;}
.incb {width:970px;margin:0 auto;}
.fl {float:left !important;}
.fr {float:right !important;}
.c {text-align:center;}
.url img {width:17px;margin:0 0 0 15px;}
.forcont {padding-left:30px;text-indent:-30px;line-height:1.8;}
.forcont span {font-size:120%;}
.ico-contact {width:50px;}
.help-block-error {color: #8a6d3b;}



#mobile_menu_block {display:none;}
#mobile_menu_close_block {display:none;}
#menu-ico-block {display:none;}
#overall_block {z-index:100;display:none;opacity:0.60;position:absolute;left:0px;top:0px;background-color:#000;margin-left:0px;}
#overall_block_content {position:relative;z-index:4; width:100%;margin:0 auto;margin-top: 10px;margin-bottom:20px;padding:5px;background:#fff;border-radius:0px 0px 7px 7px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);border-top:solid 5px #10bab9;}
#overall_block_content.var {z-index:14;margin-top:-10px;}
.content {clear:both;font-family:'Fira Sans Extra Condensed' !important;padding:5px 40px 20px;font-size:140%;font-weight:300;}


/*----------------------------------------*/
/*  STICKY FOOTER definitions  
/*----------------------------------------*/
#all-content-wrapper {min-height:100%;width:100%;margin:0 auto;margin-bottom:-60px;background:url(/i/back.png) center center no-repeat;background-size:cover;background-attachment:fixed;}
* html #all-content-wrapper {height:100%;}
#all-content-bottom-spacer {height:60px;}
#footer-block {width:100%;margin:0 auto;height:60px;background:none !important;}



#logo-block {padding:19px 20px 23px;}
 #logo-block img {width:150px;}


/*----------------------------------------*/
/*  Основное меню
/*----------------------------------------*/
#menu_block {float:right;margin:10px 30px 0px 0px;}
 #menu_block ul {}
  #menu_block ul li {float:left;list-style:none;padding:10px 20px;font-size:140%;color:#a1a1a1;font-family:'Fira Sans Extra Condensed';font-weight:400;}
  #menu_block ul li a {color:#7696c2;text-decoration:none;padding:3px 3px 5px 3px;/*display:block;*/}
   #menu_block ul li a:hover {color:#4681b7;text-decoration:none;border-bottom:solid 3px #ffd70f;padding:3px 3px 3px 3px;}
  #menu_block ul li.active {background:#10bab9;}
  #menu_block ul li.active a {color:#fff;}

#i-home  {float:left;margin:20px 0px 0px 0px;padding:20px 30px 20px 53px;position:absolute;left:40px;z-index:200;}
 #i-home img {position:absolute;width:30px;display:inline;margin:-7px 0 0 -40px;transition:transform 0.4s ease 0s;}
  #i-home a img:hover {transform:scale(1.4);}
#i-mail {position:absolute;left:50px;bottom:25px;}
 #i-mail img {width:30px;float:left;margin:0px 0px 0 3px;transition:transform 0.4s ease 0s;}
  #i-mail img:hover {transform:scale(1.4);}
#i-msg {position:absolute;right:50px;bottom:25px;}
 #i-msg img {width:45px;float:right;margin:0px 0px 0px 10px;transition:transform 0.4s ease 0s;}
  #i-msg img:hover {transform:scale(1.4);}

/*----------------------------------------*/
/*  LANGUAGE MENU definitions  
/*----------------------------------------*/
#lang-menu {float:right;margin:20px 0px 0px 0px;padding:20px 30px 20px 53px;position:absolute;right:50px;z-index:200;}
#lang-menu:hover {cursor:pointer;color:#4681b7;}
 #lang-menu img {position:absolute;width:30px;display:inline;margin:-7px 0 0 -40px;}
 #lang-menu .language-list {padding:0;margin:0;}
  #lang-menu ul li {margin:0;list-style:none;cursor:pointer;}
   #lang-menu ul li.arrow-down {color:#7696c2;}
   #lang-menu ul li.arrow-down:before {content:"\203A";position:absolute;font-size:25px;padding:0;margin:-3px 0 0 27px;line-height:1;color:#f76195;transform: rotate(90deg);}
    #lang-menu ul li .drop-down-block {border-top:solid 5px #ffd70f;background:#2672ab;margin:9px 0px 0px -140px;padding: 10px 10px 10px 10px;
  box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
  opacity:0;
  position: absolute;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  z-index: 999999999;
  transform: scaleY(0);
  transform-origin:center top;
  }
  #lang-menu:hover .drop-down-block {opacity:1;visibility:visible;background:#2672ab;transform: scaleY(1);}
  #lang-menu ul li:hover .drop-down-block {opacity:1;visibility:visible;}
  #lang-menu ul li .drop-down-block .sub-menu-column {float:left;padding:0;margin:0;padding-right:10px;}
   #lang-menu ul li .drop-down-block .sub-menu-column ul {padding:0;margin:0;}
   #lang-menu ul li .drop-down-block .sub-menu-column ul li {padding:5px 10px;margin:5px 0;list-style:none;font-size:100%;border:none;}
   #lang-menu ul li .drop-down-block .sub-menu-column ul li:last-child {padding:5px 10px 0;margin:5px 0 0;}
   #lang-menu ul li .drop-down-block .sub-menu-column ul li a::before {content:"\203A";position:relative;top:-1px;padding:0px 12px 0px 0px;font-size:21px;}
    #lang-menu ul li .drop-down-block .sub-menu-column ul li a {color:#fff;transition: all 0.3s ease 0s;text-decoration:none;padding:1px 0px 1px 5px;}
    #lang-menu ul li .drop-down-block .sub-menu-column ul li a:hover {color:#ffd70f;text-decoration:none;}







/*----------------------------------------*/
/*  Только главная страница
/*----------------------------------------*/
#visual-block {position:absolute;right:8.5%;top:25%;width:40%;text-align:center;opacity:0;}
 #visual-block img {width:100%;max-width:600px;min-width:450px;}
#slogan-block {width:400px;text-align:center;position:absolute;top:34.3%;margin-left:-40px;}
 #slogan-block div {font-family:'Fira Sans Extra Condensed';color:#084c94;}
  #slogan-block div.mp-slogan-1 {font-size:95px;font-weight:600;line-height:1.1;}
  #slogan-block div.mp-slogan-2 {font-size:51px;font-weight:500;line-height:1.1;}
  #slogan-block div.mp-slogan-3 {font-size:73px;font-weight:500;line-height:1.4;text-transform:uppercase;}

#promo-info-block {margin-left:15px;opacity:0;display:none;}
 #promo-slider-wrapper {width:500px;overflow-x:hidden;}
  #promo-slider {width:1500px;}
   #promo-text-list {padding:0;margin:0;width:1500px;}
    #promo-text-list li {color:#7696c2;width:500px;font-size:105%;height:auto;float:left;margin:0;list-style:none;transition: all 0.7s ease 0s;}


@media screen and (max-width: 1500px)
{
#slogan-block {transform:scale(0.9,0.9);top:34%;margin-left:-30px;}
#promo-info-block {}
 #promo-slider-wrapper {width:440px;overflow-x:hidden;}
  #promo-slider {width:1320px;}
   #promo-text-list {padding:0;margin:0;width:1320px;}
    #promo-text-list li {color:#7696c2;width:440px;font-size:105%;height:auto;float:left;margin:0;list-style:none;transition: all 0.7s ease 0s;}
}

@media screen and (max-width: 1300px)
{
#slogan-block {transform:scale(0.8,0.8);top:33%;margin-left:-20px;}
#promo-info-block {margin-left:55px;}
 #promo-slider-wrapper {width:400px;overflow-x:hidden;}
  #promo-slider {width:1200px;}
   #promo-text-list {padding:0;margin:0;width:1200px;}
    #promo-text-list li {color:#7696c2;width:400px;font-size:105%;height:auto;float:left;margin:0;list-style:none;transition: all 0.7s ease 0s;}
}

@media screen and (max-width: 1200px)
{
#i-home {display:none;}
#lang-menu {float:right;margin:20px 0px 0px 20px;padding:20px 30px 20px 53px;position:relative;z-index:200;}
#promo-info-block {margin-left:85px;}
}

@media screen and (max-width: 1100px)
{
#promo-info-block {margin-left:105px;}
#slogan-block {transform:scale(0.7,0.7);top:31%;margin-left:-1px;}
}



/*----------------------------------------*/
/*  PAGE PATH definitions  
/*----------------------------------------*/
#path-block-wrapper {border-top:solid 1px #a8cff0;border-bottom:solid 1px #a8cff0;padding:5px 0 8px;margin:0px -0px -14px -0px;} 
#path-block {padding:10px 30px 8px 30px;margin:0;}
 #path-block ul {padding:0;margin:0;}
  #path-block ul li {padding:0px 30px 0px 0px;margin:0;float:left;position:relative;list-style:none;font-size:95%;font-weight:200;color:#03336e;}
   #path-block ul li:after {position:absolute;content:"\203A";padding:0px;margin:7px 0 0 10px;color:#03336e;font-size:25px;line-height:0.1;}
  #path-block ul li:last-child:after {content:"";}
    #path-block ul li a {color:#03336e;text-decoration:none;}
    #path-block ul li.active a {color:#000;}
   #path-block ul li a:hover {color:#000;text-decoration:none;}



.pagination {clear:both;display:block;height:65px;padding:0;margin:0;}
 .pagination /*ul*/ {display:table;height:45px;padding:0;margin:0 auto;}
  .pagination li {list-style:none;margin:4px 6px;padding:2px;/*padding:7px 10px 6px 10px*/;float:left;background:#e7eced;border-radius:8px;color:#424b61;cursor:pointer;}
   .pagination li:hover {background:#a21616;color:#ffffff;}
  .pagination li.page_text {background:none;cursor:auto;margin:4px -5px 4px 5px;}
   .pagination li.page_text:hover {color:#424b61;}
  .pagination li.current {background:none;cursor:auto;color:#000000;}
   .pagination li.current:hover {color:#000000;}
    .pagination li a {text-decoration:none;color:#424b61;display:block;padding:7px 10px 6px 10px}
    .pagination li span {text-decoration:none;color:#424b61;display:block;padding:7px 10px 6px 10px}
     .pagination li:hover a {color:#ffffff;}
  .pagination li.page_text {background:none;cursor:auto;margin:4px -5px 4px 5px;}
   .pagination li.page_text:hover {color:#424b61;}
  .pagination li.active {background:none;cursor:auto;color:#000000;display:block !important;}
   .pagination li.active:hover {color:#000000;}
   .pagination li.disabled {display:none;}



/*----------------------------------------*/
/*  Колонки (х3)
/*----------------------------------------*/
.col-3-wrapper {margin-top:10px;}
 .col-3-wrapper .col {width:33.3%;float:left;}
  .col-3-wrapper .col img {width:150px;display:block;margin:0 auto;}
  .col-3-wrapper .col div {text-align:center;font-size:90%;width:75%;margin:0 auto;padding:20px 0;}

.col-3-wrapper-contact {margin-top:25px;margin-bottom:25px;}
 .col-3-wrapper-contact .col {width:33.3%;padding:29px 0;height:160px;float:left;background:#e6f0f0/*#abeae9*/;border-right:solid 1px #fff;border-left:solid 1px #fff;text-align:center;}
  .col-3-wrapper-contact .col .t {font-size:120%;padding-bottom:15px;}
  .col-3-wrapper-contact .col .c {font-size:120%;padding-top:15px;padding-bottom:20px;}
  .col-3-wrapper-contact .col img {width:60px;}
   .col-3-wrapper-contact .col img:hover {transform:scale(1.2);transition:transform 0.4s ease 0s;}
  
.col-3-wrapper-serv {margin-top:0px;margin-bottom:25px;}
 .col-3-wrapper-serv .col {width:33.3%;height:220px;padding:29px 0;float:left;background:#e6f0f0;border:solid 2px #fff;text-align:center;}
  .col-3-wrapper-serv .col div {padding:26px 25px 0px;font-size:95%;}
  .col-3-wrapper-serv .col span {white-space:nowrap;}
  .col-3-wrapper-serv .col img {width:80px;}




/*----------------------------------------*/
/*  Список работ
/*----------------------------------------*/
#portfolio-list-block {padding:5px 0 20px;}
 #portfolio-list-block ul {display:table;padding:0;margin:0 auto;}
  #portfolio-list-block ul li {float:left;list-style:none;color:#ccc;/*padding:0 10px;*/margin:0 15px;}
   #portfolio-list-block ul li::before {position:absolute;content:"";padding:0;margin:3px 0px 0px -16px;/*border:solid 1px #10bab9;*/width:1px;height:31px;background:#10bab9;} 
    #portfolio-list-block ul li:first-child:before {display:none;}
    #portfolio-list-block ul li a {display:block;padding:5px 10px 5px 10px;}
    #portfolio-list-block ul li.active a {display:block;color:#313131;/*padding:5px 10px 5px 10px;*/background:#e7f6ef;border-radius:5px;text-decoration:none !important;}
.list-block-wrapper {margin:30px 0px;transition:transform 0.7s ease 0s;}
 .portfolio-elem {width:50%;float:left;text-align:center;padding:0 20px;cursor:pointer;margin-top:40px;transition:transform 0.7s ease 0s;}
  .portfolio-i {height:270px;overflow:hidden;}
   .portfolio-i img {width:90%;margin:0 auto;position:relative;z-index:10;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
  .portfolio-t {border-top:solid 4px #72b5e8;padding:20px 30px;position:relative;z-index:11;background:#fff;margin-top:-20px;}
   .portfolio-t a {font-size:110%;font-weight:400;}
   .portfolio-elem:hover .portfolio-t a {text-decoration:none;}
   .portfolio-elem:hover .portfolio-i {transform:scale(1.05);}
   .portfolio-t span {display:block;font-size:90%;margin-top:5px;}

/*----------------------------------------*/
/*  Превью работ
/*----------------------------------------*/
.preview-block-wrapper {}
 .preview-desktop {z-index:2;position:relative;text-align:center;margin:40px 0 0px 0;height:590px;overflow:hidden;}
  .img-desktop {width:90%;border-radius:0 0 7px 7px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
 .preview-mobile {position:absolute;width:200px;margin:-380px 0 0 5px;z-index:3;height:400px;overflow:hidden;}
  .img-mobile-frame {position:absolute;width:200px;z-index:6;}
  .img-mobile {position:absolute;width:182px;border-radius:15px;z-index:5;margin:5px 0 0 9px;}


/*----------------------------------------*/
/*  Типовая фыорма
/*----------------------------------------*/
 #feedback-block {padding:10px 30px 30px;border:solid 1px #ccc;background:#fafafa;margin:0 auto;}

.form {clear:both;display:block;padding:15px 10px 0px 10px;margin:0 auto;}
.form .form-group {/*border:solid 1px red;*/}
.form .field-name-block {/*float:left;*/display:block;padding:10px 0 6px 0;}
.form .field-block {}

.form input[type="text"], textarea {width:100%;padding:8px 15px;background:#fff;color:#666;border:solid 2px #a1a1a1;border-radius:5px;}
.form input[type="text"]:focus, textarea:focus {border:solid 2px #0fbab8;box-shadow: inset 0px 0px 3px rgba(220,117,122,0.2);background:#fff;outline:none;}
.form input[type="email"] {width:100%;padding:8px 15px;background:#fff;color:#666;border:solid 2px #a1a1a1;border-radius:5px;}
.form input[type="email"]:focus {border:solid 2px #ce3e45;box-shadow: inset 0px 0px 3px rgba(220,117,122,0.2);background:#fff;outline:none;}
.form .submit {display:block;background:#10bab9;width:30%;min-width:200px;margin:0 auto;color:#fff;box-shadow:none;border-radius:7px;cursor:pointer;padding:15px 15px;border:none;font-size:120%;}
.form .submit:hover {background:#0ba19f;}
.form .submit:focus {border:none;}
.form .field-error-info {font-size:75%;padding:2px 0 0 10px;margin:0;}
 .form .field-error-info p {margin:0;padding:0;}
.has-error input[type="text"] {border:solid 1px #ff2b2b !important;background:#fff2f2 !important;box-shadow:inset 0px 0px 3px rgba(237,41,41,0.4) !important;}
.has-error input[type="password"] {border:solid 1px #ff2b2b !important;background:#fff2f2 !important;box-shadow:inset 0px 0px 3px rgba(237,41,41,0.4) !important;}
.has-error textarea {border:solid 1px #ff2b2b !important;background:#fff2f2 !important;box-shadow:inset 0px 0px 3px rgba(237,41,41,0.4) !important;}
.has-error select {border:solid 1px #ff2b2b !important;background:#fff2f2 !important;box-shadow:inset 0px 0px 3px rgba(237,41,41,0.4) !important;}

div.required label.control-label:after {content: " *";color: red;}
div.required label.field-name-block:after {content: " *"; color: red;}
/*
.config-form label.field-name-block:after {content: " *"; color: red;}
*/

.radio {position: absolute;z-index: -1;opacity: 0;margin: 10px 0 0 7px;}
.radio + label {position: relative;padding: 0 0 0 35px;cursor:pointer;}
.radio + label:before {content:'';position:absolute;top:-1px;left:0;width:22px;height:22px;border:1px solid #8c8b8b;box-shadow:inset 0px 0px 4px rgba(0,0,0,0.15);border-radius:50%;background: #ffffff;}
.radio + label:after {content:'';position:absolute;top:3px;left:4px;width:16px;height:16px;border-radius:50%;background:#e7515c;opacity:0;transition:.2s;}
.radio:checked + label:after {opacity: 1;}
.radio:focus + label:before {box-shadow: 0px 0px 3px rgba(4,103,140,0.4);}
.radio_elem {padding:5px 0;}
.radio_desc {font-size:80%;color:#4a7080;padding:5px 0px 0px 35px;white-space:normal;}
.radio_rp30 {margin-right:30px;}
.radio_error + label:before {border: 1px solid #ff2b2b;box-shadow:inset 0px 0px 4px rgba(0,0,0,0.15);background: #fff2f2;}


.form_err {border:solid 1px #ff2b2b !important;background:#fff2f2 !important;box-shadow:inset 0px 0px 3px rgba(237,41,41,0.4) !important;}



.info_block_ok {padding:30px 50px;width:70%;margin:0 auto;text-align:center;}
 .info_block_ok div {padding:40px 50px;background:#ebfcec;border-radius:20px;}
  .info_block_ok div span {font-size:130%;}

.info_block_warning {padding:30px 50px;color:#000;}
 .info_block_warning div {padding:30px 50px;background:#fcf0f0;border-radius:17px;}
  .info_block_warning div span {font-size:25px;}
  .info_block_warning div img {float:right;margin:10px 15px 40px 40px;width:130px;}


/*----------------------------------------*/
/*  Подвал
/*----------------------------------------*/
#footer-block .incb {border-top:dotted 2px #0fbab8;padding:5px 20px 0px;font-size:13px;color:#216aa4;}
 #footer-block div.incb div img {width:40px;margin:0;float:right;}
  #footer-block div.incb div:hover img {transform:scale(1.2);transition:transform 0.4s ease 0s;}







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

.content {padding:5px 20px 20px;font-size:120%;}
#path-block ul li {font-size:110%;font-weight:200;}

#i-mail {position:static;float:left;margin:20px 10px 0 20px;bottom:auto;}
 #i-mail img {width:33px;float:left;margin:2px 0px 0 3px;}
#i-msg {position:static;float:right;margin:20px 20px 0 10px;}
 #i-msg img {width:45px;float:right;margin:0px 0px 0px 10px;}
#all-content-bottom-spacer {}

#menu_block {display:none;}
.incb {width:100%;padding:0;margin:0;}

#visual-block {position:static;right:auto;top:auto;width:80%;text-align:center;opacity:0;margin:0 auto;}
 #visual-block img {width:100%;max-width:400px;min-width:200px;}

#slogan-block {width:100%;text-align:center;position:static;margin:0px;margin-top:-20px;padding:0;}

#promo-info-block {margin-left:0;opacity:1;}
 #promo-slider-wrapper {width:320px;margin:0 auto;overflow-x:hidden;}
  #promo-slider {width:500%;}
   #promo-text-list {padding:0;margin:0;}
    #promo-text-list li {color:#7696c2;width:320px;font-size:105%;height:auto;float:left;margin:0;list-style:none;transition: all 0.7s ease 0s;}


/*----------------------------------------*/
/*  Колонки (х3)
/*----------------------------------------*/
.col-3-wrapper {}
 .col-3-wrapper .col {width:100%;float:none;}
  .col-3-wrapper .col img {width:150px;max-width:80%;display:block;margin:0 auto;}
  .col-3-wrapper .col div {text-align:center;font-size:90%;width:75%;margin:0 auto;padding:20px 0;}

.col-3-wrapper-contact {margin-top:25px;margin-bottom:25px;}
 .col-3-wrapper-contact .col {width:100%;padding:20px 0;height:130px;float:none;background:#e6f0f0/*#abeae9*/;border-top:solid 1px #fff;border-bottom:solid 1px #fff;text-align:center;}
  .col-3-wrapper-contact .col .t {font-size:120%;padding-bottom:5px;}
  .col-3-wrapper-contact .col .c {font-size:120%;padding-top:15px;padding-bottom:20px;}
  .col-3-wrapper-contact .col img {width:60px;}
   .col-3-wrapper-contact .col img:hover {transform:scale(1.2);transition:transform 0.4s ease 0s;}

.col-3-wrapper-serv {margin:0px -20px 25px -20px;}
 .col-3-wrapper-serv .col {width:50%;height:230px;padding:29px 0;float:left;background:#e6f0f0/*#c5edec*//*#abeae9*/;border:solid 2px #fff;text-align:center;}
  .col-3-wrapper-serv .col div {padding:26px 25px 0px;font-size:95%;}
  .col-3-wrapper-serv .col span {white-space:normal;}
  .col-3-wrapper-serv .col img {width:80px;}


/*----------------------------------------*/
/*  Список работ
/*----------------------------------------*/
#portfolio-list-block {padding:5px 0 20px;margin:0 -17px;}
 #portfolio-list-block ul {display:table;padding:0;margin:0 auto;}
  #portfolio-list-block ul li {float:left;list-style:none;color:#ccc;margin:0 6px;font-size:90%;}
   #portfolio-list-block ul li::before {position:absolute;content:"";padding:0;margin:4px 0px 0px -6px;width:1px;height:23px;background:#10bab9;} 
    #portfolio-list-block ul li:first-child:before {display:none;}
    #portfolio-list-block ul li a {display:block;padding:5px 10px 5px 10px;}
    #portfolio-list-block ul li.active a {display:block;color:#313131;background:#e7f6ef;border-radius:5px;text-decoration:none !important;}

.list-block-wrapper {margin:0px 0px;}
 .portfolio-elem {width:100%;float:none;text-align:center;padding:0 0px;}
  .portfolio-i {height:auto;max-height:270px;overflow:hidden;}
   .portfolio-i img {/*width:90%;margin:0 auto;position:relative;z-index:10;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/}
  .portfolio-t {/*border-top:solid 4px #72b5e8;position:relative;z-index:11;background:#fff;margin-top:-20px;*/padding:15px 20px;}
   .portfolio-t a {font-size:120%;line-height:1.0;font-weight:400;}
   .portfolio-t span {display:block;font-size:100%;margin-top:5px;margin-bottom:30px;}

/*----------------------------------------*/
/*  Превью работ
/*----------------------------------------*/
.preview-block-wrapper {}
 .preview-desktop {z-index:2;position:relative;text-align:center;margin:40px 0 0px 0;height:auto;max-height:400px;overflow:hidden;}
  .img-desktop {width:90%;border-radius:0 0 7px 7px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
 .preview-mobile {display:none;}
  .img-mobile-frame {}
  .img-mobile {}

#feedback-block {padding:10px 25px 25px;border:none;background:#fafafa;margin:0 -20px;}

#mobile_menu_block {display:block;top:0px;left:-300px;position:fixed;background:#f9f9f9;width:300px;height:100%;overflow-y:auto;
  transform-origin: 0 0 0;
  transition: all 0.3s ease 0s;
  z-index: 9999999 !important;
  transform: translate(0,0);
  background:url(/i/back.png) center center no-repeat;background-size:cover;
}
.menu_header {text-align:center;}
 .menu_header img {width:150px;margin:20px;}
 .menu_header div {width:90%;margin:0 auto;height:2px;background:#1abc9c;}
.close_this_menu {color:#ff0000;font-size:30px;position:absolute;top:10px;left:320px;z-index:100;display:none;position:fixed;}
 .close_this_menu img {width:30px;margin:17px 17px 0 0;}
 #mm_block_wrapper {padding:20px 10px 0px 10px;}
 #mm_block_wrapper ul {padding:0;margin:0;width:100%;}
  #mm_block_wrapper ul li {padding:14px 12px;margin:0;position:relative;list-style:none;text-align:center;}
   #mm_block_wrapper ul li.sep {border-bottom:solid 1px #e7e7e7;}
   #mm_block_wrapper ul li i {margin:0 20px 0 0;font-size:130%;color:#1abc9c;}
   #mm_block_wrapper ul li a {display:block;background:#10bab9;width:60%;padding:10px;margin:0 auto;color:#fff;transition: all 0.3s ease 0s;text-decoration:none;font-size:140%;;font-family:'Fira Sans Extra Condensed',Arial,Verdana,Tahoma,sans-serif;/*text-shadow: 0 0 2px rgba(0,0,0,0.5);*/}


#menu-ico-block {display:block;position:absolute;top:12px;right:5px;}
 #menu-ico-block svg {width:50px;height:50px;padding:10px 15px;}
#lang-menu {float:right;margin:20px 0px 0px 0px;padding:20px 30px 20px 3px;position:absolute;right:70px;z-index:10;}

}






/*
html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}
*/

/* add sorting icons to gridview sort links */
/*
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
*/
/* align the logout "link" (button in form) of the navbar */
/*
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
*/