*{font-family: Arial;}

html{overflow-x: hidden;}
body{/*padding-top: 54px;*/ position: relative; overflow-x: hidden; color: black; width: 100%;}
a{color: black; transition: 0.2s all; text-decoration: underline;}
a:hover{color: #6e82e8;}

.overflow{overflow: hidden;}
.clear{clear: both;}

.wr{max-width: 1440px; padding: 0 30px; margin: 0 auto; box-sizing: content-box;}

.shadow{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0; z-index: 10000; visibility: hidden; transition: 0.3s all;}
.shadow--show{visibility: visible; opacity: 0.4;}

.content li{padding-left: 20px; position: relative;}
.content li:after{position: absolute; top: 9px; left: 3px; width: 7px; height: 7px; border-radius: 10px; background: #6e82e8; content: ' ';}
.content td, .content th{vertical-align: top;}
.content .scroll_table{overflow-x: auto; display: block; width: 100%; -webkit-overflow-scrolling: touch;}
.content .scroll_table table{min-width: 700px;}

.button{
    font-size: 14px;color: #6e82e8; padding: 12px 40px; cursor: pointer; display: inline-block; border: 1px solid #6e82e8; text-transform: uppercase;
    background: white; transition: 0.2s all; text-decoration: none;
}
.button:hover{background: #6e82e8; color: white; text-decoration: none;}
.button--invert{background: #6e82e8; color: white;}
.button--invert:hover{background: white; color: #6e82e8;}

.logo{vertical-align: top;}
.logo__img{width: 100px; display: inline-block;}
.logo__img img{width: 100%;}
.logo__text{font-size: 11px; color: #262626; font-weight: bold; display: inline-block; line-height: 20px; margin-left: 23px;}

.menu{display: inline-block;}
.menu__item{margin-left: 40px; font-size: 14px; display: inline-block;}
.menu__item:first-child{margin-left: 0;}
.menu__item--active{border-bottom: 2px solid #6e82e8;}
.menu__item--home{display: none;}
.menu a{text-decoration: none;}
.header__btn{display: inline-block; margin-left: 70px;}
.mmenu_btn{display: none;}

.header{padding-top: 40px;}
.header__left{float: left; width: 30%;}
.header__right{float: right; width: 70%; text-align: right;}
.footer{border-top: 1px solid #e8e8e8; font-size: 14px; color: #adacac; padding: 15px 0 20px 0; margin-top: 20px;}

.slider{margin: 50px 0; padding-bottom: 100px; position: relative; opacity: 0;}
.slider__right{padding-left: 50px; display: flex; align-items: center; max-width: 100%; height: 100%;}
.slider__right_h{font-size: 50px; font-weight: bold; line-height: 1.2em; margin-bottom: 20px;}
.slider__right_text{font-size: 16px; line-height: 40px; border-left: 5px solid #6e82e8; padding: 10px 30px; margin: 10px 0 30px 0;}
.slider__left{max-width: 700px;}
.slider__left img{width: 100%;}

.slider__circles{font-size: 0; bottom: 30px; text-align: center; z-index: 20; position: absolute; transform: translate(-50%, 0); left: 50%;}
.slider__circles_one{
    width: 10px; height: 10px; display: inline-block; cursor: pointer; background: #AFAEAE; 
    border-radius: 10px; margin-left: 50px; position: relative;
}
.slider__circles_one:first-child{margin-left: 0;}
.slider__circles_one--active{background: #6e82e8;}

.slider__arrows{position: absolute; bottom: 15px; width: 100%; z-index: 10;}
.slider__arrows_left{float: left; cursor: pointer;}
.slider__arrows_right{float: right; cursor: pointer;}
.slider__arrows_ico, .slider__arrows_text{display: inline-block;}
.slider__arrows_text{font-size: 11px; font-weight: bold; color: #adacac; cursor: pointer; text-transform: uppercase; transition: 0.2s all;}
.slider__arrows_ico{width: 70px;}
.slider__arrows_right .slider__arrows_ico{text-align: right;}
.slider__arrows_left .slider__arrows_ico{text-align: left;}

.slider__arrows_left:hover .slider__arrows_text, .slider__arrows_right:hover .slider__arrows_text{color: #6e82e8;}
.slider__arrows_left:hover [class*="icono"], .slider__arrows_right:hover [class*="icono"]{color: #6e82e8;}

.main_content{padding: 100px 0 50px 0; font-size: 14px; line-height: 2em;}

.h1{font-size: 50px; font-weight: bold; position: relative; margin-bottom: 60px;}
.h1:after{position: absolute; left: 0; bottom: -20px; width: 120px; height: 4px; background: #6e82e8; content: ' ';}

.about_images_block{line-height: 20px; margin: 50px 0;}
.about_images_block img{display: inline-block; margin-bottom: 17px; max-width: 100px;}

blockquote{padding-left: 20px; border-left: 4px solid #6e82e8; }

.map{width: 90%; min-height: 500px; background: #6e82e8; position: relative;}
.map:after{position: absolute; content: ' '; top: -60px; right: -70px; width: 100%; height: 100%; background: #6e82e8; z-index: -1;}

.contacts_partners{margin-top: 35px;}
.contacts_partners__h{font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px;}
.contacts_partners img{max-width: 115px; width: 100%; display: inline-block;}

.contacts__email,.contacts__phones,.contacts__address{padding-left: 25px; margin-bottom: 15px; color: #464646; line-height: 1.4em;}

.contacts__email{background: url(/images/email.png) 1px 3px no-repeat;}
.contacts__phones{background: url(/images/phone.png) 1px 3px no-repeat;}
.contacts__address{background: url(/images/address.png) 1px 3px no-repeat;}

body .tns-outer{position: relative; padding-bottom: 50px !important;}
.tns-controls button[data-controls="prev"], .tns-controls button[data-controls="next"]{
    position: absolute; top: 50%; content: ''; border: 0; outline: none; width: 12px; height: 21px; cursor: pointer; opacity: 0.6;
    transition: 0.2s all; margin-top: -35px;
}
.tns-controls button[data-controls="prev"]:hover, .tns-controls button[data-controls="next"]:hover{opacity: 1;}
.tns-controls button[data-controls="next"]{left: -30px; background: url(/images/mini_slider_arrow_left.png) no-repeat;}
.tns-controls button[data-controls="prev"]{right: -30px; background: url(/images/mini_slider_arrow_right.png) no-repeat;}
.tns-nav{position: absolute; bottom: 10px; text-align: center; width: 100%;}
.tns-nav button{width: 10px; height: 10px; cursor: pointer; border: 0; outline: none; border-radius: 10px; background: #AFAEAE; margin: 0 10px;}
.tns-nav button.tns-nav-active{background: #6e82e8;}

.mini_slider__h{font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.mini_slider{margin-bottom: 30px; padding: 0 20px; margin-top: 30px;}
.mini_slider img{max-width: 309px;}

.sub_menu{margin: 30px 0 40px 0; font-size: 16px; border-bottom: 3px solid #E9E9E9; padding-bottom: 5px;}
.sub_menu a{text-decoration: none;}
.sub_menu__item{margin-left: 30px; color: #868585; display: inline-block;}
.sub_menu__item:first-child{margin-left: 0px;}
.sub_menu__item--active{color: #6C84EB; position: relative;}
.sub_menu__item--active:after{content: ' '; position: absolute; bottom: -8px; width: 100%; height: 3px; background: #6C84EB; left: 0;}

.services__form{margin: 50px 0;}
.form__h{font-size: 16px; font-weight: bold; margin-bottom: 30px;}
.form{max-width: 360px; font-size: 14px;}
.form__line{margin-top: 25px;}
.form__line:first-child{margin-top: 0;}
.form input, .form select{border: 0; border-bottom: 1px solid #D7D7D7; width: 100%; outline: 0; padding: 10px 0;}
.form input:focus{border-color: #6C84EB;}

.form--popup{max-width: 100%;}

.popup,.popup__shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.popup {
    font-size: 16px;
    display: none;
    overflow-y: scroll;
    z-index: 3000
}

.popup__shadow {
    background: #000;
    opacity: .5;
    z-index: 2000
}

.popup__box {
    position: absolute;
    z-index: 3000;
    top: 50%;
    left: 50%;
    width: 420px;
    margin-left: -210px;
    margin-top: -300px;
    background: #fff;
    padding: 40px;
    margin-bottom: 100px;
    box-shadow: 3px 3px 20px 0px #3d3d3d;
}

.popup__title {
    font-size: 23px;
    color: #464646;
    letter-spacing: 1px
}

.popup__close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 1em;
    width: 14px;
    height: 14px;
    opacity: .7;
    transition: .3s all ease;
    background: url(/images/bars_close.png) no-repeat
}

.popup__close:hover {
    color: #9e0b0f;
    opacity: 1
}

.popup__line {
    margin-top: 9px
}

.popup__line:first-child {
    margin-top: 0
}

.popup__line--info {
    /*color: green;*/
    /*display: none;*/
    text-align: center;
    margin-top: 15px;
}

.green {
    color: green
}

.red {
    color: red
}
.popup .form-group {
    margin-bottom: 35px
}






[class*="icono"] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #adacac;
  box-sizing: border-box;
    transition: 0.2s all;
}
[class*="icono"]:after,
[class*="icono"]:before {
  content: "";
  box-sizing: border-box;
}
[class*="icono-arrow1"] {
  width: 20px;
  height: 20px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  margin: 10px;
}
[class*="icono-arrow1"]:before {
  right: 0;
  top: -2px;
  position: absolute;
  height: 2px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 50px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
[class*="icono-arrow1"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
[class*="icono-arrow1"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
[class*="icono-arrow1"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
[class*="icono-arrow1"][class*="-right"] {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
[class*="icono-arrow1"][class*="-right"][class*="-up"] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
[class*="icono-arrow1"][class*="-right"][class*="-down"] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
[class*="icono-arrow1"][class*="-up"] {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
[class*="icono-arrow1"][class*="-down"] {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
[class*="icono-arrow2"] {
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  margin: 10px;
}
[class*="icono-arrow2"]:before {
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 15px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
[class*="icono-arrow2"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
[class*="icono-arrow2"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
[class*="icono-arrow2"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
[class*="icono-arrow2"][class*="-right"] {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
[class*="icono-arrow2"][class*="-right"][class*="-up"] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
[class*="icono-arrow2"][class*="-right"][class*="-down"] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
[class*="icono-arrow2"][class*="-up"] {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
[class*="icono-arrow2"][class*="-down"] {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
[class*="icono"]:after,
[class*="icono"]:before {
  content: "";
  box-sizing: border-box;
}
[class*="icono-arrow3"] {
  width: 18px;
  height: 20px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
  border-radius: 0 2px 0 0;
}
[class*="icono-arrow3"]:before,
[class*="icono-arrow3"]:after {
  border-radius: 2px;
  position: absolute;
}
[class*="icono-arrow3"]:before {
  right: 0;
  top: -3px;
  width: 23px;
  height: 4px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  box-shadow: inset 0 0 0 32px;
}
[class*="icono-arrow3"]:after {
  width: 4px;
  height: 4px;
  left: -2px;
  top: -4px;
  box-shadow: inset 0 0 0 32px, 16px 17px;
}
[class*="icono-arrow3"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
[class*="icono-arrow3"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
[class*="icono-arrow3"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
[class*="icono-arrow3"][class*="-right"] {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
[class*="icono-arrow3"][class*="-right"][class*="-up"] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
[class*="icono-arrow3"][class*="-right"][class*="-down"] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
[class*="icono-arrow3"][class*="-up"] {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
[class*="icono-arrow3"][class*="-down"] {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
[class*="icono-arrow4"] {
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 7px solid;
  border-right: 7px solid;
  margin: 15px;
}
[class*="icono-arrow4"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
[class*="icono-arrow4"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
[class*="icono-arrow4"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
[class*="icono-arrow4"][class*="-right"] {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
[class*="icono-arrow4"][class*="-right"][class*="-up"] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
[class*="icono-arrow4"][class*="-right"][class*="-down"] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
[class*="icono-arrow4"][class*="-up"] {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
[class*="icono-arrow4"][class*="-down"] {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}



/* Icon 1 */

#nav-icon3 {
  width: 25px;
  height: 45px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #dbdbdb;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 8px;
}

#nav-icon3 span:nth-child(4) {
  top: 17px;
}

#nav-icon3.open span:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}