@import "/bitrix/templates/.default/css/new/reset.css";
@import "/bitrix/templates/.default/css/new/grid.css";
@import "/bitrix/templates/.default/css/new/header.css";
@import "/bitrix/templates/.default/css/new/footer.css";
@import "/bitrix/templates/.default/css/new/button.css";
@import "/bitrix/templates/.default/css/new/fontawesome/css/font-awesome.min.css";
@import "/bitrix/templates/.default/css/new/media-queries.css";

h1 {
  font-size: 1.9375em;
  font-weight: 100;
  /* margin-top: 40px; */
  margin-bottom: 38px;
  text-align: center;
  line-height: 39px;
}
@media (max-width: 700px) {
  h1 {
    font-size: 17px;
    font-weight: 100;
    /* margin-top: 40px; */
    margin-bottom: 38px;
    text-align: center;
    line-height: 25px;
  }  
}

/*section h2 {
    font-size: 1.750em;
    font-weight: 100;
    margin-top: 0;
    text-align: center;
    margin-bottom: 40px;
}*/

.gray-bg {
  background-color: #eeeeee;
}

.servicePopUp {
  width: 610px;
}
.servicePopUp:after {
  content: "";
  background: url(/bitrix/templates/.default/css/new/img/arrowPopUp.png);
  display: block;
  width: 22px;
  height: 12px;
  position: absolute;
  top: -12px;
  right: 30px;
}

.module1 {
  /* padding: 52px 0 72px; */
  background-color: #228acd;
  /* height: 340px; */
}
@media screen and (max-width: 800px) {
  .module1 {
    display: inline-block;
  }
}
.module1 .container_12 {
  position: relative;
}
.module1 .connect {
  display: block;
  font-size: 0.813em;
  font-weight: 700;
  line-height: 38px;
  width: 226px;
  height: 40px;
  position: absolute;
  top: -26px;
  right: 10px;
  background: #ff711b;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  z-index: 10;
}
.module1 .connect:after {
  content: "";
  background: url("img/headphones.png") 0px 0px no-repeat transparent;
  width: 18px;
  height: 18px;
  display: inline-block;
  float: left;
  margin: 10px 10px 0px 10px;
}
.module1 .connect:hover {
  background-color: #ff8b19;
}
.module1 .connect span {
  background: url("img/headphones.png") 0px 0px no-repeat transparent;
  width: 18px;
  height: 18px;
  display: inline-block;
  float: left;
  margin: 10px 10px 0px 10px;
}
.module1 h1 {
  font-size: 1.9375em;
  line-height: 39px;
  font-weight: 100;
  text-align: center;
  margin-bottom: 23px;
}
.module1 ul {
  display: table;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 15px;
}
.module1 ul li {
  display: inline-block;
  margin-right: 20px;
}
.module1 ul li:last-child {
  margin-right: 0px;
}
.module1 p {
  font-size: 0.9375em;
  text-align: center;
  color: #858585;
}
.module1 p a {
  color: inherit;
}
.module1 p a:hover {
  color: #000000;
}



/*       module__2        */
.module__2 {
  padding: 38px 0 34px;
}

@media screen and (max-width: 800px) {
  .module__2 {
    display: inline-block;
  }
}

.module__2 .leftSide {

}

.module__2 .rightSide {

}

.module__2 h2 {
  font-size: 1.125em;
  line-height: 21px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 15px 0 16px 0;
}

.module__2 p {
  /* font-size: 0.9375em;
  line-height: 24px; */
}

.module__2 a.tarif {
  display: inline-block;
  background: #70da30;
  padding: 13px 13px;
  text-decoration: none;
  font-size: 0.938em;
  color: #ffffff;
  font-weight: 700;
  border-radius: 2px;
  margin: 20px 0 0 0;
  text-transform: uppercase;
}
.module__2 a.tarif:hover {
  background: #7ade3d;
}
.module__2 .blueContainer {
  background: #1385d0;
  margin: 0% 0 0% 1.6%;
}

.module__2 .blueContainer h2 {
  font-size: 1.125em;
  line-height: 21px;
  color: #FFFFFF;
  padding: 25px 0 0 23px;
  text-transform: uppercase;
}

.listNapr {

}
.listNapr li {
  padding-bottom: 20px;
  min-height: auto;
}

.listNapr li a {
  display: block;
  text-decoration: none;
}
.listNapr li a:before {
  content: "";
  display: block;
  width: 53px;
  height: 53px;
  margin: 0 auto;
  margin-bottom: 9px;
  background: url(img/napr_sprite.png) 0px 0px no-repeat transparent;
}
.listNapr li.li1 a:before {
  background-position: 0px 0px;
}
.listNapr li.li2 a:before {
  background-position: -53px 0px;
}
.listNapr li.li3 a:before {
  background-position: -106px 0px;
}
.listNapr li.li4 a:before {
  background-position: -159px 0px;
}
.listNapr li.li5 a:before {
  background-position: -212px 0px;
}
.listNapr li.li6 a:before {
  background-position: -265px 0px;
}
.listNapr li p {
  font-size: 13px;
  line-height: 14px;
  color: #000000;
  text-align: center;
}

/*      /module__2        */

/*       module__3        */
/* .module__3 {
  background: #eeeeee;
  height: 192px;
}

@media screen and (max-width: 800px) {
  .module__3 {
    display: inline-block;
  }
}

.module__3 ul {
  display: inline-block;
  width: 100%;
}

.module__3 ul li {
  display: inline-block;
  float: left;
  width: 188px;
  text-align: center;
  height: 192px;
}

.module__3 ul li span {
  display: block;
  width: 65px;
  height: 65px;
  margin: 28px auto 20px;
}

.module__3 ul li.li1 span {
  background: url("img/sprite.png") 0px 0px no-repeat transparent;
}

.module__3 ul li.li2 span {
  background: url("img/sprite.png") -65px 0px no-repeat transparent;
}

.module__3 ul li.li3 span {
  background: url("img/sprite.png") -130px 0px no-repeat transparent;
}

.module__3 ul li.li4 span {
  background: url("img/sprite.png") -195px 0px no-repeat transparent;
}

.module__3 ul li.li5 span {
  background: url("img/sprite.png") -260px 0px no-repeat transparent;
}

.module__3 ul li.li2, .module__3 ul li.li4 {
  background: #f8f8f8;
}

.module__3 ul li a {
  color: #535353;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 21px;  
  } */
  .module__3 {
    padding: 53px 0px 36px;
  }
  @media screen and (max-width: 800px) {
    .module__3 {
      display: inline-block;
    }
  }

  /*      /module__3        */

  /*       module__4        */

  .module__4 {
    padding: 55px 0px 70px;
  }
  @media screen and (max-width: 800px) {
    .module__4 {
      display: inline-block;
    }
  }
  .module__4 .h2 {
    font-size: 1.750em;
    font-weight: 100;
    margin-top: 0;
    text-align: center;
    margin-bottom: 40px;
}

  .module__4 h1 a {
    color: #535353;
  }

  .module__4 ul {
    display: inline-block;
  }

  .module__4 .part1, .module__4 .part2 {
    margin-top: 60px;
  }

  .module__4 .part1 h1 {
    text-align: left;
    text-transform: capitalize;
  }

  .module__4 .part1 ul li {
    display: inline-block;
    float: left;
    width: 220px;
    height: 150px;
    background: #ffffff;
    margin: 5px;
    border-radius: 2px;
    transition: all 0.25s ease-out 0s;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  }

  .module__4 .part1 ul li h2 {
    font-size: 0.938em;
    line-height: 21px;
    margin-bottom: 11px; 
    color: #0072bc;
  }

  .module__4 .part1 ul li h2 a {
    color: inherit;
  }

  .module__4 .part1 ul li a {
    display: block;
    text-decoration: none;
  }

  .module__4 .part1 ul li .inner {
    padding: 20px;
    display: block;
    width: 180px;
    height: 180px;
  }

  .module__4 .part1 ul li .inner h2 {
    color: #0072bc;
  }

  .module__4 .part1 ul li p {
    display: block;
    font-size: 0.813em;
    line-height: 18px;
    width: 190px;
    color: inherit;
  }

  .module__4 .part1 ul li a {
    color: #535353;
    text-decoration: none;
  }

  .module__4 .part1 ul li:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18), 0 4px 8px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18), 0 4px 8px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18), 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  }

  .module__4 .part1 ul li.orange {
    background: #ff9202;
  }

  .module__4 .part1 ul li.orange a {
    color: #FFFFFF;
    text-decoration: none;
  }

  .module__4 .part1 ul li.orange h2 {
    font-size: 1.125em;
    line-height: 24px;
    margin-bottom: 19px;
    color: #FFFFFF !important;
  }

  .module__4 .part1 ul li.orange p {
    display: block;
    font-size: 0.9375em;
    line-height: 21px;
    width: 190px;
  }

  .module__4 .part1 ul li.orange small {
    display: block;
    font-size: 0.8125em;
    line-height: 21px;
    margin-top: 19px;
  }

  .module__4 .part2  {

  }

  .module__4 .part2 .offer {

  }

  .module__4 .part2 .offer h1 {

  }

  .module__4 .part2 .offer ul {

  }

  .module__4 .part2 .offer ul li {
    font-size: 0.9375em;
  }

  .module__4 .part2 .offer ul li a {
    color: #000000;
    line-height: 24px;
  }

  .module__4 .part2 .news {
    margin-top: 50px;
  }

  .module__4 .part2 .news h1 {
    text-align: left;
    text-transform: capitalize;
  }

  .module__4 .part2 .news ul {

  }

  .module__4 .part2 .news ul li {

  }

  .module__4 .part2 .news ul li a {
    text-decoration: none;
  }

  .module__4 .part2 .news ul li small {
    font-size: 0.75em;
    line-height: 21px;
    color: #969696;
    margin-bottom: 8px;
  }

  .module__4 .part2 .news ul li p {
    font-size: 0.8125em;
    color: #0072bc;
    margin-bottom: 20px;
    line-height: 18px;
  }

  .module__4 .part2 .news ul li a:hover p {
    color: #3f3f3f;
  }

  /*      /module__4        */

  /*       module5        */

  .module__5 {
    padding: 56px 0px 70px;
  }
  @media screen and (max-width: 800px) {
    .module__5 {
      display: inline-block;
    }
  }
  .module__5 .h2 {
    font-size: 1.750em;
    font-weight: 100;
    margin-top: 0;
    text-align: center;
    margin-bottom: 40px;
  }

  .module__5 ul li {
    float: left;
    margin-right: 8px;
    margin-top: 8px;
  }
  .module__5 ul li.li1 span {
    background: transparent url("img/block_sversia_pic.png") no-repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 120px;
    position: absolute;
    right: 25px;
    width: 160px;
  }
  .module__5 ul li.li2 span {
    background: transparent url("img/sprite2.png") no-repeat scroll 0 -199px;
    display: block;
    height: 64px;
    position: absolute;
    right: 20px;
    top: 60px;
    width: 63px;
  }
  .module__5 ul li.li3 span {
    background: transparent url("img/sprite2.png") no-repeat scroll -65px -199px;
    display: block;
    height: 61px;
    position: absolute;
    right: 20px;
    top: 60px;
    width: 70px;
  }
  .module__5 ul li.li4 span {
    background: transparent url("img/sprite2.png") no-repeat scroll -135px -199px;
    display: block;
    height: 58px;
    position: absolute;
    right: 20px;
    top: 60px;
    width: 47px;
  }
  .module__5 ul li.li5 span {
    background: transparent url("img/sprite2.png") no-repeat scroll -182px -198px;
    bottom: 0;
    display: block;
    height: 85px;
    position: absolute;
    right: 20px;
    width: 56px;
  }
  .module__5 ul li a {
    color: inherit;
    text-decoration: none;
  }
  .module__5 .panel {
    background-color: #ffffff;
    border-radius: 2px;
    min-height: 150px;
    position: relative;
    transition: all 0.25s ease-out 0s;
    width: 308px;
  }
  .module__5 .panel:hover {
    margin-top: -3px;
    min-height: 153px;
  }
  .module__5 .panel .inner {
    padding: 28px 0 0 28px;
  }
  .module__5 .panel h4 {
    color: #0072bc;
    font-size: 0.97em;
    font-weight: 600;
    margin-bottom: 8px;
  }
  .module__5 .panel p {
    font-size: 0.8125em;
    line-height: 18px;
    width: 180px;
  }
  .module__5 .panel .btn {
    margin-top: 14px;
  }
  .module__5 .violet {
    background-color: #5f3bb1;
    position: relative;
    transition: all 250ms ease-out 0s;
    width: 624px;
  }
  .module__5 .violet h4 {
    color: #ffffff;
  }
  .module__5 .violet p {
    color: #ffffff;
    width: 400px;
  }
  .module__5 .violet .btn {
    display: inline-block;
  }
  .module__5 .violet .lnk {
    color: #ffffff;
    display: inline-block;
    font-size: 0.8125em;
    margin-left: 10px;
  }
  .module__5 .violet::before, .module__4 .violet::after {
    content: "";
    position: absolute;
    transition: all 250ms ease-out 0s;
    z-index: -2;
  }


  .module__5 .show-more {
    background: #ffffff none repeat scroll 0 0;
    color: #696969;
    display: inline-block;
    float: left;
    font-size: 0.813em;
    font-weight: 800;
    height: 33px;
    margin-bottom: 9px;
    margin-top: 6px;
    padding-top: 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    width: 940px;
    transition: all 250ms ease-out 0s;
  }

  /*      /module5        */

  /*      /module5-1        */
  .module5-1 {
    background: #f0f2f2;
    padding: 32px 0;
  }
  @media screen and (max-width: 800px) {
    .module5-1 {
      display: inline-block;
    }
  }

  .module5-1 ul {
    display: inline-block;
    
  }
  .module5-1 ul li {
    float: left;
    margin-right: 8px;
    margin-top: 8px;
  }
  .module5-1 ul li a {
    color: inherit;
    text-decoration: none;
  }
  .module5-1 .panel {
    background-color: #ffffff;
    border-radius: 2px;
    min-height: 150px;
    transition: all 0.25s ease-out 0s;
    width: 308px;
  }
  .module5-1 .panel:hover {
    margin-top: -3px;
    min-height: 153px;
  }
  .module5-1 .panel .inner {
    padding: 28px 0 0 28px;
  }
  .module5-1 .panel h4 {
    color: #0072bc;
    font-size: 0.9375em;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .module5-1 .panel p {
    font-size: 0.8125em;
    line-height: 18px;
    width: 180px;
  }
  .module5-1 .panel .btn {
    margin-top: 14px;
  }
  .module5-1 .violet {
    background-color: #5f3bb1;
    position: relative;
    transition: all 250ms ease-out 0s;
    width: 624px;
  }
  .module5-1 .violet h4 {
    color: #ffffff;
  }
  .module5-1 .violet p {
    color: #ffffff;
    width: 460px;
  }
  .module5-1 .violet .btn {
    display: inline-block;
  }
  .module5-1 .violet .lnk {
    color: #ffffff;
    display: inline-block;
    font-size: 0.8125em;
    margin-left: 10px;
  }
  .module5-1 .violet::before, .module5-1 .violet::after {
    content: "";
    position: absolute;
    transition: all 250ms ease-out 0s;
    z-index: -2;
  }

  .module5-1 .show-more {
    background: #ffffff none repeat scroll 0 0;
    color: #696969;
    display: inline-block;
    float: left;
    font-size: 0.813em;
    font-weight: 800;
    height: 33px;
    margin-bottom: 9px;
    margin-top: 6px;
    padding-top: 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    width: 940px;
    transition: all 250ms ease-out 0s;
  }

  /*      /module5-1        */


  /*       module6        */
/* @media screen and (max-width: 800px) {
  .module__6 {
    display: inline-block;
  }
}

.module__6 {
  height: 310px;
}

.module__6 h1 {
  font-size: 3.75em;
  color: #6f7c85;
  font-weight: 100;
  text-align: center;
  line-height: 310px;
  } */

  @media screen and (max-width: 800px) {
    .module__6 {
      display: inline-block;
    }
  }
  .module__6 {
    padding: 56px 0;
  }
  .module__6 h1 {
    font-size: 1.9375em;
    font-weight: 100;
    margin-top: 0;
    text-align: center;
  }
  .module__6 .h2 {
    font-size: 1.750em;
    font-weight: 100;
    margin-top: 0;
    text-align: center;
    margin-bottom: 40px;
  }

  /*      /module6        */

  .support-user h1 {
    font-size: 1.9375em;
    font-weight: 100;
    margin-bottom: 42px;
    text-align: center;
  }
  .support-user h4 {
    font-size: 1.125em;
    font-weight: 500;
    margin-bottom: 19px;
    margin-top: 40px;
  }
  .support-user p {
    font-size: 0.9375em;
    padding-bottom: 24px;
  }
  .support-user #search {
    position: relative;
  }
  .support-user #search input {
    font-family: 'Open Sans', sans-serif;
    background: #fff none repeat scroll 0 0;
    border: 2px solid #c5c5c5;
    border-radius: 2px;
    box-sizing: border-box;
    color: #929292;
    font-size: 0.9375em;
    padding: 17px 0 14px 25px;
    width: 100%;
  }
  .support-user #search button {
    background: #1685ce url("img/search_sprite.png") no-repeat scroll -16px 18px;
    border: medium none;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    height: 55px;
    position: absolute;
    right: 0;
    text-indent: -99999em;
    top: 0;
    width: 53px;
  }
  .support-user #search button:hover {
    background-color: #2390d8;
  }
  .support-user .group_link {
    display: inline-block;
    margin-top: 26px;
  }
  .support-user .group_link li {
    display: block;
    font-size: 0.938em;
    line-height: 21px;
    margin: 0 0 12px 0;
    padding-left: 33px;
  }
  .support-user .group_link li a {
    border-bottom: none;
    color: #000000;
    text-decoration: none;
  }
  .support-user .group_link li a:hover {
    color: #0072bc;
  }
  .support-user .group_link li.li1 {
    background: transparent url("img/support_sprite.png") no-repeat scroll 0 2px;
  }
  .support-user .group_link li.li2 {
    background: transparent url("img/support_sprite.png") no-repeat scroll 0 -42px;
  }
  .support-user .group_link li.li3 {
    background: transparent url("img/support_sprite.png") no-repeat scroll 0 -86px;
  }
  .support-user .group_link_block {
    margin-bottom: 40px;
    margin-top: 23px;
  }
  .support-user .group_link_block li {
    background-color: #ecf0f2;
    border-radius: 2px;
    display: block;
    font-size: 0.9375em;
    margin: 5px 0;
    position: relative;
    width: auto;
  }
  .support-user .group_link_block li a {
    color: #000000;
    display: block;
    font-size: 0.9375em;
    font-weight: 600;
    padding: 24px 0 24px 19px;
    text-decoration: none;
    
    position: relative;
  }
  .support-user .group_link_block li a:before {
    content: "";
    background: url("img/circle_arrow_s.png") no-repeat scroll 0px 0px transparent;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 16px;
    top: 16px;
    
  }
  .support-user .group_link_block li a:hover span {
    background-position: 0px -32px;
  }

  /*       module__7        */

  .module__7 {
    padding: 56px 0 70px;
  }
  @media screen and (max-width: 800px) {
    .module__7 {
      display: inline-block;
    }
  }
  .module__7 .h2 {
    font-size: 1.9375em;
    font-weight: 100;
    margin-bottom: 25px;
    text-align: center;
  }
  .module__7 h4 {
    font-size: 1.125em;
    font-weight: 500;
    margin-bottom: 19px;
    margin-top: 40px;
  }
  .module__7 p {
    font-size: 1.250em;
    font-weight: 100;
    padding-bottom: 24px;
    text-align: center;
  }

  /*      /module__7        */

  /*       module__8        */

  .module__8 {
    padding: 60px 0px 40px;
  }
  @media screen and (max-width: 800px) {
    .module__8 {
      display: inline-block;
    }
  }

  

  /*      /module__8        */

  .coop {

  }
  .coop h1 {
    font-size: 1.9375em;
    font-weight: 100;
    margin-bottom: 18px;
    text-align: center;
    line-height: 39px;
  }
  .coop .h2 {
    font-size: 1.9375em;
    font-weight: 100;
    margin-top: 40px;
    margin-bottom: 42px;
    text-align: center;
  }
  .coop p {
    font-size: 0.938em;
    text-align: center;
    line-height: 21px;
  }

  .coop .btn {
    margin-top: 25px;
  }

  .jcarousel-wrapper {
    position: relative;
  }
  .jcarousel {
    height: 340px;
    position: relative;
    overflow: hidden;
    /* background: url("/bitrix/templates/.default/img/crsl1_BG.png") 0px 0px no-repeat transparent; */
  }
  .jcarousel .blue-shadow {
    display: block;
    width: 35px;
    height: 340px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: -moz-linear-gradient(left,  rgba(41,137,216,0) 0%, rgba(34,138,205,1) 85%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(41,137,216,0)), color-stop(85%,rgba(34,138,205,1)));
    background: -webkit-linear-gradient(left,  rgba(41,137,216,0) 0%,rgba(34,138,205,1) 85%);
    background: -o-linear-gradient(left,  rgba(41,137,216,0) 0%,rgba(34,138,205,1) 85%);
    background: -ms-linear-gradient(left,  rgba(41,137,216,0) 0%,rgba(34,138,205,1) 85%);
    background: linear-gradient(to right,  rgba(41,137,216,0) 0%,rgba(34,138,205,1) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002989d8', endColorstr='#228acd',GradientType=1 );
  }
  .jcarousel ul {
    margin: 0px;
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .jcarousel ul li {
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 60px;
    margin-top: 47px;
  }
  .jcarousel ul li h2 {
    font-size: 1.875em;
    font-weight: 100;
    color: #ffffff;
    margin-bottom: 0px;
  }
  .jcarousel ul li h2 a {
    font-size: inherit;
    font-weight: 100;
    color: #ffffff;
    text-decoration: none;
    line-height: 36px;
  }
  .jcarousel ul li img {
    margin-top: 30px;
  }
  .jcarousel-control-prev,
  .jcarousel-control-next {
    width: 24px;
    height: 46px;
    font-size: 120px;
    font-weight: 300;
    position: absolute;
    top: 147px;
    text-align: center;
    color: #7abde7;
    text-decoration: none;
  }
  .jcarousel-control-prev:hover,
  .jcarousel-control-next:hover {
    color: #cdecff;
  }

  .jcarousel-control-prev {
    left: -45px;    
    background: url("/bitrix/templates/.default/img/arrow_lg_lft.png") 0px 0px no-repeat transparent;
  }

  .jcarousel-control-next {
    right: -45px;
    background: url("/bitrix/templates/.default/img/arrow_lg_rht.png") 0px 0px no-repeat transparent;
  }

  .jcarousel-control-prev:hover {
    background: url("/bitrix/templates/.default/img/arrow_lg_lft.png") 0px -46px no-repeat transparent;
  }

  .jcarousel-control-next:hover {
    background: url("/bitrix/templates/.default/img/arrow_lg_rht.png") 0px -46px no-repeat transparent;
  }

  .jcarousel-control-prev:hover span,
  .jcarousel-control-next:hover span {
    display: block;
  }

  .jcarousel-control-prev.inactive,
  .jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
  }

  /* popup */
  .popup {
    display: none;
    padding: 40px;
    width: 490px;
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
    z-index: 100;
  }
  .popup .cls {
    font-size: 19px;
    color: #cecece;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .popup .cls:hover {
    color: #9e9393;
  }
  .popup h3 {
    font-size: 15px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 20px;
    text-transform: uppercase;
  }
  .popup p {
    font-size: 15px;
    line-height: 21px;
  }
  .popup .form_list {
    margin: 24px 0 0 0;
  }
  .popup .form_list li {
    display: inline-block;
    position: relative;
    margin: 6px 0;
  }
  
  .popup .form_list .input_text input {
    border: 2px solid #959595;
    border-radius: 2px;
    font-size: 15px;
    outline: medium none;
    padding: 17px 10px 17px 20px;
    position: relative;
    width: 352px;
  }
  .popup .form_list li .input_text.req::after {
    background-color: #ff4014;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 4px;
  }
  .popup .form_list .input_text input:focus {
    border-color: #0072bc;
  }
  .popup .form_list .input_text.err input {
    border-color: #ff8b23;
  }
  .popup .form_list .input_text .fa {
    font-size: 27px;
    color: #91cd3b;
    margin-left: 11px;
  }
  .popup .form_list .input_text.err .fa {
    color: #ff8b23;
  }
  .popup .form_list .input_text input.crt {
    border-color: #ff8b23;
  }
  .popup .form_list .input_text input:focus::-webkit-input-placeholder {
    color: transparent;
  }
  .popup .form_list .input_text input:focus::-moz-placeholder {
    color: transparent;
  }
  .popup .form_list .input_text input:focus:-moz-placeholder {
    color: transparent;
  }
  .popup .form_list .input_text input:focus:-ms-input-placeholder {
    color: transparent;
  }


  .popup .form_list .input_text input::-webkit-input-placeholder {
      color: #9f9f9f;
  }
  .popup .form_list .input_text input::-moz-placeholder {
      color: #9f9f9f;
  }
  .popup .form_list .input_text input:-moz-placeholder {
      color: #9f9f9f;
  }
  .popup .form_list .input_text input:-ms-input-placeholder {
      color: #9f9f9f;
  }
  .popup .form_list input[type="submit"] {
    margin-top: 20px;
  }

.sdw {
  background: black none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0.75;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}


/*  google search   */
#___gcse_0 {
  width: 190px;
  font-size: 0.9375em;
  border: none;
  border-radius: 0px;
  /* border-bottom: 1px solid #228acd; */
  display: inline-block;
  margin-left: 20px;
  margin-top: 0px;
  color: #000000;
  outline: none;
}
#___gcse_0 .cse .gsc-control-wrapper-cse,
#___gcse_0 .gsc-control-wrapper-cse {
    width: 190px !important;
}
#___gcse_0 .gs-title,
#___gcse_0 .gs-snippet {
    font-family: tahoma, arial, helvetica, sans-serif !important;
}
#___gcse_0 .gs-webResult {
    border-bottom: 1px solid #eee !important;
    padding: 5px 0 !important;
}
#___gcse_0 .gsc-result-info {
    display: none !important;
}
#___gcse_0 .gcsc-branding {
    display: none !important; 
}
#___gcse_0 .gsc-thumbnail {
    display: none !important;
}
#___gcse_0 .gsc-thumbnail-inside {
    padding: 5px 0 0 0 !important;
}
#___gcse_0 .gs-snippet { 
    display: block !important;
}
#___gcse_0 .gs-title a { 
    font-size: 16px !important;  
}
#___gcse_0 .gs-snippet {
    font-size: 12px !important;
}
#___gcse_0 .gs-title b,
#___gcse_0 .gs-snippet b {
    font-weight: normal !important;
}
#___gcse_0 .gsc-url-top,
#___gcse_0 .gsc-url-bottom {
    display: none !important;
}
#___gcse_0 .gsc-cursor-page {
    font-size: 12px !important;
    padding: 4px 8px !important;        
    /*border: 2px solid #ccc;*/
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    text-decoration: none !important;
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-page {
    text-decoration: underline !important;
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    text-decoration: none !important;
}
#___gcse_0 .gsc-webResult .gsc-result {
    padding: 10px 0 0 0 !important;
}
#___gcse_0 .cse input.gsc-input,
#___gcse_0 input.gsc-input{
    background-image:none !important;
    font-size: 14px !important;
}
#___gcse_0 .cse input.gsc-search-button,
#___gcse_0 input.gsc-search-button {
    border: none !important;
    background: transparent !important;
    margin-left: -30px !important;
    padding: 7px !important;
    width: 16px !important;
    height: 17px !important;
}
#___gcse_0 .gsc-orderby-container {display: none !important;}
#___gcse_0 .gsc-results-wrapper-overlay {
    width: 900px !important;
    font: normal 16px tahoma, arial, helvetica, sans-serif !important;
    height: auto !important;
    top: 0px !important;
    left: 50% !important;
    margin-top: 100px !important;
    margin-left: -450px !important;
}
#___gcse_0 .gsc-above-wrapper-area {
    border-bottom: none !important;
    padding: 0 !important;
}
#___gcse_0 .gsc-input-box {
    background: #FFFFFF !important;
    padding: 0 10px 0 0 !important;
    border-radius: 0px !important;
    height: 31px !important;
    border: none !important;
    border-bottom: 1px solid #228acd !important;
    width: 155px !important;
}
#___gcse_0 .cse .gsc-control-cse,
#___gcse_0 .gsc-control-cse {
    padding: 0px !important;
    background: none !important;
    border: none !important;
    display: inline-block !important;
    float: left !important;
    margin-top: -3px !important;
}
#___gcse_0 .gsc-search-box .gsc-input>input:hover,
#___gcse_0 .gsc-input-box-hover {
  border-bottom: 1px solid #228acd !important;
  border-top-color: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}
#___gcse_0 .gsc-search-box .gsc-input>input:focus,
#___gcse_0 .gsc-input-box-focus {
  /* border: 1px solid #c3c3c3 !important; */
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}
#___gcse_0 table.gsc-search-box td.gsib_b {
    display: none !important;
}
#___gcse_0 table.gsc-search-box td.gsib_a {
    padding-left: 0px !important;
    padding-top: 7px !important;
    padding-right: 20px !important;
}
#___gcse_0 td.gsc-search-button {
    width: auto !important;
    position: absolute !important;
    margin-left: -17px !important;
}
#___gcse_0 .gsc-thumbnail-inside {
    text-align: left !important;
}
#___gcse_0 input.gsc-input {

}
#___gcse_0 input.gsc-input::-webkit-input-placeholder {
    color: #228acd;
}
#___gcse_0 input.gsc-input::-moz-placeholder {
    color: #228acd;
}
#___gcse_0 input.gsc-input:-moz-placeholder {
    color: #228acd;
}
#___gcse_0 input.gsc-input:-ms-input-placeholder {
    color: #228acd;
}


#___gcse_1 {
  width: 100%;
  height: 65px;
  font-size: 0.9375em;
  border: none;
  border-radius: 0px;
  /* border-bottom: 1px solid #228acd; */
  display: inline-block;
  color: #000000;
  outline: none;
}
#___gcse_1 .cse .gsc-control-wrapper-cse,
#___gcse_1 .gsc-control-wrapper-cse {
    width: 100% !important;
}
#___gcse_1 .gs-title,
#___gcse_1 .gs-snippet {
    font-family: tahoma, arial, helvetica, sans-serif !important;
}
#___gcse_1 .gs-webResult {
    border-bottom: 1px solid #eee !important;
    padding: 5px 0 !important;
}
#___gcse_1 .gsc-result-info {
    display: none !important;
}
#___gcse_1 .gcsc-branding {
    display: none !important; 
}
#___gcse_1 .gsc-thumbnail {
    display: none !important;
}
#___gcse_1 .gsc-thumbnail-inside {
    padding: 5px 0 0 0 !important;
}
#___gcse_1 .gs-snippet { 
    display: block !important;
}
#___gcse_1 .gs-title a { 
    font-size: 16px !important;  
}
#___gcse_1 .gs-snippet {
    font-size: 12px !important;
}
#___gcse_1 .gs-title b,
#___gcse_1 .gs-snippet b {
    font-weight: normal !important;
}
#___gcse_1 .gsc-url-top,
#___gcse_1 .gsc-url-bottom {
    display: none !important;
}
#___gcse_1 .gsc-cursor-page {
    font-size: 12px !important;
    padding: 4px 8px !important;        
    /*border: 2px solid #ccc;*/
}
#___gcse_1 .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    text-decoration: none !important;
}
#___gcse_1 .gsc-results .gsc-cursor-box .gsc-cursor-page {
    text-decoration: underline !important;
}
#___gcse_1 .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    text-decoration: none !important;
}
#___gcse_1 .gsc-webResult .gsc-result {
    padding: 10px 0 0 0 !important;
}
#___gcse_1 .cse input.gsc-input,
#___gcse_1 input.gsc-input {
    font-family: 'Open Sans', sans-serif !important;
    background: #fff none repeat scroll 0 0 !important;
    border: 2px solid #c5c5c5 !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    color: #929292 !important;
    font-size: 15px !important;
    padding: 17px 0 14px 25px !important;
    width: 920px !important;
}




#___gcse_1 td.gsc-search-button:after {
  content: "";
  background: #1685ce url("/bitrix/templates/main/img/search_sprite.png") no-repeat scroll -16px 18px !important;
  border: medium none !important;
  border-radius: 0 2px 2px 0 !important;
  cursor: pointer !important;
  height: 55px !important;
  position: absolute !important;
  right: 24px !important;
  text-indent: -99999em !important;
  top: 7px !important;
  width: 53px !important;
  padding: 0 !important;
}
#___gcse_1 td.gsc-search-button:hover:after {
  background-color: #2390d8 !important;
}

#___gcse_1 .cse input.gsc-search-button,
#___gcse_1 input.gsc-search-button {
  opacity: 0;
  border: medium none !important;
  border-radius: 0 2px 2px 0 !important;
  cursor: pointer !important;
  height: 55px !important;
  position: absolute !important;
  right: 24px !important;
  text-indent: -99999em !important;
  top: 7px !important;
  width: 53px !important;
  padding: 0 !important;
  z-index: 10;
  margin: 0px !important;
}
#___gcse_1 .cse input.gsc-search-button:hover,
#___gcse_1 input.gsc-search-button:hover {
  background-color: #2390d8 !important;
}
#___gcse_1 .gsc-orderby-container {display: none !important;}
#___gcse_1 .gsc-results-wrapper-overlay {
    width: 900px !important;
    font: normal 16px tahoma, arial, helvetica, sans-serif !important;
    height: auto !important;
    top: 0px !important;
    left: 50% !important;
    margin-top: 100px !important;
    margin-left: -450px !important;
}
#___gcse_1 .gsc-above-wrapper-area {
    border-bottom: none !important;
    padding: 0 !important;
}
#___gcse_1 .gsc-input-box {
    background: #FFFFFF !important;
    padding: 0 10px 0 0 !important;
    border-radius: 0px !important;
    border: none !important;
    width: 100% !important;
}
#___gcse_1 .cse .gsc-control-cse,
#___gcse_1 .gsc-control-cse {
    padding: 0px !important;
    background: none !important;
    border: none !important;
    display: inline-block !important;
    float: left !important;
    margin-top: -3px !important;
}
#___gcse_1 .gsc-search-box .gsc-input>input:hover,
#___gcse_1 .gsc-input-box-hover {
  border: none; !important;
  border-top-color: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}
#___gcse_1 .gsc-search-box .gsc-input>input:focus,
#___gcse_1 .gsc-input-box-focus {
  /* border: 1px solid #c3c3c3 !important; */
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}
#___gcse_1 table.gsc-search-box td.gsib_b {
    display: none !important;
}
#___gcse_1 table.gsc-search-box td.gsib_a {
    padding-left: 0px !important;
    padding-top: 7px !important;
    padding-right: 20px !important;
}
#___gcse_1 td.gsc-search-button {
    width: auto !important;
    position: relative; !important;
}
#___gcse_1 .gsc-thumbnail-inside {
    text-align: left !important;
}
#___gcse_1 input.gsc-input {

}
#___gcse_1 input.gsc-input::-webkit-input-placeholder {
    color: #929292;
}
#___gcse_1 input.gsc-input::-moz-placeholder {
    color: #929292;
}
#___gcse_1 input.gsc-input:-moz-placeholder {
    color: #929292;
}
#___gcse_1 input.gsc-input:-ms-input-placeholder {
    color: #929292;
}

.container-docliner {
    background-color: #1a89d2;
    width: 100%;
}
.links-docliner {
    margin: 0 auto;
    width: 1050px;
}
.container-docliner .header-banner-docliner {
    background: rgba(0, 0, 0, 0) url("/bitrix/templates/main/img/header.banner.docliner.png") no-repeat scroll 0 0;
    display: block;
    height: 55px;
    width: 1050px;
}
.container-docliner .close-button {
    background: rgba(0, 0, 0, 0) url("/bitrix/templates/main/img/header.banner.docliner.close.png") no-repeat scroll 0 0;
    display: block;
    float: right;
    height: 10px;
    margin-top: -35px;
    width: 11px;
    z-index: 100;
}
.container-docliner .close-button:hover {
    background: rgba(0, 0, 0, 0) url("/bitrix/templates/main/img/header.banner.docliner.close.png") no-repeat scroll 0 -10px;
}

  .abo {
    width: 220px;
    height: 217px;
    border-left: 1px solid #ccd5dc;
    padding-left: 36px;
    margin-left: 40px;
  }
  .abo h2 {
    display: block;
    font-size: 0.813em;
    line-height: 21px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 11px;
    text-transform: uppercase;
  }
  .abo ul {

  }
  .abo ul li {
    display: block;
    margin-bottom: 14px;
                font-size: 0.938em;
  }
  .abo ul li a {
    color: #000000;
    text-decoration: none;
    line-height: 20px;
  }
  .abo ul li a:hover {
    color: #0072bc;
  }

@media (max-width: 768px) {
  .module > div {
    padding: 30px 0;
  }
  .coop .h2 {
      font-size: 1.750em;
      font-weight: 100;
      margin-top: 0px;
      margin-bottom: 42px;
      text-align: center;
  }
  .support-user .group_link_block {
      margin-bottom: 0px;
      margin-top: 13px;
  }
}
@media (max-width: 700px) {
  .abo {
    width: 100%;
    height: 100%;
    border-left: none;
    padding-left: 0px;
    margin-left: 0px;
  }
}
