@font-face{
  font-family:robotoregular;
  src:url(fonts/roboto-regular/roboto-regular-webfont.eot);
  src:url(fonts/roboto-regular/roboto-regular-webfont-1.eot) format("embedded-opentype"),
  url(fonts/roboto-regular/roboto-regular-webfont.bin) format("woff2"),
  url(fonts/roboto-regular/roboto-regular-webfont.woff) format("woff"),
  url(fonts/roboto-regular/roboto-regular-webfont-1.bin) format("truetype"),
  url(fonts/roboto-regular/roboto-regular-webfont.svg) format("svg");
  font-weight:400;font-style:normal
}
@font-face{
  font-family:robotolight;
  src:url(fonts/roboto-light/roboto-light-webfont.eot);
  src:url(fonts/roboto-light/roboto-light-webfont-1.eot) format("embedded-opentype"),
  url(fonts/roboto-light/roboto-light-webfont.bin) format("woff2"),
  url(fonts/roboto-light/roboto-light-webfont.woff) format("woff"),
  url(fonts/roboto-light/roboto-light-webfont-1.bin) format("truetype"),
  url(fonts/roboto-light/roboto-light-webfont.svg) format("svg");
  font-weight:400;
  font-style:normal
}
@font-face{
  font-family:roboto_condensedregular;
  src:url(fonts/robotocondensed-regular/robotocondensed-regular.eot);
  src:url(fonts/robotocondensed-regular/robotocondensed-regular-1.eot) format("embedded-opentype"),
  url(fonts/robotocondensed-regular/robotocondensed-regular.bin) format("woff2"),
  url(fonts/robotocondensed-regular/robotocondensed-regular.woff) format("woff"),
  url(fonts/robotocondensed-regular/robotocondensed-regular-1.bin) format("truetype"),
  url(fonts/robotocondensed-regular/robotocondensed-regular.svg) format("svg");
  font-weight:400;font-style:normal
}
@font-face{
  font-family:roboto_condensedbold;
  src:url(fonts/robotocondensed-bold/robotocondensed-bold.eot);
  src:url(fonts/robotocondensed-bold/robotocondensed-bold-1.eot) format("embedded-opentype"),
  url(fonts/robotocondensed-bold/robotocondensed-bold.bin) format("woff2"),
  url(fonts/robotocondensed-bold/robotocondensed-bold.woff) format("woff"),
  url(fonts/robotocondensed-bold/robotocondensed-bold-1.bin) format("truetype"),
  url(fonts/robotocondensed-bold/robotocondensed-bold.svg) format("svg");
  font-weight:400;font-style:normal
}
@font-face{
  font-family:fontello;
  src:url(fonts/fontello/fontello.eot);
  src:url(fonts/fontello/fontello.eot) format("embedded-opentype"),
  url(fonts/fontello/fontello.bin) format("woff2"),
  url(fonts/fontello/fontello.woff) format("woff"),
  url(fonts/fontello/fontello-1.bin) format("truetype"),
  url(fonts/fontello/fontello.svg) format("svg");
  font-weight:400;
  font-style:normal
}
.strong_a{
  padding: 20px;
  font-size: 24px;
}
.forma{
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  color: #067fc4;

}
.forma2{
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  color: #067fc4;

}
.ask{
  width: 400px;
  height: 525px;
  position: absolute;
  top: 200px;
  left: calc(50% - 200px);
  background: #fff;
  border: 2px solid #067fc4;
  box-shadow: 0px 5px 10px 3px #fff;

}
.ask_1{
  width: 400px;
  height: 420px;
  position: absolute;
  top: 200px;
  left: calc(50% - 200px);
  background: #fff;
  border: 2px solid #067fc4;
  box-shadow: 0px 5px 10px 3px #fff;

}
.checc{
  margin-top: 10px;
  position: relative;
  padding: 10px;
}
.checc .form__checkbox{
  position: absolute;
  margin-top: 0;
}
.checc .form__checkbox-info{
  position: absolute;
  left: 0px;
  margin-top: 0;
  margin-bottom: 0;
}

.close{
  width: 100%;
  height: auto;
}
.close img{
  width: 30px;
  height: 30px;
  float: right;
  padding: 5px;
  cursor: pointer;
}
.a01{
  width: 40px;
  margin: 10px;
  display: block;
  float: left;
}
.sp01{
  font-size: 20px;
  margin-top: 20px;
  margin-left: 10px;
  display: block;
  float: left;
}
.titr{
  margin-top: 50px;
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
  font-family:roboto_condensedregular;
  text-transform: uppercase;
}
.n_t{
  width: 90%;
  margin-left: 5%;
  height: 50px;
  margin-top: 15px;
  font-size: 24px;
  padding-left: 20px;
  border-bottom: 1px solid #067fc4;
  font-family:roboto_condensedregular;
  text-transform: uppercase;

}
.t_t{
  width: 90%;
  margin-left: 5%;
  height: 150px;
  margin-top: 15px;
  font-size: 24px;
  padding-left: 20px;
  border-bottom: 1px solid #067fc4;
  font-family:roboto_condensedregular;
  text-transform: uppercase;
}
.send_b{
  width: 200px;
  margin-left: calc(50% - 100px);
  height: 50px;
  margin-top: 15px;
  font-size: 24px;
  text-align: center;
  color: #fff;
  background: #067fc4;
  border-radius: 15px;
  box-shadow: 0px 5px 10px 3px #28acff;
  font-family:roboto_condensedregular;
  text-transform: uppercase;
}
.send_b:hover{
  background: #28acff;
  box-shadow: 0px 5px 10px 3px #067fc4;
}
.popup_modal{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1050;
  justify-content: center;
  align-items: center;
  display: none;

}
.popup_modal.active{
  display: flex;
}
.overlay_thx{
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000;
  opacity: 0.8;
}
.popup_thx_body{
  background: #fff;
  z-index: 1051;
  text-align: center;
  padding: 30px 45px;
  border-radius: 10px;
  height: auto;
  position: relative;
  border: 2px solid #067fc4;
  box-shadow: 0px 5px 10px 3px #fff;
}
.close_popap{
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 22px;
  text-decoration: none;
  cursor: pointer;

}
.popup_thx_body u{
  font-size: 30px;
  padding: 10px!important;
  font-family:roboto_condensedregular;
}
.popup_thx_body p{
  font-size: 20px;
  padding: 10px!important;
  margin-top: 0px!important;
  font-family:roboto_condensedregular;
}

[class*=icon-]:after,
[class*=icon-]:before,
[class^=icon-]:after,
[class^=icon-]:before{
  font-family:fontello;
  font-style:normal;
  font-weight:400;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  line-height:1em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
body{

}
.icon-down-open-mini.active:before{
  content:'\e806'
}
.icon-left-open-mini:before{
  content:'\e800'
}
.icon-right-open-mini:before{
  content:'\e801'
}
.icon-eye:before{
  content:'\e802'
}
.icon-up-open-big:before{
  content:'\e803'
}
.icon-cancel:before{
  content:'\e804'
}
.icon-down-open-mini:before{
  content:'\e805'
}
.icon-up-open-mini:before{
  content:'\e806'
}
.icon-star-empty:before{
  content:'\e807'
}
.icon-star:before{
  content:'\e808'
}
.icon-ok:before{
  content:'\e809'
}
#wrapper{
  overflow:hidden;
  min-width:320px;
  min-height:100%;
  height:auto
}
#wrapper,.wrapper-container{
  width:100%;
  position:relative
}
.wrapper-container{
  max-width:1200px;
  margin:0 auto
}
.clear-fix:after{
  clear:both;
  content:'';
  display:table;
  width:100%;
  height:0
}
.container-relative-width100{
  width:100%;
  position:relative
}
.float-left{
  float:left
}
.float-right{
  float:right
}
.table-cell{
  display:table-cell;
  vertical-align:middle
}
.padding-horizontal-30{
  padding-left:30px;
  padding-right:30px
}
.animated{
  -webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out
}
.grey-bg{
  background:#f3f3f3
}
*,:after,:before{
  box-sizing:border-box;
  margin:0;
  max-height:99999px;
  padding:0
}
html{background:#fff;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%
}
body,html{
  height:100%
}
body{
  color:#3e3e3e;
  font:400 14px/1em robotoregular,Verdana,Arial,Helvetica,sans-serif;
  width:100%
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,
nav,section,summary{
  display:block
}
audio,canvas,progress,video{
  display:inline-block;
  vertical-align:baseline
}
audio:not([controls]){
  display:none;
  height:0
}
address,caption,cite,code,dfn,em,strong,th,var{
  font-style:normal;
  font-weight:400
}
h1,h2,h3,h4,h5,h6{
  font-weight:400;
  line-height:1em
}
img{
  border:0;
  outline:none
}
dfn{
  font-style:italic
}
mark{
  background:#fffad8;
  color:#000
}
small{
  font-size:.75em
}
sub,sup{
  vertical-align:baseline;
  font-size:75%;
  line-height:0;
  position:relative
}
sup{
  top:-.5em
}
sub{
  bottom:-.25em
}
q:after,q:before{
  content:''
}
hr{
  height:0
}
code,kbd,pre,samp{
  font-family:monospace,monospace;
  font-size:1em
}
abbr,acronym,iframe{
  border:0
}
abbr[title]{
  border-bottom:1px dotted
}
pre{
  overflow:auto
}
figure{
  margin:1em 40px
}
em,i,italic{
  font-style:italic
}
b,optgroup,strong{
  font-weight:700
}
fieldset{
  border:1px solid silver;
  margin:0 2px;
  padding:.35em .625em .75em
}
legend{
  border:0
}
button,input,optgroup,select,textarea{
  color:inherit;
  font:inherit
}
button{
  overflow:visible
}
button,select{
  text-transform:none
}
a:focus,button,input,input:focus,textarea{
  border:0;
  outline:none
}
input::-webkit-input-placeholder{
  color:#ccc
}
input:-moz-placeholder{
  color:#ccc
}
textarea::-webkit-input-placeholder{
  color:#ccc
}
textarea:-moz-placeholder{
  color:#ccc
}
input{
  line-height:normal
}
input[type=checkbox],input[type=radio]{
  box-sizing:border-box
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
  height:auto
}
input[type=search]{
  -webkit-appearance:textfield
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
  -webkit-appearance:none
}
button,input[type=button],input[type=reset],input[type=submit]{
  -webkit-appearance:button;
  cursor:pointer
}
button[disabled],input[disabled]{
  cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
  border:0
}
textarea{
  overflow:auto
}
a{
  color:#28acff;
  text-decoration:underline
}
a:hover{
  text-decoration:none
}
table{
  border-collapse:collapse;
  border-spacing:0
}
caption,th{
  text-align:left
}
ol,ul{
  list-style:none
}
.hidden,[hidden],template{
  display:none
}
.visible{
  display:block
}
svg:not(:root){
  overflow:hidden
}
::-moz-selection{
  color:#fff;background:#000
}
::selection{
  color:#fff;
  background:#000
}
.body-lock,.body-lock-2{
  overflow-y:hidden;
  left:0;
  top:0;
  position:absolute
}
.body-lock .overlay{
  display:block
}
.overlay{
  background:rgba(86,88,90,.98);
  overflow:auto;
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  z-index:12
}
.overlay-layout{
  width:100%;
  height:100%;
  position:absolute
}
.overlay-layout__container{
  padding:5px
}
.overlay-form{
  background:#fff;
  display:block;
  max-width:580px;
  width:100%;
  margin:0 auto;
  padding:80px 70px 50px;
  position:relative
}
.overlay-form__close-btn{
  background:#2597d9;
  color:#fffad8;
  cursor:pointer;
  font-size:30px;
  line-height:80px;
  text-align:center;
  width:80px;
  height:80px;
  right:20px;
  top:20px;
  position:fixed;
  z-index:5
}
.overlay-form__close-btn:hover{
  background:#067fc4;
  box-shadow:0 0 10px rgba(0,0,0,.25)
}
.overlay-form__title{
  font:40px/1.2 roboto_condensedregular;
  text-align:center;
  text-transform:uppercase
}
.overlay-form__fields{
  margin-top:30px
}
.overlay-form__fields-title{
  font:16px/1.2 roboto_condensedregular;
  text-transform:uppercase;
  top:0;
  left:0;
  position:absolute;
  z-index:1
}
.overlay-form__fields-title.text-area{
  top:10px;
  left:10px
}
.overlay-form__fields-title.is--error{
  color:#e82915
}
.overlay-form__fields,.overlay-form__item{
  display:block
}
.overlay-form__item{
  max-width:310px;
  margin:30px auto 0;
  position:relative
}
.overlay-form__item>*{
  display:block
}
.overlay-form__item.non-empty .overlay-form__fields-title{
  font:13px/1.2 roboto_condensedbold;
  top:-20px
}
.overlay-form__item.non-empty .overlay-form__fields-title.text-area{
  left:0
}
.overlay-form__input-text,.overlay-form__input-text-area{
  background:#fff;
  border-bottom:2px solid #3e3e3e;
  color:#3e3e3e;
  font:16px/1.2 roboto_condensedregular;
  width:100%
}
.overlay-form__input-text-area:focus,.overlay-form__input-text:focus{
  border-bottom:2px solid #53baf5
}
.overlay-form__input-text-area.is--error,.overlay-form__input-text.is--error{
  border-color:#e82915
}
.overlay-form__input-text{
  text-transform:uppercase;
  padding:10px;
  color: #fff;
  font-size: 20px;
}
.overlay-form__input-text-area{
  border:2px solid #3e3e3e;
  resize:none;
  height:100px;
  padding:10px
}
.overlay-form__input-text-area:focus{
  border:2px solid #53baf5
}
.overlay-form__input-submit{
  width:160px;
  margin:30px auto 0;
  border-radius: 15px!important;

}
.overlay-form__input-submit-close{
  width:160px;
  margin:30px auto 0;
}
.overlay-form__info{
  font-size:15px;
  line-height:1.2;
  text-align:center;
  margin-top:15px
}
.overlay-form__info.is--error{
  color:#e82915;
  margin-top:40px
}
.personal-description{
  margin-top:30px
}
.form__box>*{
  display:inline-block;
  vertical-align:middle
}
.form__box>:first-child{
  width:20px
}
.form__box>:first-child+*{
  width:100%;
  margin-left:-25px;
  padding-left:30px
}
.form__checkbox-info .personal-info{
  border-bottom:1px solid #3e3e3e;
  color:#3e3e3e;
  cursor:pointer;
  text-decoration:none;
  -webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out
}
.form__checkbox-info .personal-info:hover{
  border-color:transparent
}
.form__checkbox-info{
  margin-left: 40px;
  display: block;
  float: left;
  margin-top: -24px;
  margin-bottom: 30px;
}
.form__checkbox{
  margin-top: 20px;
  display: block;
  float: left;
}
.form__input-checkbox{
  display:none
}
.form__label-checkbox{
  background:#fff;
  border:1px solid #d3d3d3;
  border-radius:3px;cursor:pointer;
  display:block;
  width:20px;
  height:20px;
  position:relative
}
.form__label-checkbox:before{
  content:'\e809';
  color:#53baf5;
  font:0/20px fontello;
  text-align:center;
  top:-1px;
  left:-1px;
  width:20px;
  position:absolute;
  z-index:1
}
.form__label-checkbox.checked{
  box-shadow:inset 0 0 5px rgba(0,0,0,.25)
}
.form__label-checkbox.checked:before{
  font-size:16px
}
header{
  background:#fff;
  width:100%;
  top:0;
  left:0;
  padding:20px 0 35px;
  position:fixed;
  z-index:7
}
header.with-shadow{
  box-shadow:0 3px 15px rgba(0,0,0,.35)
}
.header-logo{
  float:left
}
.header-logo:hover{
  opacity:.6
}
.header-logo__image{
  display:block;
  max-width:174px
}
.header-menu{
  float:left;
  margin:35px 0 0 30px
}
.header-menu__item{
  float:left;
  display:block;
  margin-left:10px;
  position:relative
}
.header-menu__item:first-child{
  margin-left:0
}
.header-menu__item:hover .header-menu__link{
  border-color:transparent;
  color:#2597d9
}
.header-menu__item:hover .header-menu__sub{
  display:block
}
.header-menu__link{
  border-bottom:2px solid #2597d9;
  color:#3e3e3e;
  display:block;
  font:16px/1.5 roboto_condensedregular;
  letter-spacing:-1px;
  text-decoration:none;
  text-transform:uppercase
}
.header-menu__sub{
  background:rgba(83, 186, 245,.9);
  display:none;
  width:490px;
  top:36px;
  left:-20px;
  padding:20px 25px 40px;
  position:absolute;
  z-index:1
}
.header-menu__sub:after,.header-menu__sub:before{
  content:'';
  position:absolute
}
.header-menu__sub:before{
  width:100%;
  height:10px;
  top:-10px;
  left:0;
  z-index:1
}
.header-menu__sub:after{
  border:10px solid transparent;
  border-bottom:10px solid #2597d9;
  opacity:.9;
  width:0;
  height:0;
  top:-20px;
  left:40px;
  z-index:2
}
.header-menu__sub-item{
  display:inline-block;
  vertical-align:top;
  width:50%;
  margin:20px -2px 0;
  padding-right:20px
}
.header-menu__sub-link{
  color:#fff;
  font-size:15px;
  line-height:1.2;
  text-decoration:none
}
.header-menu__sub-link:hover{
  color:#2597d9;
}
.header-contacts{
  float:right;
  width:240px;
  margin-top:10px
}
.header-phone{
  background:url(../img/phone-icon.png) 0 50% no-repeat;
  color:#3e3e3e;
  display:inline-block;
  float:left;
  font:23px/28px roboto_condensedbold;
  text-decoration:none;
  padding-left:35px
}
.header-phone:hover{
  color:#2597d9
}
.header-mail{
  border-bottom:1px solid #3e3e3e;
  color:#3e3e3e;
  float:left;
  font:12px/1.2 robotolight;
  text-decoration:none;
  margin-top:15px
}
.header-mail:hover{
  border-color:transparent;
  color:#2597d9
}
.header-ask{
  background:#2597d9;
  border-radius:5px;
  color:#fff;
  cursor:pointer;
  display:block;
  float:right;
  font:14px/24px roboto_condensedregular;
  text-align:center;
  text-transform:uppercase;
  width:120px;
  margin-top:10px
}
.header-ask:hover{
  background:#53baf5;
  box-shadow:0 0 15px rgba(0,0,0,.25)
}
.menu-btn{
  display:none;
  float:right;
  text-align:right;
  width:30px;
  margin:25px 0 0 40px
}
.menu-btn__item{
  background:#53baf5;
  display:block;
  float:right;
  width:100%;
  height:4px
}
.menu-btn__item+*{
  margin-top:6px
}
.menu-btn__item:first-child,.menu-btn__item:last-child{
  width:25px
}
.menu-btn.active .menu-btn__item,.menu-btn:hover .menu-btn__item{
  background:#067fc4
}
.h1{
  font:40px/1.2 roboto_condensedregular;
  text-align:center;
  text-transform:uppercase;
  padding:20px 0 20px
}
.h1.white{
  background-image:url(../img/h1-bg-2.png);
  color:#fff
}
.h2{
  font:36px/1.2 roboto_condensedregular
}
.green-btn,.h2{
  text-align:center;
  text-transform:uppercase
}
.green-btn{
  background-image: linear-gradient(to bottom, rgb(101, 115, 255), rgb(109, 131, 250), rgb(117, 147, 246), rgb(126, 164, 241), rgb(134, 180, 237), rgb(142, 196, 232), rgb(138, 193, 233), rgb(135, 189, 235), rgb(131, 186, 236), rgb(127, 183, 237), rgb(124, 179, 239), rgb(120, 176, 240));
  border-bottom:4px solid #067fc4;
  border-radius:40px 0 40px 0;
  box-shadow:0 5px 30px #82cbf5;
  color:#fff;
  cursor:pointer;
  display:block;
  font:18px/60px roboto_condensedbold;
  text-decoration:none;
  height:64px
}
.green-btn:active,.green-btn:focus{
  border-bottom:none;
  line-height:64px
}
.green-btn:hover{
  background:#53baf5;
  box-shadow:0 5px 30px #53baf5
}
.anchor{
  width:0;
  height:0;
  top:0
}
.anchor,.back-btn{
  left:0;
  position:absolute;
  z-index:1
}
.back-btn{
  border:1px solid #afafaf;
  border-radius:10px;
  color:#3e3e3e;
  font:14px/1 roboto_condensedregular;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  width:130px;
  top:5px;
  padding:5px 0
}
.back-btn:hover{
  background:#53baf5;
  border-color:#53baf5;
  color:#fff
}
.back-btn.big{
  width:180px
}
.content>:last-child:not(.portfolio__one-project):not(.page-description):not(.pager){
  padding-bottom:70px
}
#up-button{
  border:2px solid #53baf5;
  border-radius:50%;
  color:#53baf5;
  cursor:pointer;
  font-size:26px;
  line-height:50px;
  text-align:center;
  right:5%;
  bottom:-250px;
  height:54px;
  width:54px;
  position:fixed;
  z-index:6
}
#up-button:hover{
  background:#2597d9;
  box-shadow:0 0 20px 4px rgba(80,85,161,.2);
  color:#fff
}
#up-button.show{
  bottom:115px
}
.mobile-site-menu{
  padding:0;
  height:100%;
  width:100%;
  left:0;
  top:-250%;
  position:fixed;
  z-index:9
}
.mobile-site-menu.show{
  top:0
}
.mobile-site-menu .background-close,
.mobile-site-menu .menu-close-btn,
.mobile-site-menu__container{
  top:0;
  height:100%;
  width:100%;
  position:absolute
}
.mobile-site-menu .background-close{
  background:rgba(0,0,0,.6);
  left:0;
  z-index:2
}
.mobile-site-menu .menu-close-btn{
  border-radius:3px;
  color:#53baf5;
  cursor:pointer;
  font-size:28px;
  line-height:30px;
  text-align:center;
  top:15px;
  left:280px;
  height:30px;
  width:30px;
  z-index:4
}
.mobile-site-menu .menu-close-btn:hover{
  color:#067fc4
}
.mobile-site-menu__container{
  background:#fff;
  overflow:hidden;
  width:320px;
  z-index:3
}
.mobile-site-menu__inner{
  overflow-y:scroll;
  top:0;
  left:0;
  height:100%;
  width:340px;
  padding:50px 0;
  position:absolute;
  z-index:1
}
.mobile-site-menu__inner-container{
  max-width:320px;
  width:100%
}
.mobile-site-menu .main-menu{
  display:block;
  margin-top:30px;
  width:100%
}
.mobile-site-menu .main-menu__item{
  border-bottom:2px solid #f3f3f3;
  border-left:none;
  color:#000;
  display:block;
  line-height:1.2;
  height:auto;
  padding:15px 20px
}
.mobile-site-menu .main-menu__item:first-child{
  border-top:2px solid #f3f3f3
}
.mobile-site-menu .main-menu__item.is--active,
.mobile-site-menu .main-menu__item:hover{
  background:#53baf5;
  color:#fff
}
.mobile-site-menu .header-menu{
  border-top:2px solid #53baf5;
  display:block;
  float:none;margin:35px 0 0
}
.mobile-site-menu .header-menu__item{
  border-bottom:2px solid #53baf5;
  float:none;margin-left:0
}
.mobile-site-menu .header-menu__item:hover .header-menu__sub{
  display:none
}
.mobile-site-menu .header-menu__item.sub-container .header-menu__link{
  padding-right:70px
}
.mobile-site-menu .header-menu__link{
  border-bottom:none;
  font-size:18px;
  padding:15px 20px
}
.mobile-site-menu .header-menu__sub{
  background:transparent;
  display:none;
  width:100%;
  top:0;
  left:0;
  padding:0;
  position:relative
}
.mobile-site-menu .header-menu__sub:after,
.mobile-site-menu .header-menu__sub:before{
  display:none
}
.mobile-site-menu .header-menu__sub-item{
  border-top:1px solid #53baf5;
  display:block;
  width:100%;
  margin:0;
  padding-right:0
}
.mobile-site-menu .header-menu__sub-link{
  color:#3e3e3e;
  display:block;
  font-size:16px;
  padding:10px 20px 10px 30px
}
.mobile-site-menu .header-menu__sub-link:hover{
  color:#53baf5
}
.mobile-site-menu .header-contacts{
  float:none;
  width:100%
}
.mobile-site-menu .header-contacts__item{
  text-align:center;
  margin-top:10px
}
.mobile-site-menu .header-mail,
.mobile-site-menu .header-phone{
  display:inline-block;
  float:none
}
.mobile-site-menu .header-mail{
  font-size:14px
}
.mobile-site-menu .show-sub-menu{
  background:#53baf5;
  border-radius:3px;
  color:#fff;
  font-size:24px;
  line-height:30px;
  text-align:center;
  width:30px;
  height:30px;
  top:13px;
  right:20px;
  position:absolute;
  z-index:1
}
.mobile-site-menu .show-sub-menu.active:before{
  background:#2597d9
}
.mobile-menu-logo{
  display:block;
  width:100%
}
.mobile-menu-logo__image{
  display:block;
  margin:0 auto
}
.text-page *+.slider,
.text-page *+.slider+*{
  margin-top:30px
}
.text-page a{
  border-bottom:1px solid #53baf5;
  color:#53baf5;
  text-decoration:none;
  -webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out
}
.text-page a:hover{
  border-color:transparent
}
.text-page h1,.text-page h2,
.text-page h3,.text-page h4,
.text-page h5,.text-page h6{
  font-family:roboto_condensedbold;
  text-transform:uppercase;
  line-height:1.2
}
.text-page h1{
  font-size:32px
}
.text-page h2{
  font-size:25px
}
.text-page h3{
  font-size:18px
}
.text-page h4{
  font-size:16px
}
.text-page h5{
  font-size:15px
}
.text-page h6{
  font-size:14px
}
.text-page b,.text-page strong{
  font-family:roboto_condensedbold
}
.text-page img{
  max-width:100%
}
.text-page li,.text-page p{
  font-size:15px;
  line-height:1.2;
  position:relative;
  width:100%
}
.text-page ol,.text-page ul{
  width:100%
}
.text-page li{
  padding-left:30px
}
.text-page li:before{
  left:0;
  top:0;
  position:absolute;
  z-index:1
}
.text-page ul li:before{
  background:#3e3e3e;
  border-radius:50%;
  content:'';
  height:5px;
  width:5px;
  top:7px;
  left:12px
}
.text-page ol{
  counter-reset:a
}
.text-page ol li:before{
  color:#848484;
  content:counter(a) ".";
  counter-increment:a;
  left:8px
}
.text-page ol ol{
  counter-reset:b;
  padding-top:15px
}
.text-page ol ol li:before{
  content:counter(a) "." counter(b);
  counter-increment:b;
  left:0
}
.text-page table{
  border:0;
  width:100%;
  margin:30px 0
}
.text-page table th{
  border-top:1px solid #bcbcbc;
  border-bottom:1px solid #bcbcbc;
  color:#747474;
  font-size:15px;
  line-height:1.2;
  text-align:center;
  padding:10px 30px
}
.text-page table th:nth-child(2),
.text-page table th:nth-child(3){
  text-align:left
}
.text-page table th:last-child{
  text-align:right
}
.text-page table td{
  background:#fff;
  font-size:15px;
  line-height:1.2;
  text-align:center;
  padding:10px 30px
}
.text-page table td:nth-child(2),
.text-page table td:nth-child(3){
  text-align:left
}
.text-page table td:last-child{
  text-align:right
}
.text-page table tr:nth-child(even) td{
  background:#f6f6f6
}
.text-page li+li,.text-page p+p{
  margin-top:15px
}
.text-page h1+h1,.text-page h1+h2,.text-page h1+h3,
.text-page h1+h4,.text-page h1+h5,.text-page h1+h6,
.text-page h1+img,.text-page h1+ol,.text-page h1+p,
.text-page h1+ul,.text-page h2+h1,.text-page h2+h2,
.text-page h2+h3,.text-page h2+h4,.text-page h2+h5,
.text-page h2+h6,.text-page h2+img,.text-page h2+ol,
.text-page h2+p,.text-page h2+ul,.text-page h3+h1,
.text-page h3+h2,.text-page h3+h3,.text-page h3+h4,
.text-page h3+h5,.text-page h3+h6,.text-page h3+img,
.text-page h3+ol,.text-page h3+p,.text-page h3+ul,
.text-page h4+h1,.text-page h4+h2,.text-page h4+h3,
.text-page h4+h4,.text-page h4+h5,.text-page h4+h6,
.text-page h4+img,.text-page h4+ol,.text-page h4+p,
.text-page h4+ul,.text-page h5+h1,.text-page h5+h2,
.text-page h5+h3,.text-page h5+h4,.text-page h5+h5,
.text-page h5+h6,.text-page h5+img,.text-page h5+ol,
.text-page h5+p,.text-page h5+ul,.text-page h6+h1,
.text-page h6+h2,.text-page h6+h3,.text-page h6+h4,
.text-page h6+h5,.text-page h6+h6,.text-page h6+img,
.text-page h6+ol,.text-page h6+p,.text-page h6+ul,
.text-page img+h1,.text-page img+h2,.text-page img+h3,
.text-page img+h4,.text-page img+h5,.text-page img+h6,
.text-page img+ol,.text-page img+p,.text-page img+ul,
.text-page ol+h1,.text-page ol+h2,.text-page ol+h3,
.text-page ol+h4,.text-page ol+h5,.text-page ol+h6,
.text-page ol+img,.text-page ol+ol,.text-page ol+p,
.text-page ol+ul,.text-page p+h1,.text-page p+h2,
.text-page p+h3,.text-page p+h4,.text-page p+h5,
.text-page p+h6,.text-page p+img,.text-page p+ol,
.text-page p+ul,.text-page ul+h1,.text-page ul+h2,
.text-page ul+h3,.text-page ul+h4,.text-page ul+h5,
.text-page ul+h6,.text-page ul+img,.text-page ul+ol,
.text-page ul+p,.text-page ul+ul{
  margin-top:30px
}
.breadscrumbs{
  color:#858484;
  padding-top:20px
}
.breadscrumbs__link-box>*{
  display:inline-block;
  vertical-align:middle;
  margin-right:6px
}
.breadscrumbs__link{
  border-bottom:1px solid #858484;
  color:#858484;
  text-decoration:none
}
.breadscrumbs__link:hover{
  border-color:transparent;
  color:#53baf5
}
.breadscrumbs__position{
  color:#3e3e3e
}
.breadscrumbs__h1{
  color:#3e3e3e;
  font:40px/1.2 roboto_condensedregular;
  text-align:center;
  text-transform:uppercase;
  margin-top:60px;
  position:relative
}
.breadscrumbs__h1.with-back-btn{
  padding:0 160px
}
.breadscrumbs__h1.with-back-btn.big{
  padding:0 200px
}
.pager{
  text-align:center;
  padding:30px 0 60px
}
.pager__item{
  display:inline-block;
  vertical-align:middle;
  font-size:18px;
  margin-left:11px
}
.pager__item:first-child{
  margin-left:0
}
.pager__button{
  border:2px solid #3e3e3e;
  border-radius:50%;
  color:#3e3e3e;
  cursor:pointer;
  display:block;
  font:30px/38px fontello;
  text-align:center;
  text-decoration:none;
  width:40px;height:40px
}
.pager__button:hover{
  border-color:#53baf5;
  color:#53baf5
}
.pager__button.disabled,.pager__button.disabled:hover{
  border-color:#858484;
  color:#858484;
  cursor:no-drop
}
.pager__button.prev{
  padding-right:2px
}
.pager__button.next{
  padding-left:2px
}
.pager__active,.pager__link{
  color:#3e3e3e;
  display:block;
  text-decoration:none
}
.pager__link:hover{
  color:#2597d9
}
.pager__active{
  cursor:default;
  font:20px/1.2 roboto_condensedbold
}
.owl-carousel{
  display:none;
  width:100%;
  -webkit-tap-highlight-color:transparent;
  position:relative;
  z-index:1
}
.owl-carousel .owl-stage{
  position:relative;
  -ms-touch-action:pan-Y;
  -moz-backface-visibility:hidden
}
.owl-carousel .owl-stage:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0
}
.owl-carousel .owl-stage-outer{
  position:relative;
  overflow:hidden;
  -webkit-transform:translateZ(0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper{
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -webkit-transform:translateZ(0)
  ;-moz-transform:translateZ(0)
  ;-ms-transform:translateZ(0)
}
.owl-carousel .owl-item{
  position:relative;
  min-height:1px;
  float:left;
  -webkit-backface-visibility:hidden;
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none
}
.owl-carousel .owl-item img{
  display:block;
  width:100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled{
  display:none
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev{
  cursor:pointer;
  cursor:hand;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.owl-carousel.owl-loaded{
  display:block
}
.owl-carousel.owl-loading{
  opacity:0;display:block
}
.owl-carousel.owl-hidden{
  opacity:0
}
.owl-carousel.owl-refresh .owl-item{
  visibility:hidden
}
.owl-carousel.owl-drag .owl-item{
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.owl-carousel.owl-grab{
  cursor:move;
  cursor:-webkit-grab;
  cursor:grab
}
.owl-carousel.owl-rtl{
  direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
  float:right
}
.no-js .owl-carousel{
  display:block
}
.owl-carousel .animated{
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
  z-index:0
}
.owl-carousel .owl-animated-out{
  z-index:1
}
.owl-carousel .fadeOut{
  -webkit-animation-name:a;
  animation-name:a
}
@-webkit-keyframes a{
  0%{
    opacity:1
  }
  to{
    opacity:0
  }
}
@keyframes a{
  0%{
    opacity:1
  }
  to{
    opacity:0
  }
}
.owl-height{
  -webkit-transition:height .5s ease-in-out;
  transition:height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy{
  opacity:0;
  -webkit-transition:opacity .4s ease;transition:opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy{
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d
}
.slider{
  background:#fff
}
.slider__navigation{
  text-align:center
}
.slider__navigation-inner{
  display:inline-block;
  padding-top:40px
}
.slider__navigation-inner>*{
  display:inline-block;
  vertical-align:middle
}
.slider .owl-next:before,
.slider .owl-prev:before{
  border:2px solid #3e3e3e;
  border-radius:50%;
  cursor:pointer;
  display:block;
  font:30px/38px fontello;
  text-align:center;
  width:40px;height:40px;
  -webkit-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out
}
.slider .owl-next:hover:before,
.slider .owl-prev:hover:before{
  border-color:#53baf5;
  color:#53baf5
}
.slider .owl-prev:before{
  content:'\e800';
  padding-right:2px
}
.slider .owl-next:before{
  content:'\e801';
  padding-left:2px
}
.slider__dots{
  padding:0 15px
}
.slider .owl-dot{
  display:inline-block;
  vertical-align:middle;
  margin-left:11px
}
.slider .owl-dot:first-child{
  margin-left:0
}
.slider .owl-dot.active:hover span,
.slider .owl-dot.active span{
  border-color:#3e3e3e;
  cursor:default
}
.slider .owl-dot:hover span{
  background:#53baf5;
  border-color:#53baf5
}
.slider .owl-dot span{
  background:#3e3e3e;
  border:2px solid #fff;
  border-radius:50%;
  cursor:pointer;
  display:block;
  width:8px;
  height:8px;
  -webkit-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out
}
.main-slider{
  background:#f1f3f6
}
.main-slider .owl-item{
  float:left;
  width:100%;
  position:relative;
  z-index:1
}
.main-slider .table-cell{
  width:585px;
  height:600px;
  padding:0 20px 0 60px
}
.main-slider__item{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover
}
.main-slider__info{
  float:right;
  width:50%
}
.main-slider__title{
  font:56px/1.2 roboto_condensedbold
}
.main-slider__more{
  width:240px;
  margin-top:50px;
  border-radius: 15px;
}
.catalog{
  padding:20px 0
}
.catalog.inner{
  padding-bottom:0
}
.catalog-inner{
  margin-top:-5px;
  padding:0 25px
}
.catalog-item{
  float:left;
  text-decoration:none;
  width:25%;
  padding:5px
}
.catalog-item__inner{
  background-color:#fff;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:cover;
  box-shadow:0 0 7px rgba(0,0,0,.18);
  display:block;
  text-decoration:none;
  width:100%
}
.catalog-item .table-cell{
  width:150px;
  height:250px;
  padding:5px;
  text-align: center;
  background: rgba(10, 86, 130, 0.7);
}
.catalog-item:hover .catalog-text{
  border-color:transparent;
  color:#53baf5
}
.catalog-text{

  color:#fff;
  font:18px/1.5 roboto_condensedregular;
  letter-spacing:-1px;text-transform:uppercase

}
.representative{
  background:url(../img/9.png) 15% 50% no-repeat;
  min-height:320px;
  margin:50px 0
}

.representative-item{
  display:inline-block;
  vertical-align:middle;
  width:50%;
  margin:0 -2px
}
.representative-item:first-child{
  padding:0 40px
}
.representative-item.certificates{
  background:url(../img/certificates.png) no-repeat;
  min-height:320px;
  padding-left:1.785%
}
.representative-title{
  font:30px/1.5 roboto_condensedregular;
  text-transform:uppercase
}
.representative-certificates__item{
  box-shadow:5px 5px 17px rgba(0,0,0,.29);
  display:block;
  float:left;
  text-decoration:none;
  margin:20px 0 0 7%;
  width:42.1075%;
  position:relative
}
.representative-certificates__item:hover{
  box-shadow:5px 5px 17px rgba(0,0,0,.5);
  opacity:.9
}
.representative-certificates__image{
  display:block;
  width:100%;
  height:100%;
  top:0;
  left:0;
  padding:6.25% 8.6%;
  position:absolute;
  z-index:2
}
.representative-certificates__image-bg{
  display:block;
  width:100%
}

/*! Swipebox v1.3.0 | Constantin Saguin csag.co
| MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch{
  overflow:hidden!important
}
#swipebox-overlay img{
  border:none!important
}
#swipebox-overlay{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:11!important;
  overflow:hidden;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
#swipebox-container{
  position:relative;
  width:100%;
  height:100%
}
#swipebox-slider{-
  webkit-transition:-webkit-transform .4s ease;
  transition:-webkit-transform .4s ease;
  transition:transform .4s ease;
  transition:transform .4s ease,-webkit-transform .4s ease;
  height:100%;
  left:0;
  top:0;
  width:100%;
  white-space:nowrap;
  position:absolute;
  display:none;
  cursor:pointer
}
#swipebox-slider .slide{
  height:100%;
  width:100%;
  line-height:1px;
  text-align:center;
  display:inline-block
}
#swipebox-slider .slide:before{
  content:"";
  display:inline-block;
  height:50%;
  width:1px;
  margin-right:-1px
}
#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img{
  display:inline-block;
  max-height:100%;
  max-width:100%;
  margin:0;
  padding:0;
  width:auto;
  height:auto;
  vertical-align:middle
}
#swipebox-slider .slide .swipebox-video-container{
  background:none;max-width:1140px;
  max-height:100%;
  width:100%;
  padding:5%;
  box-sizing:border-box
}
#swipebox-slider .slide
.swipebox-video-container .swipebox-video{
  width:100%;
  height:0;
  padding-bottom:56.25%;
  overflow:hidden;
  position:relative
}
#swipebox-slider .slide .swipebox-video-container
.swipebox-video iframe{
  width:100%!important;
  height:100%!important;
  position:absolute;
  top:0;
  left:0
}
#swipebox-slider .slide-loading{
  background:url(../img/loader.gif) no-repeat 50%
}
#swipebox-top-bar{width:100%;
  height:auto;
  left:0;
  position:absolute;
  z-index:8
}
#swipebox-bottom-bar{
  top:0
}
#swipebox-top-bar{
  bottom:0
}
#swipebox-title{
  display:block;
  width:100%;
  text-align:center
}
#swipebox-close{
  background-image:url(../img/close2.png)!important;
  background-repeat:no-repeat;
  border:none!important;
  text-decoration:none!important;
  cursor:pointer;
  position:absolute;
  margin: 10px;
  width:50px;
  height:50px;
  top:0
}
#swipebox-next{
  background-image:url(../img/i2.png)!important;
  background-repeat:no-repeat;
  border:none!important;
  text-decoration:none!important;
  cursor:pointer;
  position:absolute;
  width:50px;
  height:50px;
  top:0
}

#swipebox-prev{
  background-image:url(../img/i1.png)!important;
  background-repeat:no-repeat;
  border:none!important;
  text-decoration:none!important;
  cursor:pointer;
  position:absolute;
  width:50px;
  height:50px;
  top:0
}
#swipebox-next,
#swipebox-prev{
  background-color:rgba(0,0,0,.8);
  top:50%!important;
  margin-top:-50px
}
#swipebox-prev{

  left:20px
}
#swipebox-next{

  right:20px
}
#swipebox-close{
  top:0;
  right:0;
  position:absolute;
  z-index:10;
}
.swipebox-no-close-button #swipebox-close{
  display:none
}
#swipebox-next.disabled,#swipebox-prev.disabled{
  opacity:.3
}
.swipebox-no-touch #swipebox-overlay
.rightSpring #swipebox-slider{
  -webkit-animation:b .3s;
  animation:b .3s
}
.swipebox-no-touch #swipebox-overlay
.leftSpring #swipebox-slider{
  -webkit-animation:c .3s;
  animation:c .3s
}
.swipebox-touch #swipebox-container:after,
.swipebox-touch #swipebox-container:before{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition:all .3s ease
  ;transition:all .3s ease;
  content:' ';
  position:absolute;
  z-index:8;
  top:0;
  height:100%;
  width:20px;
  opacity:0
}

.swipebox-touch #swipebox-container:before{
  left:0;
  box-shadow:inset 10px 0 10px -8px #656565
}
.swipebox-touch #swipebox-container:after{
  right:0;
  box-shadow:inset -10px 0 10px -8px #656565
}
.swipebox-touch #swipebox-overlay
.leftSpringTouch #swipebox-container:before,.swipebox-touch
#swipebox-overlay.rightSpringTouch
#swipebox-container:after{
  opacity:1
}
@-webkit-keyframes b{
  0%{left:0}
  50%{left:-30px}
  to{left:0}
}
@keyframes b{
  0%{left:0}
  50%{left:-30px}
  to{left:0}
}
@-webkit-keyframes c{
  0%{left:0}
  50%{left:30px}
  to{left:0}
}
@keyframes c{
  0%{left:0}
  50%{left:30px}
  to{left:0}
}
@media screen and (min-width:800px){
  #swipebox-close{
    right:10px}
  }
  #swipebox-overlay{
    background:rgba(0,0,0,.62)
  }
  #swipebox-bottom-bar,#swipebox-top-bar{
    text-shadow:1px 1px 1px #000;
    background:#000;
    opacity:.6
  }
  #swipebox-bottom-bar{
    border-bottom:1px solid hsla(0,0%,100%,.1)
  }
  #swipebox-top-bar{
    border-top:1px solid hsla(0,0%,100%,.1);
    color:#fff!important;
    font-size:15px;line-height:40px
  }
  .examples{
    background-image: linear-gradient(to bottom, rgb(101, 115, 255), rgb(109, 131, 250), rgb(117, 147, 246), rgb(126, 164, 241), rgb(134, 180, 237), rgb(142, 196, 232), rgb(138, 193, 233), rgb(135, 189, 235), rgb(131, 186, 236), rgb(127, 183, 237), rgb(124, 179, 239), rgb(120, 176, 240));
    padding:50px 0
  }
  .examples-inner{
    width:130%;
    margin-left:-15%
  }
  .examples .owl-item{
    float:left;
    width:100%
    ;position:relative;
    z-index:1
  }
  .examples__navigation{
    text-align:center
  }
  .examples__navigation-inner{
    display:inline-block;
    padding-top:40px
  }
  .examples__navigation-inner>*{
    display:inline-block;
    vertical-align:middle
  }
  .examples .owl-next:before,
  .examples .owl-prev:before{
    border:2px solid #fff;
    border-radius:50%;
    color:#fff;cursor:pointer;
    display:block;
    font:30px/38px fontello;
    text-align:center;
    width:40px;
    height:40px;
    -webkit-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out
  }
  .examples .owl-next:hover:before,
  .examples .owl-prev:hover:before{
    border-color:#53baf5;
    color:#53baf5
  }
  .examples .owl-prev:before{
    content:'\e800';
    padding-right:2px
  }
  .examples .owl-next:before{
    content:'\e801';
    padding-left:2px
  }
  .examples__dots{
    padding:0 15px
  }
  .examples .owl-dot{
    display:inline-block;
    vertical-align:middle;
    margin-left:11px
  }
  .examples .owl-dot:first-child{
    margin-left:0
  }
  .examples .owl-dot.active:hover span,
  .examples .owl-dot.active span{
    background:#fff;
    border-color:#fff;
    cursor:default
  }
  .examples .owl-dot:hover span{
    background:#53baf5;
    border-color:#53baf5
  }
  .examples .owl-dot span{
    background:#fff;
    border:2px solid #2597d9;
    border-radius:50%;
    cursor:pointer;
    display:block;
    width:8px;
    height:8px;
    -webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out
  }
  .examples-carousel__item{
    display:block;
    text-decoration:none;
    padding:0 5px
  }
  .examples-carousel__item-inner{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    height:330px;
    position:relative;z-index:1
  }
  .examples-carousel__item-inner:before{
    background:-webkit-linear-gradient(top,transparent,rgba(9,9,9,0) 14%,hsla(0,0%,7%,0) 29%,rgba(39,39,39,.65) 63%,rgba(62,62,62,.65));
    background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(14%,rgba(9,9,9,0)),color-stop(29%,hsla(0,0%,7%,0)),color-stop(63%,rgba(39,39,39,.65)),to(rgba(62,62,62,.65)));
    background:linear-gradient(180deg,transparent 0,rgba(9,9,9,0) 14%,hsla(0,0%,7%,0) 29%,rgba(39,39,39,.65) 63%,rgba(62,62,62,.65));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a63e3e3e',GradientType=0);
    content:'';
    width:100%;
    height:100%;
    top:0;left:0;
    position:absolute;z-index:1
  }
  .examples-carousel__item-inner:after{
    color:#fff;content:'\e802';
    font:0/330px fontello;
    text-align:center;
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:2;
    -webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out
  }
  .examples-carousel__item-inner:hover:after{
    font-size:50px
  }
  .examples-carousel__item-inner:hover:before{
    background:rgba(62,62,62,.65)
  }
  .examples-carousel__text{
    color:#fff;
    font:18px/1.5 roboto_condensedregular;
    letter-spacing:-1px;
    text-transform:uppercase;
    width:100%;
    bottom:0;
    left:0;
    position:absolute;
    z-index:3;
    padding:0 20px 25px
  }
  .advantages{
    padding:100px 0 140px
  }
  .advantages-item{
    display:inline-block;
    vertical-align:top;
    text-align:center;
    width:25%;
    margin:40px -2px 0;
    padding:0 10px
  }
  .advantages-title{
    font:36px/1.5 roboto_condensedregular;
    text-align:left;
    text-transform:uppercase
  }
  .advantages-btn{
    max-width:265px;
    margin-top:50px;
    border-radius: 15px;
  }
  .advantages__top-info{
    background:url(../img/advantages-bg.png) 50% no-repeat
  }
  .advantages__icon{
    display:block;
    max-width:70px;
    max-height:70px;
    margin:0 auto
  }
  .advantages__icon-box{
    width:265px;
    height:70px
  }
  .advantages__sub-title{
    font:18px/1.5 roboto_condensedbold;
    text-transform:uppercase;
    margin-top:10px
  }
  .advantages-description{
    line-height:1.5;
    margin-top:30px
  }
  .reviews{
    padding:70px 0
  }
  .reviews-inner{
    padding:0 60px;
    position:relative
  }
  .reviews-carousel__item{
    padding:0 15px 25px
  }

  .reviews-carousel__item-inner{
    border:1px solid #f0f0f0;
    border-radius:15px;
    min-height:385px;
    padding:70px 30px 70px 38.6%;
    position:relative
  }
  .reviews-carousel__item-inner:after,
  .reviews-carousel__item-inner:before{
    background:#ecf0ed;content:'';
    width:15px;
    height:90%;
    top:5%;
    position:absolute;
    z-index:1
  }
  .reviews-carousel__item-inner:before{
    border-radius:15px 0 0 15px;
    left:-15px
  }
  .reviews-carousel__item-inner:after{
    border-radius:0 15px 15px 0;
    right:-15px
  }
  .reviews-carousel__image{
    display:block;
    width:100%;
    height:100%
  }
  .reviews-carousel__image-box{
    background:url(../img/reviews-bg.jpg) 50% no-repeat;
    box-shadow:5px 5px 17px rgba(0,0,0,.29);
    width:234px;
    height:324px;
    top:70px;
    left:7%;
    padding:20px;
    position:absolute;
    z-index:1
  }
  .reviews-carousel__image-box:hover{
    box-shadow:5px 5px 17px rgba(0,0,0,.5);
    opacity:.9
  }
  .reviews-carousel__title{
    font:18px/1.2 roboto_condensedbold;
    text-transform:uppercase;
    padding-top:10px
  }
  .reviews-carousel__icon{
    display:block;
    max-width:102px;
    width:auto!important;
    max-height:40px;
    margin:0 auto
  }
  .reviews-carousel__icon-box{
    float:right
  }
  .reviews-carousel__icon-box-inner{
    border:1px solid #f0f0f0;
    width:106px;
    height:44px;
    padding:2px
  }
  .reviews-carousel__description{
    overflow:hidden;
    font-size:15px;
    line-height:1.5;
    max-height:88px;
    margin-top:20px
  }
  .reviews-carousel__btn{
    width:165px;
    margin-top:30px;
    border-radius: 15px;
  }
  .reviews-carousel .owl-next,
  .reviews-carousel .owl-prev{
    top:50%;
    margin-top:-20px;
    position:absolute;
    z-index:2
  }
  .reviews-carousel .owl-next:before,
  .reviews-carousel .owl-prev:before{
    border:2px solid #3e3e3e;border-radius:50%;
    cursor:pointer;
    display:block;
    font:30px/38px fontello;
    text-align:center;
    width:40px;
    height:40px;
    -webkit-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out
  }
  .reviews-carousel .owl-next:hover:before,
  .reviews-carousel .owl-prev:hover:before{
    border-color:#53baf5;
    color:#53baf5
  }
  .reviews-carousel .owl-prev{
    left:-60px
  }
  .reviews-carousel .owl-next{
    right:-60px
  }
  .reviews-carousel .owl-prev:before{
    content:'\e800';
    padding-right:2px
  }
  .reviews-carousel .owl-next:before{
    content:'\e801';
    padding-left:2px
  }
  .form{
    background-image: linear-gradient(to bottom, rgb(101, 115, 255), rgb(109, 131, 250), rgb(117, 147, 246), rgb(126, 164, 241), rgb(134, 180, 237), rgb(142, 196, 232), rgb(138, 193, 233), rgb(135, 189, 235), rgb(131, 186, 236), rgb(127, 183, 237), rgb(124, 179, 239), rgb(120, 176, 240));
    position:relative
  }
  .form-item{
    width:50%
  }
  .form-item+*{
    float:right
  }
  .form-item.bg-image{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    top:0;
    left:0;
    position:absolute
  }
  .form-item.bg-image:before{
    background:rgba(62,62,62,.65);
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:1
  }
  .form-info{
    color:#fff;
    max-width:600px;
    width:100%;
    right:0;
    bottom:0;
    padding:0 70px 50px 30px;
    position:absolute;
    z-index:2
  }
  .form-info__title{
    font:45px/1 roboto_condensedbold;
    text-transform:uppercase
  }
  .form-info__description{
    font-size:16px;
    line-height:1.5;
    margin-top:15px
  }
  .form-body{
    width:570px;
    height:450px;
    padding:30px 100px
  }
  .form .overlay-form__fields-title{
    color:#fff
  }
  .form .overlay-form__fields-title.is--error{
    color:#e82915
  }
  .form .overlay-form__item{
    max-width:100%
  }
  .form .overlay-form__input-text,
  .form .overlay-form__input-text-area{
    background:transparent;
    border-bottom:2px solid #fff;
    color:#fff
  }
  .form .overlay-form__input-text-area:focus,
  .form .overlay-form__input-text:focus{
    border-bottom:2px solid #53baf5
  }
  .form .overlay-form__input-text-area.is--error,
  .form .overlay-form__input-text.is--error{
    color:#e82915;
    border-color:#e82915
  }
  .form .overlay-form__input-submit,
  .form .overlay-form__input-submit-close{
    margin:30px 0 0
  }
  .form .overlay-form__info{
    text-align:left
  }
  .page-description{
    padding:70px 0
  }
  .page-description__title{
    font:36px/1.5 roboto_condensedregular;
    text-transform:uppercase;
    max-width:50%
  }
  .page-description__item{
    display:inline-block;
    vertical-align:top;
    width:50%;
    margin:30px -2px 0;
    padding-right:40px
  }
  .content-part__inner{
    background:#fff;
    margin-top:50px;
    padding:50px
  }
  .reviews__inner-page{
    float:left;
    width:100%;
    padding-right:360px;
    position:relative;
    z-index:1
  }
  .reviews__inner-page-item{
    margin-top:40px
  }
  .reviews__inner-page-item:first-child{
    margin-top:0
  }
  .reviews__inner-page-item-description{
    font-size:15px;
    line-height:1.5;
    margin-top:15px
  }
  .reviews__inner-page-title{
    font:18px/1.2 roboto_condensedbold;
    text-transform:uppercase
  }
  .reviews__inner-page-rating{
    float:right;
    font-size:15px;
    margin-left:15px
  }
  .reviews__inner-page-rating>*{
    color:#53baf5;
    display:inline-block;
    vertical-align:middle
  }
  .reviews__inner-page-date{color:#b0b0b0;
    float:right;
    font-size:15px;
    line-height:1.2
  }
  .reviews-form{
    background-image: linear-gradient(to bottom, rgb(101, 115, 255), rgb(109, 131, 250), rgb(117, 147, 246), rgb(126, 164, 241), rgb(134, 180, 237), rgb(142, 196, 232), rgb(138, 193, 233), rgb(135, 189, 235), rgb(131, 186, 236), rgb(127, 183, 237), rgb(124, 179, 239), rgb(120, 176, 240));
    float:left;
    width:310px;
    margin-left:-310px;
    padding:25px;
    position:relative;
    z-index:2
  }
  .reviews-form__title{
    color:#fff;
    font:31px/1.2 roboto_condensedbold;
    text-transform:uppercase
  }
  .reviews-form .overlay-form__fields-title{
    color:#fff
  }
  .reviews-form .overlay-form__fields-title.is--error{
    color:#e82915
  }
  .reviews-form .overlay-form__item{
    max-width:100%
  }
  .reviews-form .overlay-form__input-text,
  .reviews-form .overlay-form__input-text-area{
    background:transparent;
    border-bottom:2px solid #fff;
    color:#fff
    }
  .reviews-form .overlay-form__input-text-area:focus,
  .reviews-form .overlay-form__input-text:focus{
    border-bottom:2px solid #53baf5
  }
  .reviews-form .overlay-form__input-text-area.is--error,
  .reviews-form .overlay-form__input-text.is--error{
    color:#e82915;
    border-color:#e82915
  }
  .reviews-form .overlay-form__input-text-area{
    border:2px solid #fff
  }
  .reviews-form .overlay-form__input-text-area:focus{
    border:2px solid #53baf5
  }
  .reviews-form .overlay-form__input-submit,
  .reviews-form .overlay-form__input-submit-close{
    margin:30px 0 0
  }
  .reviews-form .overlay-form__info{
    text-align:left
  }
  .rating-box{
    color:#fff
  }
  .rating-box *{
    display:inline-block;
    vertical-align:middle
  }
  .rating-box__title{
    font:16px/1.2 roboto_condensedregular;
    text-transform:uppercase
  }
  .rating-box__item{
    cursor:pointer;
    font-size:18px
  }
  .gallery{
    margin:-40px -5px 0;
    position:relative;z-index:2
  }
  .gallery-item{
    display:inline-block;
    vertical-align:top;
    width:33.3%;
    margin:40px -2px 0;
    padding:0 5px
  }
  .gallery-image{
    background-color:#f3f3f3;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    border:1px solid #d6dce0;
    display:block;
    text-decoration:none;
    width:100%;
    height:170px
  }
  .gallery-image:hover{
    box-shadow:0 0 15px rgba(0,0,0,.45)
  }
  .gallery-date{
    font:14px/1.2 robotolight;
    margin-top:15px
  }
  .gallery-title{border-bottom:2px solid #53baf5;
    color:#3e3e3e;
    font:18px/1.5 roboto_condensedregular;
    text-transform:uppercase;
    text-decoration:none
  }
  .gallery-title__box{
    margin-top:15px
  }
  .gallery-title:hover{
    border-color:transparent
  }
  .portfolio .wrapper-container{
    padding:0 25px
  }
  .portfolio-inner{
    margin-top:40px
  }
  .portfolio-item{
    float:left;
    width:25%;
    padding:10px 5px 0
  }
  .portfolio-marker{
    background:#53baf5;
    border-radius:0 0 10px 0;
    color:#fff;
    font:14px/1.2 roboto_condensedregular;
    text-transform:uppercase;
    max-width:75%;
    top:25px;
    left:0;
    padding:5px 10px;
    position:absolute;
    z-index:3
  }
  .portfolio .examples-carousel__item{
    padding:0
  }
  .portfolio-box{
    margin-top:30px
  }
  .portfolio-box:first-child{
    margin-top:0
  }
  .portfolio-box__left-part{
    float:left;
    width:100%;
    padding-right:280px;
    position:relative;
    z-index:1
  }
  .portfolio-box__left-part.full-width{
    padding-right:0
  }
  .portfolio-box__right-part{
    float:right;
    width:250px;
    margin-left:-250px;
    position:relative;
    z-index:2
  }
  .portfolio-box__image{
    display:inline-block;
    vertical-align:middle;
    max-width:100%;
    margin:10px 0
  }
  .portfolio-box__image-box{
    text-align:center;
    border:1px solid #e1e1e1;
    padding:10px
  }
  .portfolio-box__info{
    background:#82cbf5;
    padding:20px
  }
  .filter{
    text-align:left;
    text-transform:uppercase;
    width:250px;
    top:4px;
    left:0;
    position:absolute;
    z-index:2
  }
  .selectbox{
    cursor:pointer;
    vertical-align:middle;
    width:100%
  }
  .selectbox .select{
    background:transparent;
    border-bottom:2px solid #3e3e3e;
    font:16px/1 roboto_condensedregular;
    width:100%;
    padding:0 15px 15px 0
  }
  .selectbox .select .text{
    overflow:hidden;
    display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:100%
  }
  .selectbox .trigger{
    width:15px;
    height:100%;
    top:0;
    right:0;
    position:absolute;
    z-index:1
  }
  .selectbox .trigger .arrow:before{
    content:'\e805';
    display:block;
    font:24px/16px fontello;
    text-align:center;
    width:100%
  }
  .selectbox .dropdown{
    background:#fff;
    box-shadow:0 0 10px rgba(0,0,0,.25);
    width:100%;
    top:33px;
    left:0
  }
  .selectbox .dropdown li{
    color:#3e3e3e;
    font:13px/1.2 roboto_condensedregular!important;
    padding:5px 10px
  }
  .selectbox .dropdown li.selected{
    background:#a3abb1;
    color:#fff
  }
  .selectbox .dropdown li:hover{
    background:#08c;
    color:#fff
  }
  .selectbox .dropdown li.disabled{
    color:#aaa
  }
  .selectbox .dropdown li.disabled:hover{
    background:transparent
  }
  .product-page{
    margin-top:50px
  }
  .product-page__left-part,.product-page__right-part{
    width:49.5%
  }
  .product-page__left-part{
    float:left
  }
  .product-page__right-part{
    float:right
  }
  .product-page.v2 .product-page__left-part,
  .product-page.v2 .product-page__right-part{
    margin-top:10px
  }
  .product-image{
    display:block;
    max-width:100%;
    max-height:310px;
    margin:0 auto
  }
  .product-image__box{
    background:#fff;
    display:block;
    position:relative
  }
  .product-image__box:hover{
    box-shadow:0 0 15px rgba(0,0,0,.25)
  }
  .product-image__box:before{
    background:url(../img/zoom.png) 50% no-repeat;
    content:'';height:29px;
    width:29px;
    top:25px;
    right:25px;
    position:absolute;
    z-index:1
  }
  .product-image__box .table-cell{
    width:565px;
    height:330px;
    padding:10px
  }
  .product-btn{
    width:260px;
    margin:50px auto 0;
    border-radius: 15px!important;
  }
  .characteristic{
    background:#fff;
    padding:35px
  }
  .characteristic-title{
    font:25px/1.2 roboto_condensedbold;
    text-transform:uppercase
  }
  .characteristic-list{
    margin-top:25px
  }
  .characteristic-list__item{
    border-top:1px solid #dcdbdb;
    padding:10px 20px
  }
  .characteristic-list__item:first-child{
    border-top:none;
    padding-top:0
  }
  .characteristic-list__item:last-child{
    padding-bottom:0
  }
  .characteristic-list__item>*{
    display:inline-block;
    vertical-align:top
  }
  .characteristic-list__title{
    font:15px/1.2 roboto_condensedbold;
    width:60%
  }
  .characteristic-list__value{
    font:15px/1.2 robotoregular;width:40%;
    padding-right:10px
  }
  .sub-catalog{
    margin-top:80px
  }
  .sub-catalog__inner{
    margin:-40px -4px 0;
    position:relative;
    z-index:2
  }
  .sub-catalog__item{
    display:inline-block;
    vertical-align:top;
    width:25%;
    margin:40px -2px 0;
    padding:0 5px
  }
  .sub-catalog__image{
    display:block;
    max-width:100%;
    max-height:148px;
    margin:0 auto
  }
  .sub-catalog__image-box{
    display:block
  }
  .sub-catalog__image-box:hover{
    box-shadow:0 0 10px rgba(0,0,0,.25)
  }
  .sub-catalog__image-box .table-cell{
    border:1px solid #d6dce0;
    width:255px;
    height:170px;
    padding:10px
  }
  .sub-catalog__title{
    border-bottom:1px solid #c7c7c7;
    color:#3e3e3e;
    font-size:15px;
    line-height:1.5;
    text-decoration:none
  }
  .sub-catalog__title:hover{
    border-color:transparent
  }
  .sub-catalog__title-box{
    margin-top:20px
  }
  .sub-catalog__more{
    border-bottom:2px solid #53baf5;
    color:#3e3e3e;
    display:inline-block;
    font:18px/1.2 roboto_condensedbold;
    text-transform:uppercase;
    text-decoration:none;
    margin-top:10px
  }
  .sub-catalog__more:hover{
    border-color:transparent;
    color:#53baf5
  }
  .one-category{
    background:#fff;
    padding:40px 20px
  }
  .one-category>*{
    display:inline-block;
    vertical-align:top;
    width:50%;
    margin:0 -2px;
    padding:0 5px
  }
  .one-category__title{
    border-bottom:2px solid #53baf5;
    color:#3e3e3e;
    font:18px/1.5 roboto_condensedregular;
    text-transform:uppercase;
    text-decoration:none
  }
  .one-category__title:hover{
    border-color:transparent
  }
  .one-category__title-box{
    margin-bottom:20px
  }
  .one-category__image{
    display:block;
    max-width:100%;
    margin:0 auto
  }
  .one-category__image-box{
    padding:10px
  }
  .one-category__links-item{
    border-top:1px solid #dcdbdb;
    color:#3e3e3e;
    display:block;
    font-size:15px;
    line-height:1.5;
    text-decoration:none;
    padding:10px
  }
  .one-category__links-item:first-of-type{
    border-top:0;
    padding-top:0
  }
  .one-category__links-item:first-of-type:focus{
    border-top:0
  }
  .one-category__links-item:last-child{
    padding-bottom:0
  }
  .one-category__links-item:hover{
    color:#53baf5
  }
  .one-category__links-item:focus{
    border-top:1px solid #dcdbdb
  }
  .transcript-item{
    margin-top:20px
  }
  .transcript-item:first-child{
    margin-top:0
  }
  .transcript-item>*{
    display:inline-block;
    vertical-align:top
  }
  .transcript-item>:first-child{
    width:80px;
    padding-left:15px
  }
  .transcript-item>:first-child+*{
    width:100%;
    margin-left:-85px;
    padding-left:85px
  }
  .transcript-marker{
    background:#3e3e3e;
    color:#fff;
    display:inline-block;
    font-size:15px;
    line-height:1.2;
    text-transform:uppercase;
    padding:2px
  }
  .transcript-description{
    line-height:1.5
  }
  .sub-small{
    margin:-10px -5px 0
  }
  .sub-small__item{
    display:inline-block;
    vertical-align:top;
    width:20%;
    margin:0 -2px;
    padding:10px 5px 0
  }
  .sub-small__item-inner{
    border:4px solid #e8eaef;
    display:block
    ;text-align:center;
    text-decoration:none;
    padding:10px
  }
  .sub-small__item-inner:hover{
    border-color:#53baf5;
    box-shadow:0 0 10px rgba(0,0,0,.25)
  }
  .sub-small__item-inner:hover .sub-small__title{
    border-bottom:transparent
  }
  .sub-small__item-inner:focus{
    border:4px solid #e8eaef
  }
  .sub-small__image{
    display:block;
    max-width:100%;
    max-height:110px;
    margin:0 auto
  }
  .sub-small__image-box{
    display:block;
    margin-bottom:10px
  }
  .sub-small__image-box .table-cell{
    height:110px;
    width:170px
  }
  .sub-small__title{
    border-bottom:2px solid #53baf5;
    color:#3e3e3e;
    font:18px/1.5 roboto_condensedregular;
    text-transform:uppercase
  }
  .sub-menu{
    margin-top:35px
  }
  .sub-menu__inner{
    border:1px solid #e0e3e5;
    padding:20px 50px 35px;
    position:relative
  }
  .sub-menu__title{
    background:#f3f3f3;
    font:15px/1 roboto_condensedregular;
    text-align:center;
    text-transform:uppercase;
    width:200px;
    top:-8px;
    left:35px;
    position:absolute;
    z-index:2
  }
  .sub-menu__list-item{
    display:inline-block;
    vertical-align:top;
    width:25%;
    margin:15px -2px 0;
    padding:0 10px 0 20px;
    position:relative
  }
  .sub-menu__list-item:before{
    background:#dcdcdc;
    content:'';
    width:10px;
    height:10px;
    top:7px;
    left:0;
    position:absolute;
    z-index:2
  }
  .sub-menu__list-item.is--active:before{
    background:#a7a6a6
  }
  .sub-menu__list-link{
    border-bottom:1px solid #ccc;
    color:#868686;
    font-size:15px;
    line-height:1.5;
    text-decoration:none
  }
  .sub-menu__list-link.is--active{
    border-color:transparent;
    color:#3e3e3e;
    font-family:roboto_condensedbold
  }
  .sub-menu__list-link:hover{
    border-color:transparent;
    color:#53baf5
  }
  .masonry-grid{
    margin:-10px -5px 0
  }
  .grid{
    width:100%
  }
  .grid-item,.grid-sizer{
    float:left;
    height:330px
  }
  .grid-item{
    width:260px;
    padding:10px 5px 0
  }
  .grid-item.large{
    width:520px;
  }
  .grid-item__inner{
    background:#f3f3f3;
    border-bottom:none!important;
    display:block;
    width: 100%;
    height:400px;
  }
  .grid-item__inner:hover{
    box-shadow:0 0 15px rgba(0,0,0,.45)
  }
  .grid-item__image{
    display:block;
    width:100%;
    height:100%
  }
  footer{
    padding:20px 0 30px
  }
  .footer-menu{
    float:left;
    margin-top:25px
  }
  .footer-menu__item{
    float:left;
    display:block;
    margin-left:10px
  }
  .footer-menu__item:first-child{
    margin-left:0
  }
  .footer-menu__link{
    border-bottom:2px solid #53baf5;
    color:#3e3e3e;
    display:block;
    font:16px/1.5 roboto_condensedregular;
    letter-spacing:-1px;
    text-decoration:none;
    text-transform:uppercase
  }
  .footer-menu__link:hover{
    border-color:transparent;
    color:#53baf5
  }
  .footer-developer{
    float:right
  }
  .footer-developer:hover{
    opacity:.6
  }
  .footer-developer__image{
    display:block
  }
  .footer-phone{
    background:url(../img/phone-icon.png) 0 50% no-repeat;
    color:#3e3e3e;
    display:inline-block;
    float:left;
    font:23px/28px roboto_condensedbold;
    text-decoration:none;
    margin:23px 0 0 80px;
    padding-left:35px
  }
  .footer-phone:hover{
    color:#53baf5
  }
  @media all and (max-width:1200px){
    .masonry-grid{
      max-width:780px;
      margin:-10px auto 0
    }
  }
  @media all and (max-width:1170px){
    #up-button{
      right:30px

    }
    .header-logo__image{
      max-width:134px
    }
    .header-menu{
      margin:25px 0 0 40px
    }
    .header-menu__item{
      margin-left:15px
    }
    .header-menu__link{
      font-size:15px
    }
    .header-contacts{
      width:220px;
      margin-top:0
    }
    .header-phone{
      font-size:20px
    }
    .header-mail{
      border-bottom:1px solid #3e3e3e;
      color:#3e3e3e;
      float:left;
      font:12px/1.2 robotolight;
      text-decoration:none;
      margin-top:15px
    }
    .header-mail:hover{
      border-color:transparent;
      color:#53baf5
    }
    .header-ask{
      background:#53baf5;
      border-radius:15px 0 15px 0;
      color:#fff;
      cursor:pointer;
      display:block;
      float:right;
      font:14px/24px roboto_condensedregular;
      text-align:center;
      text-transform:uppercase;
      width:120px;margin-top:10px
    }
    .header-ask:hover
    {
      background:#53baf5;
      box-shadow:0 0 15px rgba(0,0,0,.25)
    }
    .catalog-item{
      width:25%;padding:5px
    }
    .catalog-item .table-cell{
      width:270px
    }
    .footer-menu__item{
      margin-left:15px
    }
    .footer-phone{
      margin-left:8%
    }
    .text-page table{
      margin:20px 0
    }
    .text-page table td,
    .text-page table th{
      padding:10px
    }
    footer{
      padding:15px 0 20px
    }
    .footer-menu{
      text-align:center;
      margin:0 0 20px;
      width:100%
    }
    .footer-menu__item{
      float:none;
      display:inline-block
    }
    footer-phone{
      margin:10px 0 0
    }
  }
  .mobile-menu-logo__image{
    width: 250px;
    height: 100px;
  }
  .img_1{
    width: 33%;
    height: 270px;
  }
  .vid_1{
    width: 31%;
    margin: 1%;
    border: 2px solid #000;
    height: 250px;
  }
  .vid_2{
    width: 47%;
    margin: 1%;
    border: 2px solid #000;
    height: 300px;
  }
@media all and (max-width:1080px){
  .header-menu{display:none}
  .header-contacts{width:auto;margin-top:25px}
  .header-mail{margin:5px 0 0 20px}
  .header-ask{float:left;margin:0 0 0 20px}
  .menu-btn{display:block}
}
@media all and (max-width:1024px){
  .padding-horizontal-30{padding-right:20px;padding-left:20px}
  .h1{font-size:36px;padding:40px 0 60px}#up-button{right:20px}
  .breadscrumbs__h1{font-size:36px;margin-top:40px}header{padding:10px 0}
  .main-slider__title{font-size:48px;text-shadow:0 0 1px #fff}
  .catalog-inner{padding:0 15px}
  .advantages-title{font-size:32px}
  .form-info{padding:0 50px 30px 20px}
  .form-info__title{font-size:38px}
  .form-body{width:570px;height:450px;padding:30px 20px 30px 50px}
  .content-part__inner{margin-top:30px;padding:20px}
  .reviews__inner-page{padding-right:330px}
  .gallery{margin:-20px -5px 0;position:relative;z-index:2}
  .gallery-item{width:33.33%;margin:20px -2px 0}
  .portfolio .wrapper-container{padding:0 15px}
  .portfolio-inner{margin-top:20px}
  .portfolio-item{width:33.33%}
  .sub-catalog{margin-top:40px}
  .sub-catalog__inner{margin:-20px -4px 0}
  .sub-catalog__item{width:33.33%;margin:20px -2px 0}
  .sub-catalog__image-box .table-cell{width:310px}
  .sub-small__item{width:33.33%}
  .sub-small__image-box .table-cell{width:280px}
  .img_1{
    width: 80%;
    margin-left: 10%;
    height: auto;
  }
  .vid_1{
    width: 80%;
    margin-left: 10%;
    height: 300px;
  }
  .vid_2{
    width: 80%;
    margin-left: 10%;
    height: 300px;
  }
}
media all and (max-width:960px){
  .main-slider .table-cell{
    height:450px;
    padding:0 20px 0 0
  }
  .main-slider__info{float:right;width:60%}
  .main-slider__title{font-size:40px}
  .main-slider__more{margin-top:30px}
  .catalog{padding:50px 0}
  .catalog-item{width:33.33%}
  .catalog-item .table-cell{width:300px}
  .representative{background:url(../img/representative.jpg) 50% 0 no-repeat;
    margin:30px 0}
  .representative-item{display:block;width:100%;margin:0}
  .representative-item:first-child{min-height:320px;padding:30px 0}
  .representative-item.certificates{background:url(../img/certificates.png);
    min-height:1px;margin-top:20px;padding:0 2% 20px}
  .representative-title{text-align:center}
  .representative-certificates__item{margin:20px 2% 0;width:46%}
  .advantages{padding:60px 0 100px}
  .advantages-item{width:50%}
  .advantages-title{text-align:center}
  .advantages-btn{margin:50px auto 0}
  .advantages__icon-box{width:460px}
  .reviews{padding:40px 0}
  .reviews-inner{padding:0}
  .reviews-carousel__item-inner{padding:70px 30px 70px 35.6%}
  .reviews-carousel__image-box{left:4%}
  .reviews-carousel .owl-next,
  .reviews-carousel .owl-prev{display:none}
  .product-btn,.product-page{margin-top:30px}
  .characteristic{padding:15px}
  .characteristic-list{margin-top:25px}
  .characteristic-list__item{padding:10px}
  .sub-menu__inner{padding:10px 20px 25px}
  .sub-menu__list-item{width:33.33%}
  .breadscrumbs__h1.with-back-btn.big{padding:40px 0 0}
  .back-btn.big{top:0;right:0;margin:auto}
}
@media all and (max-width:880px){
  #up-button.show{bottom:135px}
  .reviews-carousel__item-inner{min-height:1px;padding:20px}
  .reviews-carousel__image-box{display:block;top:0;left:0;margin:0 auto;
    position:relative}
  .reviews-carousel__info{margin-top:30px}
  .page-description{padding:40px 0}
  .page-description__title{font-size:32px;max-width:100%}
  .page-description__item{display:block;width:100%;margin:30px 0 0;padding-right:0}
  .content-part__inner{background:#fff;margin-top:20px;padding:25px 10px}
  .reviews__inner-page{float:none;padding-right:0}
  .reviews__inner-page-item{margin-top:30px}
  .reviews__inner-page-item-description{font-size:14px;margin-top:10px}
  .reviews__inner-page-title{display:block}
  .reviews__inner-page-rating{float:none;margin-left:0}
  .reviews__inner-page-date{float:none}
  .reviews-form{float:none;width:100%;margin:30px 0 0;padding:25px 15px}
  .reviews-form__title{font-size:28px}
  .reviews-form .overlay-form__input-submit,
  .reviews-form .overlay-form__input-submit-close{margin:30px auto 0}
  .reviews-form .overlay-form__info{text-align:center}
  .gallery-item{width:50%;margin:20px -1px}
  .text-page table thead{display:none}
  .text-page table tr{margin-bottom:20px;display:block}
  .text-page table td{border-bottom:1px solid #bcbcbc;display:block;
    font-size:14px;text-align:right;padding:10px}
  .text-page table td:nth-child(2),
  .text-page table td:nth-child(3){text-align:right}
  .text-page table td:before{content:attr(data-label);float:left;
    font-family:roboto_condensedbold}
  .text-page table td:last-child{border-bottom-width:3px!important}
  .masonry-grid{max-width:425px;margin:0 auto}
  .grid-item,.grid-sizer{float:none;height:auto;top:0!important;
    left:0!important;position:relative!important}
  .grid-item{width:100%;padding:10px 0 0}
  .grid-item.large{width:100%}
  .grid-item__inner{height:auto}
  .grid-item__image{width:100%;height:auto}
}
@media all and (max-width:820px){
  .portfolio-box__left-part{float:none;padding-right:0}
.portfolio-box__right-part{float:none;width:100%;margin:30px 0 0}}
@media all and (max-width:768px){
  .padding-horizontal-30{padding-right:15px;padding-left:15px}
  .h1{padding:30px 0 50px}
  .h1,.h2{font-size:32px}
  .overlay-form{padding:50px 30px}
  .overlay-form__close-btn{font-size:24px;line-height:50px;width:50px;
    height:50px;top:0;right:0;position:absolute}
  .overlay-form__title{font-size:32px}
  #up-button{right:15px}
  .breadscrumbs__h1{font-size:32px;margin-top:30px}
  .breadscrumbs__h1.with-back-btn{padding:40px 0 0}
  .main-slider .table-cell{text-align:center;width:768px;height:400px;
    padding:10px 15px}
  .main-slider__info{float:none;width:100%}
  .main-slider__title{font-size:32px}
  .main-slider__more{margin:30px auto 0}
  .catalog{padding:30px 0}
  .catalog-inner{padding:0 10px}.catalog-item{width:50%}
  .catalog-item .table-cell{width:365px}
  .examples{padding:30px 0}
  .examples-inner{width:100%;margin-left:0;padding:0 15px}
  .form-item{width:100%}
  .form-item+*{float:none}
  .form-item.bg-image{height:auto;position:relative}
  .form-info{max-width:100%;padding:70px 15px;position:relative}
  .form-info__title{font-size:32px}
  .form-body{display:block;width:100%;height:auto;padding:30px 15px}
  .form .overlay-form__input-submit,
  .form .overlay-form__input-submit-close{margin:30px auto 0}
  .form .overlay-form__info{text-align:center}
  .portfolio .wrapper-container{padding:0 10px}
  .portfolio-item{width:50%}
  .filter{width:100%;top:0;margin-top:20px;position:relative}
  .product-page__left-part,.product-page__right-part{float:none;width:100%}
  .product-page__right-part{margin-top:30px}
  .product-image__box .table-cell{width:740px}
  .characteristic-title{text-align:center}
  .back-btn{top:0;right:0;margin:auto}
  .sub-catalog__item{width:50%}
  .sub-catalog__image-box .table-cell{width:355px}
  .sub-small__item{width:50%}
  .sub-small__image-box .table-cell{width:330px}
  .sub-menu__inner{padding:0 10px 15px}
  .sub-menu__list-item{width:50%}
  .one-category{height:auto!important}
}
@media all and (max-width:720px){
  .header-mail{display:none}
  footer{text-align:center}
  .footer-menu{float:none;margin-bottom:0}
  .footer-menu__item{display:block;margin:15px 0 0}
  .footer-menu__item:first-child{margin-top:0}
  .footer-menu__link{display:inline-block;font-size:16px}
  .footer-developer{display:inline-block;vertical-align:middle;
    float:none;margin:20px 16px 0}
  .footer-developer__image{height:auto}
  .footer-phone{vertical-align:middle;float:none;
    font:23px/28px roboto_condensedbold;margin:20px 16px 0
  }
}
@media all and (max-width:620px){
  #up-button.show{bottom:20px
  }
  .header-logo__image{
    max-width:95px
  }
  .header-phone{
    display:none
  }
  .header-contacts{
    margin-top:15px
  }
  .menu-btn{
    margin:15px 0 0 20px
  }
}
@media all and (max-width:540px){
  .catalog-item{width:100%}
  .catalog-item .table-cell{
    width:510px
  }
  .advantages{
    padding:20px 0 60px
  }
  .advantages-item{
    display:block;
    width:100%;
    margin:40px 0 0
  }
  .advantages__icon-box{width:510px}
  .gallery{
    margin:-20px 0 0
  }
  .gallery-item{
    display:block;
    width:100%;
    margin:20px 0 0;
    padding:0
  }
}
@media all and (max-width:480px){
  .h1{padding:25px 0 40px}
  .h1,.h2{font-size:30px}
  .representative-title{line-height:1.2}
  .representative-certificates__item{width:96%}
  .examples__dots{display:none}
  .portfolio-item{float:none;width:100%}
  .characteristic-list__item>*{display:block;width:100%!important}
  .characteristic-list__value{padding:5px 0 0}
  .sub-catalog__item{display:block;width:100%;margin:20px 0 0}
  .sub-catalog__image-box .table-cell{width:430px}
  .one-category>*{display:block;width:100%;margin:0;padding:0}
  .one-category>*+*{margin-top:30px}.transcript-item>*{display:block}
  .transcript-item>:first-child{width:100%}
  .transcript-item>:first-child+*{margin-left:0;padding-left:0}
  .transcript-description{margin-top:10px}
  .sub-small__item{display:block;width:100%;margin:0}
  .sub-small__image-box .table-cell{width:405px}
  .sub-menu__list-item{display:block;width:100%;margin:15px 0 0;
    padding-right:0
  }
  .ask{
    top: 50px;
  }
  .ask_1{
    top: 50px;
  }

}
@media all and (max-width:425px){
  .reviews-carousel__item-inner{padding:10px}
  .reviews-carousel__info{text-align:center;margin-top:20px}
  .reviews-carousel__icon-box{float:none;width:106px;height:44px;
    margin:0 auto}
  .reviews-carousel__description{font-size:14px;line-height:1.2;
    max-height:96px}
  .reviews-carousel__btn{margin-top:20px}
}
@media all and (max-width:400px){
  .ask{
    width: 100%;
    left: 0;
    height: 475px;
  }
  .ask_1{
    width: 100%;
    left: 0;
  }
  .n_t{
    font-size: 20px;
  }
  .t_t{
    font-size: 20px;
    height: 100px;
  }
}
.insta{
  position: fixed;
  top: 200px;
  right: 10px;
  display: block;
  z-index: 20;
  width: 50px;
}
.insta img{
  display: block;
}