@charset "UTF-8";
html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  width: 100%;
  height: 100%;
  position: relative;
  background: #ffffff;
}

a {
  outline: none;
  cursor: pointer;
}

a img {
  border: none;
  cursor: pointer;
}

img {
  vertical-align: bottom;
}

p {
  margin: 0 0 20px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 700;
}

strong, b {
  font-weight: 700;
}

table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
}

ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

hr {
  border: 0;
}

*:focus, *:active {
  outline: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 162%;
  font-weight: 300;
  color: #5c5c5c;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
}

.wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: table;
}

#index .wrapper, #product .wrapper {
  display: block;
  height: auto;
}

a {
  text-decoration: none;
  color: #1992d1;
  -webkit-transition: color 0.3s ease 0s;
  -moz-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}

a:hover {
  text-decoration: underline;
}

strong, b {
  font-weight: 500;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 20px;
  color: #0d121f;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

h1, .h1 {
  font-size: 36px;
  letter-spacing: 1px;
  line-height: 130%;
  margin-bottom: 25px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 25px;
}

h4, .h4 {
  font-size: 21px;
}

h5, .h5 {
  font-size: 18px;
}

h6, .h6 {
  font-size: 16px;
}

@media screen and (max-width: 800px) {
  body {
    font-size: 14px;
    line-height: 180%;
  }

  h1, .h1 {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 130%;
  }

  h2, .h2 {
    font-size: 25px;
  }

  h3, .h3 {
    font-size: 21px;
  }

  h4, .h4 {
    font-size: 18px;
  }

  h5, .h5 {
    font-size: 16px;
  }
}
@media screen and (max-width: 450px) {
  h1, .h1 {
    font-size: 25px;
    letter-spacing: 0.5px;
    line-height: 130%;
  }

  h2, .h2 {
    font-size: 21px;
  }

  h3, .h3 {
    font-size: 18px;
  }

  h4, .h4 {
    font-size: 16px;
  }
}
.clear {
  content: "";
  display: block;
  clear: both;
}

.button {
  padding: 0 25px 0 30px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  line-height: 41px;
  font-weight: 400;
  letter-spacing: 0px;
  cursor: pointer;
  color: #1f2b5e;
  border-radius: 6px;
  border: 1px solid #1f2b5e;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.button .arr {
  display: inline-block;
  margin-left: 15px;
  height: 8px;
  width: 12px;
  background: url(images/button_arr.png) no-repeat left -13px;
  text-indent: -1000px;
  overflow: hidden;
  padding-left: 0;
  vertical-align: middle;
}
.button.white {
  border-color: #fff;
  color: #fff;
}
.button.white .arr {
  background-position: left top;
}
.button:hover {
  text-decoration: none;
  background-color: #1992d1;
  border-color: #1992d1;
  color: #fff;
}
.button:hover .arr {
  background-position: left top;
}

@media screen and (max-width: 800px) {
  .button {
    height: 35px;
    line-height: 33px;
    font-size: 12px;
    padding: 0 15px 0 20px;
  }
  .button .arr {
    margin-left: 7px;
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 450px) {
  .button_block {
    text-align: center;
  }
}
.slick-slider {
  position: relative;
  margin: 0 auto;
}
.slick-slider .slick-list {
  margin: 0 0px;
}

.slick_slider_arrows {
  position: relative;
  margin-top: -2px;
  margin-bottom: 4px;
}
.slick_slider_arrows .slick-arrow {
  position: relative;
  margin-right: 4px;
  margin-left: 4px;
  display: inline-block;
  width: 43px;
  height: 43px;
  z-index: 5;
  outline: none;
  cursor: pointer;
  border: 1px solid #1992d1;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.slick_slider_arrows .slick-arrow:before {
  content: '';
  position: absolute;
  width: 9px;
  height: 15px;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -5px;
  background: url(images/button_arr2.png) no-repeat;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.slick_slider_arrows .slick-arrow:hover {
  background-color: #1992d1;
}
.slick_slider_arrows .slick-prev:before {
  background-position: left top;
}
.slick_slider_arrows .slick-prev:hover:before {
  background-position: left bottom;
}
.slick_slider_arrows .slick-next:before {
  background-position: right top;
}
.slick_slider_arrows .slick-next:hover:before {
  background-position: right bottom;
}

@media screen and (max-width: 800px) {
  .slick_slider_arrows {
    margin-top: 0px;
  }
  .slick_slider_arrows .slick-arrow {
    width: 33px;
    height: 33px;
  }
}
ul.slick-dots {
  padding-right: 15px;
  text-align: center;
}
ul.slick-dots li {
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 20px;
  cursor: pointer;
  float: none;
  margin-right: 10px;
  margin-left: 10px;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
ul.slick-dots li:before {
  content: '';
  display: inline-block;
  vertical-align: 3px;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  border: 1px solid #1992d1;
}
ul.slick-dots li.slick-active {
  color: #1992d1;
}
ul.slick-dots li.slick-active:before {
  background-color: #1992d1;
}
ul.slick-dots li button {
  display: none;
}

.tabs_container {
  position: relative;
}

.tab {
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.tab.active {
  opacity: 1;
  height: auto;
  overflow: visible;
  padding-top: 8px;
}

.tab_buttons {
  width: 100%;
  left: 0;
  z-index: 5;
  padding-top: 50px;
  margin-bottom: 27px;
  border-bottom: 1px solid #94ccea;
}
.tab_buttons .tab_but {
  display: inline-block;
  margin-right: 0px;
  padding: 5px 20px;
  cursor: pointer;
  height: 46px;
  line-height: 36px;
  box-sizing: border-box;
  color: #878a90;
  font-family: 'Oswald';
  font-size: 24px;
  margin-bottom: -2.6px;
  position: relative;
}
.tab_buttons .tab_but a {
  color: #777777;
  margin: -5px -20px;
  padding: 5px 20px;
  display: block;
}
.tab_buttons .tab_but.active {
  border-bottom: 5px solid #4a83bc;
  color: #0d121f;
}
.tab_buttons .tab_but.active:after {
  content: '';
  position: absolute;
  right: -14px;
  top: 0;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
}
.tab_buttons .tab_but.active a {
  color: #fff;
}
.tab_buttons .tab_but.active a:hover {
  text-decoration: none;
}

.main_section {
  overflow: hidden;
  position: relative;
}

.in {
  padding: 0px 20px;
  margin: 0 auto;
  max-width: 1560px;
  position: relative;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}
.in:after {
  content: "";
  display: block;
  clear: both;
}

.fancybox-enabled {
  overflow: auto;
}

.background_video {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  overflow: hidden;
}
.background_video:before {
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background: #000;
  opacity: 0.42;
}
.background_video video {
  background-color: transparent;
  pointer-events: none;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  height: auto;
  width: 100%;
  object-fit: cover;
}

.near_table {
  display: inline-block;
}

.near_table {
  width: 50%;
}

/* start header styles */
#index #header {
  top: 0;
  left: 0;
  background: none;
  border-bottom: 1px solid transparent;
}
#index #header:before {
  opacity: 0;
}
#index #header ul.main_menu .active::before {
  display: none;
}

#index #header.scroll:before {
  opacity: 1;
}

#header {
  height: 100px;
  width: 100%;
  position: fixed;
  top: 0;
  color: #fff;
  z-index: 6;
  padding-bottom: 1px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#header:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  background-color: rgba(79, 162, 217, 0.85);
  background: -webkit-linear-gradient(-265deg, rgba(52, 174, 236, 0.85) 0%, rgba(40, 83, 151, 0.85) 100%);
  /* для webkit-браузеров */
  background: -moz-linear-gradient(-265deg, rgba(52, 174, 236, 0.85) 0%, rgba(40, 83, 151, 0.85) 100%);
  /* для firefox 3.6+ */
  background: -o-linear-gradient(-265deg, rgba(52, 174, 236, 0.85) 0%, rgba(40, 83, 151, 0.85) 100%);
  /* для Opera 11.10+ */
  background: -ms-linear-gradient(-265deg, rgba(52, 174, 236, 0.85) 0%, rgba(40, 83, 151, 0.85) 100%);
  /* для IE10+ */
  background: linear-gradient(-5deg, rgba(52, 174, 236, 0.85) 0%, rgba(40, 83, 151, 0.85) 100%);
}
#header.hidden {
  border-bottom-color: transparent;
}
#header.hidden.animated {
  border-bottom-color: #c6c6c6;
}
#header .in {
  padding-top: 26px;
  z-index: 1;
  padding-bottom: 1px;
}
#header #logo {
  margin-right: 48px;
  float: left;
  font-size: 35px;
  color: #fff;
  position: relative;
  z-index: 3;
}
#header #logo a:hover {
  opacity: 0.8;
}
#header nav {
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
}
#header a.button {
  float: right;
  margin-left: 52px;
  margin-top: 1px;
  letter-spacing: 0.5px;
  padding: 0 25px;
}

.header_cont {
  float: right;
  font-size: 19px;
  font-weight: 500;
  line-height: 145%;
  margin-top: 9px;
  margin-left: 35px;
  position: relative;
  z-index: 3;
}
.header_cont a {
  color: #fff;
}

.menu_button_mob {
  display: none;
}

ul.main_menu {
  text-align: justify;
  line-height: 0;
  position: relative;
  padding: 9px 0px 0px;
  font-weight: 500;
}
ul.main_menu:after {
  content: "";
  display: inline-block;
  width: 58%;
}
ul.main_menu > li {
  margin-right: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 150%;
  letter-spacing: 0.5px;
  padding: 0px 10px;
  height: 66px;
  overflow: hidden;
  font-size: 16px;
  line-height: 150%;
}
ul.main_menu > li:before {
  border-bottom: 11px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  content: "";
  position: absolute;
  top: 55px;
  left: 50%;
  margin-left: -12px;
  opacity: 0;
}
ul.main_menu a {
  display: inline-block;
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  border-bottom: 1px solid transparent;
}
ul.main_menu a:hover {
  border-bottom-color: #fff;
}
ul.main_menu > li.submenu > a:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 5px;
  top: 34px;
  left: 0;
  z-index: 0;
  margin-left: 5px;
  background: url(images/triangle.png) no-repeat left top;
  margin-right: -9px;
}
ul.main_menu .active:before {
  opacity: 1;
}
ul.main_menu ul {
  position: absolute;
  width: 170px;
  padding: 5px 25px;
  background-color: #ddf0ff;
  left: 50%;
  margin-left: -110px;
  top: 66px;
  opacity: 0;
  font-size: 14px;
  line-height: 135%;
  font-weight: 400;
  letter-spacing: 0px;
  z-index: 1;
}
ul.main_menu ul:before {
  border-bottom: 11px solid #ddf0ff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  content: "";
  position: absolute;
  top: -11px;
  left: 50%;
  margin-left: -12px;
}
ul.main_menu ul > li {
  display: block;
  border-bottom: 1px solid #4fa2d9;
}
ul.main_menu ul > li:last-child {
  border-bottom: 0;
}
ul.main_menu ul a {
  display: block;
  padding: 15px 0px;
  color: #5c5c5c;
}
ul.main_menu ul .active a, ul.main_menu ul a.active, ul.main_menu ul a:hover {
  text-decoration: none;
}
ul.main_menu ul .active a:before, ul.main_menu ul a.active:before, ul.main_menu ul a:hover:before {
  display: none;
}
ul.main_menu > li:hover {
  overflow: visible;
  z-index: 3;
}
ul.main_menu > li:hover ul {
  opacity: 1;
}

@media screen and (max-width: 1600px) {
  #header #logo {
    margin-right: 10px;
  }
  #header a.button {
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .header_cont {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1450px) {
  #header {
    height: 86px;
    padding-top: 0;
  }
  #header .in {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #header #logo {
    margin-right: 25px;
  }
  #header a.button {
    margin-right: 80px;
    margin-left: 30px;
  }
  #header nav {
    right: 20px;
    top: 20px;
    width: 45px;
    height: 43px;
    position: absolute;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 6px;
  }
  #header nav:hover {
    background: #1992d1;
    border-color: #1992d1;
  }

  .menu_button_mob {
    height: 12px;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    display: block;
    width: 28px;
    position: absolute;
    top: 13px;
    left: 8px;
    cursor: pointer;
  }
  .menu_button_mob:after {
    content: '';
    position: absolute;
    z-index: 2;
    height: 2px;
    width: 100%;
    top: 5px;
    left: 0;
    background-color: #fff;
  }
  .menu_button_mob:before {
    content: '';
    position: fixed;
    right: 20px;
    top: 25px;
    width: 40px;
    height: 40px;
    z-index: 1;
  }
  .menu_button_mob.active:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  ul.main_menu {
    position: fixed;
    z-index: 3;
    min-width: 245px;
    right: 0px;
    margin-top: 0px;
    top: 86px;
    padding: 5px 0px;
    background-color: #1992d1;
    box-shadow: 0 5px 10px #21618f;
    display: none;
    max-height: 80%;
    overflow: auto;
  }
  ul.main_menu > li {
    display: block;
    height: auto;
    padding: 0 20px;
    margin-bottom: 5px;
    text-align: left;
  }
  ul.main_menu > li:before {
    display: none;
  }
  ul.main_menu a {
    display: block;
    padding: 10px 0 10px;
  }
  ul.main_menu a:before {
    display: block;
    opacity: 0;
  }
  ul.main_menu a:hover {
    border-bottom-color: transparent;
  }
  ul.main_menu .active a:before, ul.main_menu a.active:before {
    opacity: 1;
  }
  ul.main_menu ul {
    position: relative;
    top: 0px;
    opacity: 1;
    display: none;
    padding-left: 20px;
    padding-right: 20px;
    width: 180px;
    margin-top: 10px;
  }
  ul.main_menu ul:before {
    left: 40px;
    margin-left: 0;
  }
  ul.main_menu > li:hover ul {
    top: 0px;
  }
}
@media screen and (max-width: 800px) {
  #header {
    height: 75px;
  }
  #header #logo img {
    height: 35px;
  }
  #header a.button {
    margin-right: 60px;
    margin-left: 20px;
  }
  #header nav {
    right: 20px;
    top: 20px;
    width: 35px;
    height: 33px;
  }
  #header ul.main_menu {
    top: 75px;
  }

  .header_cont {
    font-size: 16px;
    margin-top: 7px;
  }

  .menu_button_mob {
    width: 23px;
    top: 9px;
    left: 6px;
  }
  .menu_button_mob:after {
    top: 5px;
  }
}
@media screen and (max-width: 600px) {
  #header a.button {
    display: none;
  }

  .header_cont {
    font-size: 16px;
    margin-top: 7px;
    margin-right: 60px;
  }
}
@media screen and (max-width: 450px) {
  #header {
    height: 65px;
  }
  #header .in {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #header #logo {
    width: 40px;
    overflow: hidden;
  }
  #header nav {
    top: 15px;
  }
  #header ul.main_menu {
    top: 65px;
  }
}
/* end header styles */
/* start footer styles */
#pre_foo {
  display: table-row;
  height: 100%;
}

#index footer, #product footer {
  border-top: 0;
}

footer {
  width: 100%;
  bottom: 0;
  left: 0;
  position: relative;
  display: block;
  background: #2d7bbd url(images/footer.jpg) center top no-repeat;
  background-size: auto;
  box-sizing: border-box;
  position: relative;
  clear: both;
}
footer:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #2d7bbd url(images/footer_bg.jpg) no-repeat center top/auto 100%;
}
footer .in {
  padding: 38px 20px 15px;
  font-size: 14px;
  line-height: 145%;
  font-weight: 400;
  color: #fff;
  z-index: 1;
}
footer .in:after {
  content: "";
  display: block;
  clear: both;
}
footer .h5 {
  color: #fff;
  margin-bottom: 12px;
  letter-spacing: 1px;
}
footer a {
  color: #fff;
}
footer a:hover {
  text-decoration: underline;
}
footer .foo_left {
  float: left;
  width: 23.39744%;
  box-sizing: border-box;
  padding-right: 60px;
  padding-bottom: 7px;
}
footer .foo_left p {
  margin-bottom: 15px;
}
footer #foo_logo {
  margin-bottom: 15px;
  margin-top: 5px;
}
footer .foo_right {
  float: right;
  width: 42.94872%;
  margin-left: 20px;
}
footer .foo_cont {
  margin-bottom: 17px;
}
footer .foo_cont:last-child {
  margin-bottom: 0;
}
footer .foo_cont .cont {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin-bottom: 15px;
}
footer .foo_cont .cont:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 37px;
  height: 37px;
  border: 1px solid #fff;
  border-radius: 7px;
  margin-right: 5px;
  background: url(images/icon_address.png) no-repeat center;
}
footer .foo_cont .cont p, footer .foo_cont .cont a, footer .foo_cont .cont span {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 50px);
  margin-bottom: 0;
}
footer .foo_cont .address {
  width: 37%;
}
footer .foo_cont .tel:before {
  background-image: url(images/icon_tel.png);
}
footer .foo_cont .email:before {
  background-image: url(images/icon_email.png);
}
footer .foo_menu {
  display: inline-block;
  vertical-align: top;
  width: 13%;
  position: relative;
}
footer .foo_menu a {
  display: inline-block;
  border-bottom: 1px solid transparent;
}
footer .foo_menu > ul {
  padding-top: 29px;
}
footer .foo_menu > ul li {
  margin: 0 0 11px;
}
footer .foo_menu.foo_main_menu {
  width: 19%;
}
footer .foo_menu.foo_main_menu ul {
  column-count: 2;
  column-gap: 0px;
}
footer .foo_bottom {
  clear: both;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  padding-top: 16px;
}
footer #copy {
  float: left;
  clear: both;
  padding-top: 5px;
}
footer #dev {
  float: right;
  padding-right: 25px;
}
footer .social {
  margin-bottom: 15px;
}
footer .social a {
  position: relative;
  display: inline-block;
  margin: 0 8px 0 5px;
}
footer .social a img {
  position: relative;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  opacity: 0.6;
}
footer .social a:hover img {
  opacity: 1;
}

@media screen and (max-width: 1600px) {
  footer .foo_left {
    width: 23.39744%;
    padding-right: 20px;
  }
  footer .foo_right {
    width: 39.74359%;
    margin-left: 0px;
  }
  footer .foo_cont {
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: top;
    width: 53%;
  }
  footer .foo_cont:last-child {
    width: 46%;
  }
  footer .foo_cont .cont {
    width: 100%;
    max-width: 250px;
  }
  footer .foo_cont .address {
    width: 100%;
  }
  footer .foo_menu {
    width: 15%;
  }
  footer .foo_menu.foo_main_menu {
    width: 21%;
  }
}
@media screen and (max-width: 1300px) {
  footer .foo_left {
    width: 25.64103%;
    padding-right: 20px;
    margin-right: 0px;
  }
  footer .foo_right {
    width: 48.71795%;
    margin-left: 0px;
  }
  footer .foo_menu {
    display: none;
  }
  footer .foo_menu.foo_main_menu {
    width: auto;
    display: block;
  }
}
@media screen and (max-width: 1000px) {
  footer .foo_left {
    width: 260px;
    padding-right: 0;
  }
  footer .foo_left p {
    display: none;
  }
  footer #foo_logo {
    float: left;
    margin-right: 20px;
    margin-top: -5px;
  }
  footer #foo_logo img {
    height: 35px;
  }
  footer .social {
    padding-top: 0px;
  }
  footer .foo_right {
    width: 64.10256%;
    margin-left: 0px;
  }
  footer .foo_middle {
    clear: left;
  }
  footer .foo_menu {
    display: none;
  }
  footer .foo_menu .h5 {
    display: none;
  }
  footer .foo_menu ul {
    padding-top: 0;
  }
  footer .foo_menu.foo_main_menu {
    width: auto;
    display: block;
  }
}
@media screen and (max-width: 800px) {
  footer .foo_right {
    width: 38.46154%;
    margin-left: 0px;
  }
  footer .foo_cont {
    width: auto;
  }
  footer .foo_cont:first-child {
    display: none;
  }
  footer .foo_cont:last-child {
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  footer .in {
    font-size: 12px;
    line-height: 145%;
  }
  footer .foo_left {
    width: 180px;
  }
  footer #foo_logo {
    float: none;
  }
  footer .foo_right {
    width: 48.07692%;
  }
  footer .foo_cont .cont:before {
    width: 27px;
    height: 27px;
    border-radius: 5px;
  }
  footer .foo_bottom {
    text-align: center;
  }
  footer #copy {
    float: none;
    padding-top: 0px;
    margin-bottom: 15px;
  }
  footer #dev {
    float: none;
    padding-right: 0px;
  }
}
@media screen and (max-width: 450px) {
  footer .foo_left {
    width: auto;
    text-align: center;
    float: none;
  }
  footer #foo_logo {
    float: none;
  }
  footer .foo_right {
    width: auto;
    float: none;
    text-align: center;
  }
  footer .foo_cont .cont {
    width: 190px;
    text-align: left;
    margin-left: 20px;
    margin-right: 0px;
  }
  footer .foo_menu.foo_main_menu {
    display: none;
  }
}
/* end footer styles */
/* start main slide styles */
#main_slide {
  overflow: hidden;
  z-index: 0;
  background: #0459d6 url(images/generator_bg.jpg) no-repeat center/cover;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  height: 100%;
  position: fixed;
  width: 100%;
  min-height: 630px;
}
#main_slide .in {
  height: 100%;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}
#main_slide .text {
  color: #fff;
  position: relative;
  top: 28.40671%;
  height: 71.59329%;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}
#main_slide .h1 {
  text-align: left;
  font-size: 77px;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
  margin-bottom: 19px;
  font-weight: 600;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}
#main_slide p {
  font-size: 18px;
  line-height: 162%;
  margin-bottom: 38px;
  max-width: 530px;
}
#main_slide ol {
  counter-reset: main_li;
  width: 100%;
  position: absolute;
  bottom: 16.3522%;
  left: 0;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}
#main_slide ol li {
  list-style: none;
  display: inline-block;
  vertical-align: top;
  color: #000;
  margin-right: 13px;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  width: 210px;
}
#main_slide ol li:before {
  margin-bottom: 11px;
  display: block;
  counter-increment: main_li;
  content: counter(main_li);
  color: #6493b8;
  font-size: 62px;
  line-height: 80%;
  font-weight: 900;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}
#main_slide ol li:after {
  content: '';
  position: absolute;
  background-color: #6291b8;
  width: 124px;
  height: 2px;
  left: 80px;
  top: 26px;
}
#main_slide ol li:nth-child(-n+9):before {
  /* 1 - 9 */
  content: "0" counter(main_li);
  /* becomes 01 - 09 */
}

@media screen and (max-width: 1450px) {
  #main_slide {
    min-height: 600px;
  }
  #main_slide .text {
    top: 20.96436%;
    height: 79.03564%;
  }
  #main_slide .h1 {
    font-size: 67px;
    line-height: 100%;
  }
  #main_slide ol {
    bottom: 5%;
  }
  #main_slide ol li:before {
    font-size: 52px;
    line-height: 80%;
  }
  #main_slide ol li:after {
    top: 20px;
  }
}
@media screen and (max-width: 1300px) {
  #main_slide {
    min-height: 500px;
  }
  #main_slide .h1 {
    font-size: 60px;
    line-height: 100%;
    margin-bottom: 0;
  }
  #main_slide ol li:before {
    font-size: 47px;
    line-height: 80%;
  }
  #main_slide ol li:after {
    top: 18px;
  }
}
@media screen and (max-width: 1030px) {
  #main_slide {
    min-height: 400px;
  }
  #main_slide .h1 {
    font-size: 50px;
    line-height: 100%;
  }
  #main_slide p {
    font-size: 16px;
    line-height: 162%;
    margin-bottom: 20px;
    max-width: 350px;
  }
  #main_slide ol li {
    font-size: 16px;
    line-height: 145%;
    width: 190px;
  }
  #main_slide ol li:before {
    font-size: 40px;
    line-height: 80%;
  }
  #main_slide ol li:after {
    top: 16px;
    left: 50px;
    width: 110px;
  }
}
@media screen and (max-width: 800px) {
  #main_slide {
    min-height: 420px;
    background-position: 35% center;
  }
  #main_slide .text {
    top: 100px;
  }
  #main_slide .text {
    top: 100px;
    height: calc(100% - 100px);
  }
  #main_slide .h1 {
    font-size: 45px;
    line-height: 100%;
  }
  #main_slide p {
    font-size: 16px;
    line-height: 162%;
    margin-bottom: 20px;
    max-width: 350px;
  }
  #main_slide ol {
    bottom: 0px;
  }
  #main_slide ol li {
    font-size: 14px;
    line-height: 145%;
    float: left;
    width: 230px;
    margin-bottom: 20px;
  }
  #main_slide ol li:before {
    font-size: 35px;
    line-height: 80%;
    float: left;
    width: 50px;
    margin-top: 5px;
  }
  #main_slide ol li:after {
    display: none;
  }
  #main_slide ol li:nth-child(2) {
    clear: left;
  }
  #main_slide ol li:nth-child(3) {
    padding-top: 10px;
  }
  #main_slide ol li:nth-child(3):before {
    margin-top: -5px;
  }
}
@media screen and (max-width: 600px) {
  #main_slide {
    min-height: 400px;
    background-position: 44% center;
  }
  #main_slide .text {
    top: 80px;
    height: calc(100% - 80px);
  }
  #main_slide .h1 {
    font-size: 40px;
    line-height: 100%;
  }
  #main_slide p {
    font-size: 14px;
    line-height: 162%;
    max-width: 300px;
    font-weight: 400;
  }
  #main_slide ol {
    bottom: 0px;
  }
  #main_slide ol li {
    margin-bottom: 10px;
    width: auto;
    max-width: 210px;
  }
  #main_slide ol li:before {
    font-size: 30px;
    line-height: 80%;
    float: left;
    width: 40px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 400px) {
  #main_slide {
    min-height: 400px;
    background-position: 44% center;
  }
}
/* end main slider styles */
#index #catalog {
  margin-top: 1200px;
}

#catalog {
  position: relative;
  z-index: 2;
  background: #fff;
}
#catalog:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 340px;
  z-index: 0;
  background: #dedede url(images/catalog_bg.jpg) no-repeat center top/cover;
}
#catalog .in {
  padding-top: 79px;
  padding-bottom: 69px;
  position: relative;
  z-index: 1;
}
#catalog .h1 {
  display: inline-block;
}
#catalog .h1 + .button {
  float: right;
}
#catalog .text {
  margin-bottom: 45px;
}

.catalog_container {
  text-align: justify;
}
.catalog_container:after {
  display: inline-block;
  content: '';
  width: 100%;
}
.catalog_container .catalog_item {
  overflow: hidden;
  display: inline-block;
  height: 395px;
  width: 32.5%;
  position: relative;
  background: -webkit-linear-gradient(121deg, #8d8d8d, #d7d7d7);
  background: -o-linear-gradient(121deg, #8d8d8d, #d7d7d7);
  background: linear-gradient(149deg, #d7d7d7, #8d8d8d);
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}
.catalog_container .catalog_item a {
  display: block;
  width: 100%;
  height: 100%;
}
.catalog_container .catalog_item .img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 80%;
}
.catalog_container .catalog_item .img img {
  max-width: 100%;
}
.catalog_container .catalog_item .info {
  position: absolute;
  bottom: 30px;
  left: 0;
  box-sizing: border-box;
  padding: 0 9.90099%;
}
.catalog_container .catalog_item .h3 {
  display: block;
  margin-bottom: 4px;
}
.catalog_container .catalog_item .button {
  border: 0;
  padding: 0;
  color: #0d121f;
  line-height: 160%;
  height: auto;
  font-size: 14px;
  border-bottom: 2px solid transparent;
  border-radius: 0;
}
.catalog_container .catalog_item .button:hover {
  background: none;
}
.catalog_container .catalog_item .button .arr {
  margin-left: 7px;
}
.catalog_container .catalog_item:hover {
  background: -webkit-linear-gradient(121deg, #3665b0, #71c7f3);
  background: -o-linear-gradient(121deg, #3665b0, #71c7f3);
  background: linear-gradient(149deg, #71c7f3, #3665b0);
}
.catalog_container .catalog_item:hover .h3 {
  color: #fff;
}
.catalog_container .catalog_item:hover .button {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.catalog_container .catalog_item:hover .button .arr {
  background-position: left top;
}

.content .filter.form_block {
  background: #fafdff;
  width: 370px;
  box-sizing: border-box;
  padding: 20px;
  float: left;
  margin-top: 0;
  margin-bottom: 20px;
  color: #5c5c5c;
}
.content .filter.form_block .filter_block_title {
  font-size: 18px;
  font-weight: 400;
  padding-left: 30px;
  position: relative;
  margin-bottom: 25px;
  cursor: pointer;
}
.content .filter.form_block .filter_block_title:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(images/arr_filter.png) no-repeat center;
  left: 0;
  top: 3px;
  transform: rotate(-90deg);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.content .filter.form_block .filter_block_title.show:before {
  transform: rotate(0deg);
}
.content .filter.form_block .filter_block_content {
  padding-bottom: 10px;
}
.content .filter.form_block input[type="checkbox"]:not(checked) + label, .content .filter.form_block.gUniForm input[type="checkbox"]:not(checked) + label {
  font-weight: 300;
  font-size: 14px;
  line-height: 145%;
  padding-left: 30px;
  margin-bottom: 15px;
  color: #0d121f;
  outline: none;
}
.content .filter.form_block input[type="checkbox"]:not(checked) + label:focus, .content .filter.form_block input[type="checkbox"]:not(checked) + label:active, .content .filter.form_block.gUniForm input[type="checkbox"]:not(checked) + label:focus, .content .filter.form_block.gUniForm input[type="checkbox"]:not(checked) + label:active {
  outline: none;
}
.content .filter.form_block input[type="checkbox"]:not(checked) + label:before, .content .filter.form_block.gUniForm input[type="checkbox"]:not(checked) + label:before {
  border: 1px solid #a7a8a9;
  border-radius: 3px !important;
}
.content .filter.form_block input[type="range"] {
  float: none;
  width: 100%;
  padding: 0;
  border-color: transparent;
  background: transparent;
}

.indent {
  margin-left: 435px;
}

.content .sort.form_block {
  background: #fafdff;
  padding: 10px 45px;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 0 -45px;
  float: none;
  color: #5c5c5c;
  width: auto;
}
.content .sort.form_block select {
  width: 100%;
  max-width: 330px;
  color: #5c5c5c;
  border: 1px solid #a7a8a9;
  margin-left: 15px;
  margin-bottom: 0px;
  margin-right: 35px;
  padding-left: 15px;
}

.seo_text {
  padding-bottom: 40px;
  position: relative;
  z-index: 2;
}
.seo_text p {
  margin-bottom: 20px;
}

.catalog_items {
  text-align: justify;
}
.catalog_items:after {
  content: '';
  display: inline-block;
  width: 26.66667%;
  height: 1px;
}
.catalog_items .item {
  display: inline-block;
  vertical-align: top;
  width: 26.66667%;
  margin-bottom: 50px;
  margin-top: 50px;
  color: #0d121f;
  text-align: left;
}
.catalog_items .item .img {
  height: 300px;
  line-height: 300px;
  margin-bottom: 30px;
  max-width: 275px;
}
.catalog_items .item .img img {
  max-width: 100%;
  vertical-align: middle;
}
.catalog_items .item p {
  margin-bottom: 10px;
}
.catalog_items .item a {
  text-decoration: none;
  color: #0d121f;
}
.catalog_items .item h5 a:hover {
  text-decoration: underline;
}
.catalog_items .item .button {
  margin-top: 20px;
}
.catalog_items .item .button:hover {
  color: #fff;
}

@media screen and (max-width: 1600px) {
  .catalog_container .catalog_item {
    height: 350px;
  }
  .catalog_container .catalog_item .info {
    padding: 0 4.9505%;
  }
}
@media screen and (max-width: 1300px) {
  #catalog .in {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .catalog_container .catalog_item {
    height: 300px;
  }
  .catalog_container .catalog_item .info {
    padding: 0 7.92079%;
  }

  .content .filter.form_block {
    width: 250px;
  }

  .indent {
    margin-left: 300px;
  }

  .content .sort.form_block {
    padding: 10px 25px;
    margin: 0 0 0 -25px;
  }
  .content .sort.form_block select {
    max-width: 200px;
    margin-right: 29px;
  }
}
@media screen and (max-width: 1000px) {
  #catalog .in {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .catalog_container .catalog_item {
    height: 270px;
  }
  .catalog_container .catalog_item .info {
    padding: 0 7.92079%;
    bottom: 15px;
  }

  .content .sort.form_block input[type="radio"] + label {
    margin-top: 20px;
    margin-right: 10px;
  }

  .catalog_items .item {
    width: 45%;
    margin-top: 20px;
  }
  .catalog_items .item .img {
    height: 280px;
    line-height: 280px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 800px) {
  .catalog_container .catalog_item {
    height: 240px;
  }
  .catalog_container .catalog_item .info {
    padding: 0 5.94059%;
    bottom: 15px;
  }

  .content .filter.form_block {
    width: 200px;
    margin-left: -20px;
  }
  .content .filter.form_block .filter_block_title {
    font-size: 16px;
  }

  .content .sort.form_block {
    margin-right: -20px;
    font-size: 14px;
  }

  .indent {
    margin-left: 200px;
  }
}
@media screen and (max-width: 700px) {
  .catalog_items .item {
    margin-top: 0px;
  }
  .catalog_items .item .img {
    height: 230px;
    line-height: 230px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  #catalog .in {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .catalog_container:after {
    display: none;
  }
  .catalog_container .catalog_item {
    height: 200px;
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .catalog_container .catalog_item .img {
    width: 50%;
  }
  .catalog_container .catalog_item .info {
    bottom: 15px;
    max-width: 60%;
  }

  .content .filter.form_block {
    display: none;
  }

  .indent {
    margin-left: 0px;
  }

  .catalog_items .item {
    width: 30%;
  }
  .catalog_items .item p {
    margin-bottom: 5px;
  }
  .catalog_items .item .button {
    margin-top: 10px;
  }
  .catalog_items .item h5 {
    margin-bottom: 10px;
  }
  .catalog_items .item .img {
    height: 200px;
    line-height: 200px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 450px) {
  .catalog_container .catalog_item {
    height: 150px;
  }

  .content .sort.form_block {
    padding-right: 10px;
  }
  .content .sort.form_block select {
    max-width: 180px;
    margin-right: 10px;
    margin-left: 5px;
  }

  .catalog_items .item {
    width: 45%;
  }
  .catalog_items .item p {
    margin-bottom: 5px;
  }
  .catalog_items .item .button {
    margin-top: 10px;
  }
  .catalog_items .item h5 {
    margin-bottom: 10px;
  }
  .catalog_items .item .img {
    height: 200px;
    line-height: 200px;
    margin-bottom: 10px;
  }
}
#series {
  z-index: 1;
  background: #fff;
}
#series .in {
  padding-top: 93px;
  padding-bottom: 96px;
}
#series .h1 {
  text-align: center;
  margin-bottom: 35px;
}
#series .button_block {
  text-align: center;
}
#series .button_block .button {
  float: none;
}
#series .button_block .button .arr {
  transform: rotate(-1500grad);
}

.series {
  margin-bottom: 50px;
}
.series:after {
  content: "";
  display: block;
  clear: both;
}
.series .series_item {
  float: left;
  border: 1px solid transparent;
  box-sizing: border-box;
  width: 20%;
  height: 313px;
  vertical-align: top;
  text-align: center;
  position: relative;
}
.series .series_item:after {
  content: '';
  position: absolute;
  height: 80%;
  right: 0;
  top: 10%;
  border-right: 1px solid #e5e5e5;
}
.series .series_item:last-child:after {
  display: none;
}
.series .series_item:hover {
  border-color: #19224d;
  box-shadow: 0px 0px 6px 0px rgba(238, 238, 238, 0.75);
  border-right: 1px solid  #19224d;
}
.series .series_item:hover:after {
  display: none;
}
.series .series_item a {
  display: block;
  height: 100%;
  padding-top: 15px;
  text-decoration: none;
}
.series .series_item .img {
  display: block;
  width: 100%;
  height: 200px;
  line-height: 200px;
  margin-bottom: 10px;
}
.series .series_item .img img {
  max-width: 85%;
  vertical-align: middle;
}
.series .series_item .h3 {
  display: block;
  padding: 0 17.62821%;
}

@media screen and (max-width: 1300px) {
  #series .in {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .series .series_item {
    height: 313px;
  }
  .series .series_item .h3 {
    padding: 0 4.80769%;
  }
}
@media screen and (max-width: 1000px) {
  #series .in {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .series {
    margin-left: -15px;
    margin-right: -15px;
  }
  .series .series_item {
    height: 290px;
  }
  .series .series_item .img {
    height: 180px;
    line-height: 180px;
  }
  .series .series_item a {
    padding-top: 0;
  }
}
@media screen and (max-width: 800px) {
  .series {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 30px;
  }
  .series .series_item {
    height: 290px;
    margin-bottom: 20px;
    width: 33%;
  }
}
@media screen and (max-width: 600px) {
  #series .in {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 450px) {
  .series {
    margin-bottom: 10px;
  }
  .series .series_item {
    height: 270px;
    width: 50%;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 350px) {
  .series .series_item {
    height: 240px;
  }
  .series .series_item .img {
    height: 150px;
    line-height: 150px;
  }
}
#services {
  z-index: 2;
  background: #fff;
}
#services:after {
  content: "";
  display: block;
  clear: both;
}

.service {
  display: inline-block;
  width: 50%;
  padding-bottom: 93px;
  padding-top: 98px;
  background: #acacac no-repeat center / cover;
  float: left;
}
.service .blur_block {
  background-color: rgba(255, 255, 255, 0.75);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 67.7%;
  max-width: 610px;
  box-sizing: border-box;
  padding: 53px 30px 56px;
  font-size: 16px;
}
.service .blur_block .button {
  border-color: #000;
  color: #000;
  margin-top: 9px;
}
.service .blur_block .button:hover {
  color: #fff;
  border-color: #1992d1;
}
.service .blur_block p {
  font-weight: 300;
  color: #000;
  margin-bottom: 40px;
}
.service:nth-child(1) .blur_block {
  margin-right: 174px;
  float: right;
}
.service:nth-child(2) .blur_block {
  margin-left: 174px;
  float: left;
}

#about .main_service_blocks:nth-child(1) {
  background-image: url(images/about_serv_img1.jpg);
}
#about .main_service_blocks:nth-child(2) {
  background-image: url(images/about_serv_img2.jpg);
}

@media screen and (max-width: 1600px) {
  .service {
    padding-bottom: 80px;
    padding-top: 80px;
  }
  .service .blur_block {
    width: 80%;
  }
  .service:nth-child(1) .blur_block, .service:nth-child(2) .blur_block {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}
@media screen and (max-width: 1300px) {
  .service {
    padding-bottom: 70px;
    padding-top: 70px;
  }
  .service .blur_block {
    width: 85%;
  }
}
@media screen and (max-width: 1000px) {
  .service {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .service .blur_block {
    padding: 30px 20px 30px;
  }
  .service .blur_block .h1 {
    font-size: 35px;
    line-height: 150%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 800px) {
  .service {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .service .blur_block {
    width: 90%;
    font-size: 14px;
    line-height: 150%;
  }
  .service .blur_block .h1 {
    font-size: 30px;
    line-height: 150%;
  }
  .service .blur_block p {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 700px) {
  .service {
    width: 100%;
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .service .blur_block .h1 {
    font-size: 30px;
    line-height: 150%;
    margin-bottom: 10px;
  }
  .service .blur_block p {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .service {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .service .blur_block .h1 {
    font-size: 25px;
    line-height: 150%;
  }
}
#about {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
#about .img {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  background: #edf2ef no-repeat right center / cover;
}
#about .in {
  padding-top: 95px;
  padding-bottom: 100px;
}
#about .kohler_logo, #about .h3, #about .bread_crumbs, #about h1 {
  margin-left: -21.91781%;
  margin-bottom: 30px;
}
#about .h3 {
  margin-bottom: 30px;
  line-height: 162%;
}
#about .text {
  padding-left: calc(50% + 50px);
}
#about .text p {
  margin-bottom: 30px;
}
#about .text .button {
  margin-top: 9px;
}

#about .bread_crumbs, #about h1 {
  margin-left: -21.91781%;
  margin-bottom: 30px;
}

@media screen and (max-width: 1600px) {
  #about .in {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 1300px) {
  #about .in {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #about .kohler_logo, #about .h3, #about .bread_crumbs, #about h1 {
    margin-left: -13.69863%;
    margin-bottom: 20px;
  }
  #about .kohler_logo img {
    height: 45px;
  }
  #about .h3 {
    font-size: 22px;
    line-height: 145%;
    margin-bottom: 20px;
  }
  #about .text {
    padding-left: calc(50% + 30px);
  }
  #about .text p {
    margin-bottom: 20px;
  }
  #about .text .button {
    margin-top: 5px;
  }
}
@media screen and (max-width: 1000px) {
  #about .in {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #about .kohler_logo, #about .h3, #about .bread_crumbs, #about h1 {
    margin-left: 0;
  }
  #about .h3 {
    font-size: 19px;
    line-height: 145%;
  }
}
@media screen and (max-width: 600px) {
  #about .in {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #about .img {
    display: none;
  }
  #about .text {
    padding-left: 0;
  }
}
/* start clients styles */
#use {
  overflow: hidden;
  z-index: 2;
  background: #fff;
}
#use .in {
  padding: 91px 20px 85px;
}
#use .h1 {
  float: left;
  margin-right: 45px;
}
#use .button {
  float: right;
  margin-top: -5px;
}

.use {
  padding: 40px 0px;
  margin-right: -30px;
}
.use .slide_block:after {
  content: "";
  display: block;
  clear: both;
}
.use .item {
  width: 325px;
  height: 240px;
  background: #1992d1 no-repeat center/cover;
  margin-right: 30px;
  margin-bottom: 30px;
  float: left;
}
.use .item a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff;
}
.use .item a:hover span {
  text-decoration: underline;
}
.use .item a span {
  position: absolute;
  width: 100%;
  bottom: 0px;
  padding: 15px;
  left: 0;
  box-sizing: border-box;
}
.use .item:nth-child(6n+1), .use .item:nth-child(6n+4) {
  width: calc(22% - 30px);
  height: 510px;
}
.use .item:nth-child(6n+4) {
  float: right;
}
.use .item:nth-child(6n+2), .use .item:nth-child(6n+6) {
  width: calc(32% - 30px);
}
.use .item:nth-child(6n+3), .use .item:nth-child(6n+5) {
  width: calc(24% - 30px);
}

@media screen and (max-width: 1300px) {
  #use .in {
    padding: 50px 20px 80px;
  }

  .use {
    margin-right: -20px;
  }
  .use .item {
    width: 325px;
    height: 210px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .use .item:nth-child(6n+1), .use .item:nth-child(6n+4) {
    width: calc(22% - 20px);
    height: 440px;
  }
  .use .item:nth-child(6n+2), .use .item:nth-child(6n+6) {
    width: calc(32% - 20px);
  }
  .use .item:nth-child(6n+3), .use .item:nth-child(6n+5) {
    width: calc(24% - 20px);
  }
}
@media screen and (max-width: 1000px) {
  #use .in {
    padding: 50px 20px 20px;
  }

  .use .item:nth-child(6n+1), .use .item:nth-child(6n+4) {
    width: calc(50% - 20px);
    height: 440px;
  }
  .use .item:nth-child(6n+2), .use .item:nth-child(6n+6) {
    width: calc(50% - 20px);
  }
  .use .item:nth-child(6n+3), .use .item:nth-child(6n+5) {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 600px) {
  #use .in {
    padding: 50px 20px 40px;
  }
  #use .slick_slider_arrows {
    clear: both;
    text-align: center;
  }
  #use .button {
    margin-top: -2px;
  }

  .use {
    padding: 20px 0px;
    margin-right: -15px;
  }
  .use .item {
    height: 180px;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .use .item:nth-child(6n+1), .use .item:nth-child(6n+4) {
    width: calc(50% - 15px);
    height: 375px;
  }
  .use .item:nth-child(6n+2), .use .item:nth-child(6n+6) {
    width: calc(50% - 15px);
  }
  .use .item:nth-child(6n+3), .use .item:nth-child(6n+5) {
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 450px) {
  #use .in {
    padding: 40px 20px 20px;
    text-align: center;
  }
  #use .h1 {
    float: none;
    margin-right: 0;
  }
  #use .button {
    float: none;
    margin-bottom: 20px;
  }

  .use {
    margin-right: 0;
  }
  .use .item {
    height: 150px;
    margin-right: 0px;
    margin-bottom: 15px;
    float: none;
    text-align: left;
  }
  .use .item:nth-child(6n+1), .use .item:nth-child(6n+4) {
    width: 100%;
    height: 150px;
    float: none;
  }
  .use .item:nth-child(6n+2), .use .item:nth-child(6n+6) {
    width: 100%;
  }
  .use .item:nth-child(6n+3), .use .item:nth-child(6n+5) {
    width: 100%;
  }
}
/* end partners styles */
/* start content styles */
.bread_crumbs {
  margin-bottom: 14px;
  padding-top: 40px;
  font-weight: 300;
  font-size: 12px;
  color: #003fa6;
  text-transform: normal;
  letter-spacing: 0.3px;
}
.bread_crumbs .in:after {
  display: none;
}
.bread_crumbs span, .bread_crumbs a {
  vertical-align: middle;
  display: inline-block;
}
.bread_crumbs span {
  color: #1992d1;
}
.bread_crumbs a {
  text-decoration: none;
}
.bread_crumbs a:hover {
  text-decoration: underline;
}
.bread_crumbs a:after {
  content: '';
  display: inline-block;
  background-color: transparent;
  width: 0px;
  border-right: 1px solid #1992d1;
  height: 12px;
  vertical-align: middle;
  margin: 0 8px;
  background-color: #1992d1;
}
.bread_crumbs .active {
  color: #545454;
}

main {
  position: relative;
  margin-top: 123px;
  padding-bottom: 40px;
}

.left, .right {
  max-width: 50%;
}
.left img, .right img {
  display: inline-block;
  max-width: 100%;
}

.left {
  float: left;
  margin: 9px 30px 20px 0px;
}

.right {
  float: right;
  clear: right;
  margin: 0px 0px 20px 30px;
}

.lslider {
  float: left;
  width: 654px;
  margin-right: 40px;
  height: 393px;
}

.content {
  padding-top: 100px;
  padding-bottom: 50px;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  color: #111111;
}
.content a {
  text-decoration: underline;
}
.content a:hover {
  text-decoration: none;
}
.content a.button {
  text-decoration: none;
}

.datetime {
  display: inline-block;
  position: relative;
  padding: 2px 25px 5px 0px;
  margin-bottom: 10px;
  font-size: 16px;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
}
.datetime:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 19px;
  background: url(images/calendar.png) left bottom no-repeat;
  vertical-align: -1px;
}

#selection + .in {
  padding-top: 50px;
  padding-bottom: 10px;
}

.content .text {
  line-height: 170%;
  font-weight: 300;
}
.content .text .button {
  margin-bottom: 40px;
}
.content .text ul {
  padding-bottom: 33px;
}
.content .text ul li {
  position: relative;
  margin-bottom: 0px;
  padding-left: 25px;
  margin-bottom: 15px;
}
.content .text ul li:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 17px;
  height: 16px;
  margin-top: 1px;
  display: inline-block;
  background: linear-gradient(to bottom, #51b7ec, #4973ac);
  border-radius: 5px;
}
.content .text ol {
  list-style-type: none;
  counter-reset: number;
  padding-left: 0;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  overflow: auto;
}
.content .text ol li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
}
.content .text ol li:before {
  position: absolute;
  left: 0;
  top: 0px;
  float: left;
  counter-increment: number;
  content: counter(number) ".";
  font-size: 14px;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #009deb;
}
.content .text .table {
  background-color: #fafdff;
  margin-bottom: 30px;
  padding-top: 30px;
  position: relative;
}
.content .text .table:before {
  content: '';
  background-color: #fafdff;
  position: absolute;
  left: -125%;
  top: 0;
  width: 300%;
  height: 100%;
}
.content .text .table table {
  width: 100%;
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
}
.content .text .table table tr {
  border-bottom: 1px solid #94ccea;
}
.content .text .table table tr:last-child {
  border-top: 0;
}
.content .text .table table td, .content .text .table table th {
  padding: 14px 5px 13px;
}
.content .text .table table td:first-child, .content .text .table table th:first-child {
  width: 30%;
}
.content .text .table table th {
  font-family: 'Oswald';
  color: #878a90;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
.content .text .table table th:first-child {
  color: #0d121f;
  text-align: left;
}
.content .text .table table td {
  text-align: center;
}
.content .text .table table td:first-child {
  text-align: left;
}
.content .text .table table td[rowspan] + td {
  text-align: left;
}
.content .text .table table th {
  text-align: left;
}
.content .text .col2 {
  column-count: 2;
  column-gap: 80px;
}
.content .text .col3 {
  column-count: 3;
  column-gap: 50px;
}

.top {
  padding-top: 90px;
  padding-bottom: 90px;
  margin-bottom: 50px;
  background: #c5c5c5 url(images/history_main_img.jpg) no-repeat center bottom/cover;
}
.top .bread_crumbs {
  margin-bottom: 12px;
}

.pagination {
  margin-bottom: 50px;
}
.pagination li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  color: #777777;
  margin: 0 3px;
}
.pagination li:before {
  display: none;
}
.pagination li a {
  display: block;
  width: 29px;
  height: 29px;
  line-height: 29px;
  vertical-align: middle;
  color: #a2b8d6;
  text-decoration: none;
  background: url(images/pagination_border.png) no-repeat center top;
}
.pagination li a:hover {
  color: #1992d1;
}
.pagination li a.active {
  background-position: center bottom;
  color: #fff;
}
.pagination li.pag-ar a {
  text-indent: -10000px;
  position: relative;
  background: none;
}
.pagination li.pag-ar a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  width: 12px;
  height: 9px;
  vertical-align: -1px;
  background: url(images/button_arr.png) left -60px no-repeat;
  z-index: 2;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.pagination li.prev a:before {
  background-position: left -60px;
}
.pagination li.prev a:hover:before {
  margin-left: -8px;
}
.pagination li.next a:before {
  background-position: right -60px;
}
.pagination li.next a:hover:before {
  margin-left: -2px;
}

.block404 {
  background: #fff url(images/page404_bg.jpg) no-repeat center bottom/cover;
  display: table-row;
  height: 100%;
}
.block404 .in {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding-top: 200px;
  padding-bottom: 50px;
  color: #000;
}
.block404 .text {
  max-width: 1560px;
  margin: 0 auto;
  text-align: center;
  padding-right: 40%;
}
.block404 .text .button a {
  color: #1f2b5e;
  text-decoration: none;
}
.block404 .text .button a:hover {
  color: #fff;
}
.block404 .img404 {
  font-size: 240px;
  line-height: 90%;
  font-weight: 900;
  color: #5577ad;
  margin-bottom: 20px;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
}
.block404 p {
  font-size: 36px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 1px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
}
.block404 .error {
  font-size: 60px;
  color: #eaedf4;
  display: none;
}

.search_block {
  padding-top: 18px;
}
.search_block .pagination {
  padding-top: 45px;
}

.search_item {
  border-top: 1px solid #e6e7e9;
  padding-top: 15px;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
.search_item h3 {
  font-size: 35px;
}
.search_item h3 a {
  color: #0d121f;
}
.search_item .orange {
  background-color: #fb9802;
  padding-left: 3px;
  padding-right: 3px;
  color: #000;
}
.search_item p {
  margin-bottom: 5px;
}
.search_item .bread_crumbs {
  padding-top: 0px;
  font-size: inherit;
  margin-bottom: 20px;
}
.search_item .bread_crumbs a:last-child:after {
  display: none;
}

@media screen and (max-width: 1450px) {
  .content {
    padding-top: 85px;
    padding-bottom: 40px;
  }

  .top {
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1300px) {
  .top {
    padding-top: 70px;
    padding-bottom: 70px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .block404 {
    background-position: center 63px;
  }
  .block404 .in {
    padding-top: 140px;
    padding-bottom: 10px;
  }

  .top {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 800px) {
  .block404 {
    background-position: center 53px;
  }
  .block404 .in {
    padding-top: 140px;
    padding-bottom: 10px;
  }
  .block404 .img404 {
    font-size: 200px;
    line-height: 90%;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .block404 p {
    font-size: 30px;
  }

  .content {
    padding-top: 75px;
    padding-bottom: 30px;
  }

  .content .text .col2 {
    column-gap: 40px;
  }
  .content .text .col3 {
    column-gap: 20px;
  }

  .top {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .left, .right {
    width: 100%;
    max-width: 100%;
    float: none;
    margin: 0 0 60px;
  }

  .galery .main_img {
    height: 250px;
  }
  .galery .img_small {
    height: 120px;
  }

  .block404 {
    background-position: center 28px;
  }
  .block404 .in {
    padding-top: 100px;
    padding-bottom: 0px;
  }
  .block404 .img404 {
    font-size: 150px;
    line-height: 90%;
    width: 350px;
  }
  .block404 p {
    font-size: 27px;
  }

  .top {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 450px) {
  .block404 {
    background-position: center 28px;
  }
  .block404 .in {
    padding-top: 100px;
    padding-bottom: 0px;
  }
  .block404 .img404 {
    font-size: 100px;
    line-height: 90%;
    width: 280px;
  }
  .block404 p {
    font-size: 24px;
  }

  .content {
    padding-top: 65px;
    padding-bottom: 20px;
  }

  .content .text .col2 {
    column-count: 1;
  }
  .content .text .col3 {
    column-count: 2;
  }

  .top {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 20px;
  }
}
/* end content styles */
.app {
  padding-top: 57px;
}

.products_images {
  float: left;
  width: 50%;
  position: relative;
  padding-top: 130px;
  padding-bottom: 30px;
}
.products_images .main_img {
  height: 480px;
  line-height: 480px;
  background: no-repeat center / contain;
  margin-bottom: 20px;
  text-align: center;
  overflow: hidden;
  float: right;
  width: 71.15385%;
  margin-right: 8.33333%;
}
.products_images .main_img .slick-list {
  margin: 0px;
  position: relative;
  width: 100%;
  height: 100%;
}
.products_images .main_img div {
  height: 100%;
  width: 100%;
}
.products_images .main_img a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: crosshair;
}
.products_images .main_img img {
  vertical-align: middle;
  display: inline;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  cursor: crosshair;
}
.products_images .small_images {
  float: left;
  width: 20.513%;
  height: 345px;
  position: relative;
}
.products_images .small_images .slick-list {
  margin: 0px;
}
.products_images .img_small {
  width: 140px;
  height: 100px;
  line-height: 100px;
  margin-bottom: 0px;
  cursor: pointer;
  border-right: 3px solid transparent;
  overflow: hidden;
  -webkit-transition: opacity 0.8s ease 0s;
  -moz-transition: opacity 0.8s ease 0s;
  -o-transition: opacity 0.8s ease 0s;
  transition: opacity 0.8s ease 0s;
  text-align: center;
}
.products_images .img_small.slick-current {
  border: 1px solid #eee;
}
.products_images .img_small img {
  width: 90%;
  height: 70%;
  object-fit: contain;
  display: inline-block;
  vertical-align: middle;
}

.products_info {
  margin-left: calc(50% + 70px);
  margin-bottom: 30px;
}
.products_info .download_blocks .download {
  font-size: 16px;
  margin-right: 40px;
  margin-bottom: 30px;
  display: inline-block;
  width: 270px;
}
.products_info .download_blocks .download b {
  display: block;
  margin-bottom: 10px;
}
.products_info .download_blocks .download img {
  margin-right: 20px;
}

.products_info_more {
  clear: both;
  margin-bottom: 50px;
  position: relative;
}
.products_info_more:after {
  content: '';
  background-color: #fafdff;
  position: absolute;
  left: -125%;
  top: -10%;
  width: 300%;
  height: 120%;
  z-index: -1;
}
.products_info_more .tab_buttons {
  border-bottom: 1px solid #1992d1;
  padding: 0;
}
.products_info_more .tab_buttons .tab_but {
  padding-top: 8px;
  padding-left: 0;
  padding-right: 0;
  height: 57px;
  box-sizing: border-box;
  font-size: 20px;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-weight: 400;
  margin-right: 10%;
  color: #5c5c5c;
  background: transparent;
}
.products_info_more .tab_buttons .tab_but:after {
  display: none;
}
.products_info_more .tab_buttons .tab_but.active {
  border-color: #1992d1;
  color: #000;
}
.products_info_more .tab_buttons .tab_but {
  padding-bottom: 20px;
}
.products_info_more .tab.active {
  position: relative;
  padding: 0;
  counter-reset: equ_num;
}
.products_info_more .tab.active:after {
  content: "";
  display: block;
  clear: both;
}
.products_info_more .tab.active > .open {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 80px;
  -moz-column-gap: 80px;
  column-gap: 80px;
}
.products_info_more .tab.active * {
  position: relative;
  z-index: 1;
}
.products_info_more .tab.active .equipment:before {
  display: block;
}
.products_info_more table.left {
  width: 50%;
}
.products_info_more table.left td {
  padding: 3px 0;
}
.products_info_more table.left td:first-child {
  font-weight: 500;
}

@media screen and (max-width: 1600px) {
  .products_images .main_img {
    width: calc(78% - 30px);
    margin-right: 30px;
  }
  .products_images .small_images {
    width: 21%;
  }
}
@media screen and (max-width: 1000px) {
  .products_images {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .products_images .main_img {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .products_images .small_images {
    float: none;
    width: 100%;
    height: 115px;
    top: 0%;
    margin-top: 20px;
    overflow: hidden;
  }

  .products_info {
    margin-left: 50%;
    margin-bottom: 20px;
  }

  .products_info_more {
    margin-bottom: 20px;
  }
  .products_info_more .tab_buttons .tab_but {
    font-size: 18px;
    margin-right: 5%;
  }
  .products_info_more .tab_buttons .tab_but {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 800px) {
  .products_images {
    padding-bottom: 0;
  }
  .products_images .main_img {
    height: 400px;
    line-height: 400px;
  }

  .products_info_more .tab_buttons .tab_but {
    font-size: 16px;
    margin-right: 3%;
  }
}
@media screen and (max-width: 600px) {
  .products_images {
    float: none;
    width: auto;
    padding-top: 0;
  }
  .products_images:before {
    right: -30px;
  }

  .products_info {
    margin-left: 0;
  }

  .products_info_more .tab_buttons .tab_but {
    font-size: 14px;
  }
  .products_info_more table.left {
    width: 100%;
  }
}
/* start advantages styles */
#advantages {
  z-index: 1;
  overflow: hidden;
  background: #fff;
}
#advantages .in {
  padding: 27px 20px 1px;
}

.advantages_block {
  padding-top: 41px;
  counter-reset: li;
  text-align: justify;
  margin-bottom: -35px;
}
.advantages_block:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.advantages_block li {
  text-align: left;
  vertical-align: top;
  width: 30%;
  max-width: 410px;
  display: inline-block;
  font-size: 18px;
  line-height: 145%;
  font-weight: 500;
  position: relative;
  padding-left: 25px;
  box-sizing: border-box;
  letter-spacing: 0.5px;
  margin-bottom: 60px;
}
.advantages_block li:before {
  z-index: 0;
  counter-increment: li;
  content: counter(li);
  display: block;
  color: #6493b8;
  font-size: 62px;
  line-height: 100%;
  font-weight: bold;
  margin-bottom: 7px;
  margin-left: -25px;
  background: url(images/dots_bg.png) repeat left top;
  /* 1 - 9 */
  content: "0" counter(li);
  /* becomes 01 - 09 */
}
.advantages_block li:after {
  content: '';
  position: absolute;
  width: 0px;
  height: 2px;
  left: 90px;
  top: 32px;
  border-left: 160px solid #9cd0f4;
  border-right: 160px solid #6291b8;
}

@media screen and (max-width: 1600px) {
  .advantages_block li:after {
    border-left-width: 140px;
    border-right-width: 140px;
  }
}
@media screen and (max-width: 1450px) {
  .advantages_block li:before {
    font-size: 52px;
    line-height: 80%;
  }
  .advantages_block li:after {
    top: 20px;
  }
}
@media screen and (max-width: 1300px) {
  .advantages_block li:before {
    font-size: 47px;
    line-height: 80%;
  }
  .advantages_block li:after {
    border-left-width: 100px;
    border-right-width: 100px;
  }
}
@media screen and (max-width: 1000px) {
  .advantages_block li {
    font-size: 16px;
    line-height: 150%;
  }
  .advantages_block li:after {
    border-left-width: 70px;
    border-right-width: 70px;
  }
}
@media screen and (max-width: 800px) {
  .advantages_block li {
    width: 45%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  #advantages .in {
    padding: 0px 20px 1px;
  }

  .advantages_block {
    margin-bottom: -30px;
  }
  .advantages_block li {
    font-size: 14px;
    line-height: 150%;
    padding-left: 0;
  }
  .advantages_block li:before {
    font-size: 42px;
    line-height: 80%;
    margin-left: 0;
  }
  .advantages_block li:after {
    border-left-width: 50px;
    border-right-width: 50px;
    left: 60px;
  }
}
@media screen and (max-width: 450px) {
  .advantages_block li {
    width: 100%;
    margin-bottom: 30px;
    padding-left: 60px;
  }
  .advantages_block li:before {
    font-size: 37px;
    line-height: 80%;
    float: left;
    width: 50px;
    position: relative;
    margin-left: -60px;
  }
  .advantages_block li:after {
    display: none;
  }
}
/* end advantages styles */
/* start contacts styles */
#contacts {
  overflow: visible;
  background: #80aed6 url(images/contacts_bg.jpg) no-repeat center bottom/cover;
}
#contacts .in {
  z-index: 5;
  position: relative;
}
#contacts .h1 {
  margin-bottom: 24px;
  position: relative;
  z-index: 2;
  letter-spacing: 2.5px;
}
#contacts .img {
  width: 30.76923%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 69.92%;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#contacts .img img {
  max-width: 130%;
  position: absolute;
  bottom: 18px;
  left: 0;
}

.form_block {
  box-sizing: border-box;
  padding: 110px 0 99px;
  margin-right: 30.76923%;
  color: #fff;
}
.form_block .h1 {
  color: #fff;
}
.form_block p {
  line-height: 150%;
  font-size: 14px;
  margin-bottom: 42px;
}

.content .form_block {
  float: right;
  width: 61.21795%;
  background: #1992d1 url(images/contacts_page_bg.jpg) no-repeat center/cover;
  margin-right: 0;
  padding: 60px 65px 32px;
  margin-top: -65px;
  margin-bottom: -130px;
  position: relative;
  z-index: 3;
}
.content .form_block h4 {
  color: #fff;
}
.content .form_block p {
  margin-bottom: 18px;
}
.content .form_block input, .content .form_block textarea {
  background: rgba(255, 255, 255, 0.8);
  color: #5c5c5c;
  padding-left: 15px;
  margin-bottom: 17px;
  height: 40px;
}
.content .form_block input.name, .content .form_block input.tel, .content .form_block textarea.name, .content .form_block textarea.tel {
  background-image: none;
}
.content .form_block input:focus, .content .form_block input:active, .content .form_block textarea:focus, .content .form_block textarea:active {
  background-color: #fff;
}
.content .form_block input {
  float: left;
  clear: left;
  width: 43%;
  margin-right: 24px;
  max-width: 400px;
}
.content .form_block textarea {
  width: calc(57% - 26px);
  margin-right: 0;
  height: 154px;
  margin-bottom: 23px;
}
.content .form_block textarea + p {
  margin-bottom: 43px;
}

#contacts_page .text {
  text-align: justify;
  width: 36.21795%;
  float: left;
}
#contacts_page .text:after {
  content: '';
  display: inline-block;
  width: 100%;
}

.cont_block {
  margin-bottom: 17px;
  display: inline-block;
  max-width: 250px;
  text-align: left;
}
.cont_block:nth-child(2) {
  margin-bottom: 0;
  margin-right: 0;
}
.cont_block .cont {
  margin-bottom: 15px;
  font-weight: 500;
}
.cont_block .cont:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 37px;
  height: 37px;
  border: 1px solid #1992d1;
  border-radius: 7px;
  margin-right: 5px;
  background: url(images/icon_address_b.png) no-repeat center;
}
.cont_block .cont p, .cont_block .cont a, .cont_block .cont span {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 50px);
  margin-bottom: 0;
}
.cont_block .cont a {
  color: #5c5c5c;
}
.cont_block .tel:before {
  background-image: url(images/icon_tel_b.png);
}
.cont_block .email:before {
  background-image: url(images/icon_email_b.png);
}

.map, #map {
  width: 100%;
  height: 650px;
  background: #efefef;
  margin-bottom: -50px;
}
.map iframe, #map iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border: 0;
}

@media screen and (max-width: 1600px) {
  #contacts .cont.tel {
    margin-right: 1%;
    padding-left: 150px;
    width: 300px;
  }
  #contacts .cont.address {
    width: 490px;
    padding-left: 130px;
  }
  #contacts .cont .tab_buttons .tab_but {
    margin-right: 10px;
  }
  #contacts .text {
    margin-left: 460px;
  }

  .content .form_block {
    width: 54.48718%;
    padding: 50px 55px 32px;
  }

  #contacts_page .text {
    width: 43.91026%;
  }
}
@media screen and (max-width: 1300px) {
  #contacts .img {
    left: 62%;
  }
  #contacts .img img {
    max-width: 112%;
  }
  #contacts .cont.tel {
    margin-right: 0;
    padding-left: 170px;
    width: 300px;
  }
  #contacts .cont.address {
    width: auto;
    max-width: 550px;
    padding-left: 170px;
  }
  #contacts .cont .tab_buttons .tab_but {
    margin-right: 10px;
  }
  #contacts .text {
    margin-left: 500px;
  }
  #contacts .form_block {
    padding: 60px 0 40px;
  }
  #contacts .form_block .button_block, #contacts .form_block .uFormButton, #contacts .form_block .gUniFormButtonContainter {
    display: block;
    position: relative;
    top: 50px;
  }
  #contacts .form_block input[type="checkbox"] + label, #contacts .form_block.gUniForm input[type="checkbox"] + label {
    top: -88px;
  }

  .content .form_block {
    width: 54.48718%;
    padding: 30px 35px 20px;
  }
  .content .form_block textarea + p {
    margin-bottom: 25px;
  }

  .cont_block {
    max-width: 210px;
  }
}
@media screen and (max-width: 1000px) {
  #contacts .text {
    margin-left: 460px;
  }
  #contacts .h1 {
    margin-bottom: 15px;
  }
  #contacts .cont .h4 {
    font-size: 22px;
  }
  #contacts .form_block {
    max-width: 400px;
    padding: 40px 0 20px;
  }
  #contacts .form_block p {
    margin-bottom: 20px;
  }
  #contacts .form_block input[type="checkbox"] + label + a {
    margin-right: -30px;
  }

  .content .form_block input {
    width: 100%;
    margin-right: 0px;
    max-width: none;
  }
  .content .form_block textarea {
    width: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 800px) {
  #contacts .text {
    margin-left: 0px;
  }
  #contacts .img {
    bottom: 15%;
  }
  #contacts .form_block input[type="checkbox"] + label, #contacts .form_block.gUniForm input[type="checkbox"] + label {
    top: -78px;
  }
  #contacts .cont:before {
    top: 4px;
  }
  #contacts .cont .h4 {
    font-size: 20px;
    font-weight: 700;
    float: none;
    top: 25px;
  }
  #contacts .cont.tel {
    margin-right: 0;
    padding-left: 10px;
    padding-top: 50px;
    width: 180px;
    float: left;
  }
  #contacts .cont.address {
    max-width: 350px;
    padding-left: 10px;
    padding-top: 50px;
  }
}
@media screen and (max-width: 600px) {
  #contacts .img {
    display: none;
  }
  #contacts .form_block {
    max-width: none;
    padding: 40px 0 20px;
    margin-right: 0;
  }
  #contacts .form_block input[type="checkbox"] + label + a {
    margin-right: -30px;
  }
  #contacts .cont.address {
    max-width: inherit;
  }

  .cont_block .cont {
    line-height: 135%;
  }
  .cont_block .cont:before {
    width: 27px;
    height: 27px;
    border-radius: 5px;
  }
}
@media screen and (max-width: 590px) {
  #contacts_page .text {
    width: auto;
    float: none;
    margin-right: -15px;
  }

  .content .form_block {
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: -130px;
    padding: 20px;
  }
}
@media screen and (max-width: 450px) {
  #contacts .form_block {
    text-align: center;
  }
}
/* end contacts styles */
/* start forms styles */
.form_block form a {
  color: #fff;
  text-decoration: underline;
}
.form_block form a:hover {
  text-decoration: none;
}
.form_block input, .form_block textarea, .form_block select {
  padding: 5px 10px 5px 40px;
  margin: 0 15px 14px 0;
  width: 100%;
  max-width: 320px;
  height: 45px;
  outline: none;
  border: 1px solid #fff;
  border-radius: 7px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 35px;
  color: #fff;
  vertical-align: middle;
  box-sizing: border-box;
  background: transparent no-repeat 13px center;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  /* Firefox 19+ */
  /* Firefox 18- */
}
.form_block input::-webkit-input-placeholder, .form_block textarea::-webkit-input-placeholder, .form_block select::-webkit-input-placeholder {
  opacity: 1;
  color: #fff;
}
.form_block input::-moz-placeholder, .form_block textarea::-moz-placeholder, .form_block select::-moz-placeholder {
  opacity: 1;
  color: #ffft;
}
.form_block input:-moz-placeholder, .form_block textarea:-moz-placeholder, .form_block select:-moz-placeholder {
  opacity: 1;
  color: #fff;
}
.form_block input:-ms-input-placeholder, .form_block textarea:-ms-input-placeholder, .form_block select:-ms-input-placeholder {
  opacity: 1;
  color: #fff;
}
.form_block input.name, .form_block textarea.name, .form_block select.name {
  background-image: url(images/icon_man.png);
}
.form_block input.tel, .form_block textarea.tel, .form_block select.tel {
  background-image: url(images/icon_tel.png);
}
.form_block .gUniForm input[type="text"] {
  padding: 5px 20px;
  height: 49px;
}
.form_block textarea, .form_block input.textarea {
  max-width: 100%;
  min-height: 100px;
  resize: none;
  margin-bottom: 15px;
}
.form_block input[type="radio"], .form_block input[type="checkbox"] {
  width: auto;
  height: auto;
  margin-bottom: 0;
  opacity: 0;
  margin-left: -2px;
  position: absolute;
  margin-right: 0;
}
.form_block input[type="checkbox"]:not(checked) + label, .form_block.gUniForm input[type="checkbox"]:not(checked) + label {
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
  font-weight: 400;
  font-size: 12px;
  line-height: 145%;
  letter-spacing: 0px;
  cursor: pointer;
  padding-left: 25px;
}
.form_block input[type="checkbox"]:not(checked) + label:before, .form_block.gUniForm input[type="checkbox"]:not(checked) + label:before {
  content: '';
  width: 14px;
  height: 14px;
  background: rgba(255, 255, 255, 0.4) no-repeat center;
  border-radius: 0px !important;
  position: absolute;
  left: 0;
  border: 1px solid #fff;
}
.form_block input[type="checkbox"]:not(checked) + label:after, .form_block.gUniForm input[type="checkbox"]:not(checked) + label:after {
  content: '';
  width: 18px;
  height: 14px;
  background: url(images/checkbox.png) no-repeat center;
  position: absolute;
  left: 2px;
  top: -2px;
}
.form_block input[type="checkbox"]:not(checked) + label:hover:before, .form_block.gUniForm input[type="checkbox"]:not(checked) + label:hover:before {
  opacity: 0.8;
}
.form_block input[type="checkbox"]:checked + label:after {
  display: none;
}
.form_block input[type="checkbox"] + label + a {
  display: inline-block;
  margin-bottom: 35px;
  margin-right: -20px;
  font-size: 12px;
  font-weight: 400;
}
.form_block input[type="radio"]:not(checked) + label, .form_block.gUniForm input[type="radio"]:not(checked) + label {
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
  font-weight: 400;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0px;
  cursor: pointer;
  padding-left: 25px;
  margin-right: 35px;
}
.form_block input[type="radio"]:not(checked) + label:before, .form_block.gUniForm input[type="radio"]:not(checked) + label:before {
  content: '';
  width: 18px;
  height: 18px;
  background: white no-repeat center;
  position: absolute;
  left: 0;
  border: 1px solid #1992d1;
  border-radius: 9px;
}
.form_block input[type="radio"]:not(checked) + label:after, .form_block.gUniForm input[type="radio"]:not(checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 5px;
  left: 5px;
  top: 5px;
  background: linear-gradient(to bottom, #51b7ec, #4973ac);
  opacity: 0;
}
.form_block input[type="radio"]:not(checked) + label:hover:before, .form_block.gUniForm input[type="radio"]:not(checked) + label:hover:before {
  opacity: 0.8;
}
.form_block input[type="radio"]:checked + label:after, .form_block.gUniForm input[type="radio"]:checked + label:after {
  opacity: 1;
}
.form_block .button_block, .form_block .uFormButton, .form_block .gUniFormButtonContainter {
  display: inline-block;
}
.form_block button[type="submit"], .form_block .uFormSubmit, .form_block .gUniFormSuccessButton {
  margin-right: 0;
  margin-bottom: 14px;
  padding: 0 20px 0 20px;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  font-weight: 400;
  background: transparent;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border: 0;
  border-radius: 6px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  text-decoration: none;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  z-index: 2;
  margin-left: 0;
  letter-spacing: 0.5px;
  border: 1px solid #fff;
}
.form_block button[type="submit"]:after, .form_block .uFormSubmit:after, .form_block .gUniFormSuccessButton:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-left: 15px;
  background: url(images/button_arr.png) no-repeat left top;
}
.form_block button[type="submit"]:hover, .form_block .uFormSubmit:hover, .form_block .gUniFormSuccessButton:hover {
  background: #1992d1;
  border-color: #1992d1;
}
.form_block .uFormButton:last-child {
  padding-left: 0;
}
.form_block .uFormButton:first-child {
  padding-right: 0;
}

@media screen and (max-width: 1600px) {
  .form_block input, .form_block textarea, .form_block select {
    max-width: 300px;
  }
}
@media screen and (max-width: 800px) {
  .form_block input, .form_block textarea, .form_block select {
    max-width: 320px;
  }
}
/* end forms styles */
/* start popups styles */
.gUniFormModalWindow, .gUniFormSuccess {
  background-color: rgba(0, 13, 36, 0.8);
  margin: 0;
  padding: 0;
}
.gUniFormModalWindow .gUniFormModalWindowContainer, .gUniFormModalWindow .gUniFormSuccessContainer, .gUniFormSuccess .gUniFormModalWindowContainer, .gUniFormSuccess .gUniFormSuccessContainer {
  width: 955px;
  padding: 0px;
  border-radius: 0 !important;
  border: 0;
  color: #fff;
  background: #1992d1 url(images/contacts_page_bg.jpg) no-repeat center/cover;
  font-weight: 300;
}
.gUniFormModalWindow .gUniFormModalWindowContainer .gUniFormModalWindowExit, .gUniFormModalWindow .gUniFormModalWindowContainer .gUniFormSuccessExit, .gUniFormModalWindow .gUniFormSuccessContainer .gUniFormModalWindowExit, .gUniFormModalWindow .gUniFormSuccessContainer .gUniFormSuccessExit, .gUniFormSuccess .gUniFormModalWindowContainer .gUniFormModalWindowExit, .gUniFormSuccess .gUniFormModalWindowContainer .gUniFormSuccessExit, .gUniFormSuccess .gUniFormSuccessContainer .gUniFormModalWindowExit, .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessExit {
  position: absolute;
  top: 0px;
  right: -25px;
  cursor: pointer;
  background-color: transparent;
  text-indent: -100000px;
  background: url(images/close.png) no-repeat center top;
  width: 22px;
  height: 22px;
  border-radius: 23px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.gUniFormModalWindow .gUniFormModalWindowContainer .gUniFormModalWindowExit:hover, .gUniFormModalWindow .gUniFormModalWindowContainer .gUniFormSuccessExit:hover, .gUniFormModalWindow .gUniFormSuccessContainer .gUniFormModalWindowExit:hover, .gUniFormModalWindow .gUniFormSuccessContainer .gUniFormSuccessExit:hover, .gUniFormSuccess .gUniFormModalWindowContainer .gUniFormModalWindowExit:hover, .gUniFormSuccess .gUniFormModalWindowContainer .gUniFormSuccessExit:hover, .gUniFormSuccess .gUniFormSuccessContainer .gUniFormModalWindowExit:hover, .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessExit:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gUniFormModalWindow .gUniFormModalWindowContainer .gUniFormContainer, .gUniFormModalWindow .gUniFormSuccessContainer .gUniFormContainer, .gUniFormSuccess .gUniFormModalWindowContainer .gUniFormContainer, .gUniFormSuccess .gUniFormSuccessContainer .gUniFormContainer {
  padding: 40px 55px;
  box-sizing: border-box;
}
.gUniFormModalWindow .gUniFormModalWindowContainer .uFormHeading, .gUniFormModalWindow .gUniFormModalWindowContainer .gUniFormSuccessHeading, .gUniFormModalWindow .gUniFormSuccessContainer .uFormHeading, .gUniFormModalWindow .gUniFormSuccessContainer .gUniFormSuccessHeading, .gUniFormSuccess .gUniFormModalWindowContainer .uFormHeading, .gUniFormSuccess .gUniFormModalWindowContainer .gUniFormSuccessHeading, .gUniFormSuccess .gUniFormSuccessContainer .uFormHeading, .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessHeading {
  margin-bottom: 20px;
  font-weight: 400;
  text-align: left;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
}
.gUniFormModalWindow .gUniFormModalWindowContainer .uformTools, .gUniFormModalWindow .gUniFormSuccessContainer .uformTools, .gUniFormSuccess .gUniFormModalWindowContainer .uformTools, .gUniFormSuccess .gUniFormSuccessContainer .uformTools {
  overflow: visible;
  margin-top: 0;
}
.gUniFormModalWindow .gUniFormModalWindowContainer p, .gUniFormModalWindow .gUniFormSuccessContainer p, .gUniFormSuccess .gUniFormModalWindowContainer p, .gUniFormSuccess .gUniFormSuccessContainer p {
  margin-bottom: 20px;
}
.gUniFormModalWindow .gUniFormModalWindowContainer input, .gUniFormModalWindow .gUniFormModalWindowContainer textarea, .gUniFormModalWindow .gUniFormSuccessContainer input, .gUniFormModalWindow .gUniFormSuccessContainer textarea, .gUniFormSuccess .gUniFormModalWindowContainer input, .gUniFormSuccess .gUniFormModalWindowContainer textarea, .gUniFormSuccess .gUniFormSuccessContainer input, .gUniFormSuccess .gUniFormSuccessContainer textarea {
  background: rgba(255, 255, 255, 0.8);
  color: #5c5c5c;
  padding-left: 15px;
  margin-bottom: 17px;
  height: 40px;
}
.gUniFormModalWindow .gUniFormModalWindowContainer input.name, .gUniFormModalWindow .gUniFormModalWindowContainer input.tel, .gUniFormModalWindow .gUniFormModalWindowContainer textarea.name, .gUniFormModalWindow .gUniFormModalWindowContainer textarea.tel, .gUniFormModalWindow .gUniFormSuccessContainer input.name, .gUniFormModalWindow .gUniFormSuccessContainer input.tel, .gUniFormModalWindow .gUniFormSuccessContainer textarea.name, .gUniFormModalWindow .gUniFormSuccessContainer textarea.tel, .gUniFormSuccess .gUniFormModalWindowContainer input.name, .gUniFormSuccess .gUniFormModalWindowContainer input.tel, .gUniFormSuccess .gUniFormModalWindowContainer textarea.name, .gUniFormSuccess .gUniFormModalWindowContainer textarea.tel, .gUniFormSuccess .gUniFormSuccessContainer input.name, .gUniFormSuccess .gUniFormSuccessContainer input.tel, .gUniFormSuccess .gUniFormSuccessContainer textarea.name, .gUniFormSuccess .gUniFormSuccessContainer textarea.tel {
  background-image: none;
}
.gUniFormModalWindow .gUniFormModalWindowContainer input:focus, .gUniFormModalWindow .gUniFormModalWindowContainer input:active, .gUniFormModalWindow .gUniFormModalWindowContainer textarea:focus, .gUniFormModalWindow .gUniFormModalWindowContainer textarea:active, .gUniFormModalWindow .gUniFormSuccessContainer input:focus, .gUniFormModalWindow .gUniFormSuccessContainer input:active, .gUniFormModalWindow .gUniFormSuccessContainer textarea:focus, .gUniFormModalWindow .gUniFormSuccessContainer textarea:active, .gUniFormSuccess .gUniFormModalWindowContainer input:focus, .gUniFormSuccess .gUniFormModalWindowContainer input:active, .gUniFormSuccess .gUniFormModalWindowContainer textarea:focus, .gUniFormSuccess .gUniFormModalWindowContainer textarea:active, .gUniFormSuccess .gUniFormSuccessContainer input:focus, .gUniFormSuccess .gUniFormSuccessContainer input:active, .gUniFormSuccess .gUniFormSuccessContainer textarea:focus, .gUniFormSuccess .gUniFormSuccessContainer textarea:active {
  background-color: #fff;
}
.gUniFormModalWindow .gUniFormModalWindowContainer input, .gUniFormModalWindow .gUniFormSuccessContainer input, .gUniFormSuccess .gUniFormModalWindowContainer input, .gUniFormSuccess .gUniFormSuccessContainer input {
  float: left;
  clear: left;
  width: 43%;
  margin-right: 24px;
  max-width: 400px;
}
.gUniFormModalWindow .gUniFormModalWindowContainer textarea, .gUniFormModalWindow .gUniFormSuccessContainer textarea, .gUniFormSuccess .gUniFormModalWindowContainer textarea, .gUniFormSuccess .gUniFormSuccessContainer textarea {
  width: calc(57% - 26px);
  margin-right: 0;
  height: 154px;
  margin-bottom: 23px;
  max-width: 450px;
}
.gUniFormModalWindow .gUniFormModalWindowContainer .personalInfo p, .gUniFormModalWindow .gUniFormSuccessContainer .personalInfo p, .gUniFormSuccess .gUniFormModalWindowContainer .personalInfo p, .gUniFormSuccess .gUniFormSuccessContainer .personalInfo p {
  margin-bottom: 43px;
}
.gUniFormModalWindow .gUniFormModalWindowContainer input[type="text"], .gUniFormModalWindow .gUniFormSuccessContainer input[type="text"], .gUniFormSuccess .gUniFormModalWindowContainer input[type="text"], .gUniFormSuccess .gUniFormSuccessContainer input[type="text"] {
  padding: 5px 20px;
  height: 40px;
}
.gUniFormModalWindow .gUniFormModalWindowContainer .uFormSubmit, .gUniFormModalWindow .gUniFormModalWindowContainer .uFormReset, .gUniFormModalWindow .gUniFormSuccessContainer .uFormSubmit, .gUniFormModalWindow .gUniFormSuccessContainer .uFormReset, .gUniFormSuccess .gUniFormModalWindowContainer .uFormSubmit, .gUniFormSuccess .gUniFormModalWindowContainer .uFormReset, .gUniFormSuccess .gUniFormSuccessContainer .uFormSubmit, .gUniFormSuccess .gUniFormSuccessContainer .uFormReset {
  width: auto;
}
.gUniFormModalWindow .gUniFormModalWindowContainer .uFormButton, .gUniFormModalWindow .gUniFormSuccessContainer .uFormButton, .gUniFormSuccess .gUniFormModalWindowContainer .uFormButton, .gUniFormSuccess .gUniFormSuccessContainer .uFormButton {
  float: none;
}

.gUniFormSuccess .gUniFormSuccessContainer {
  margin-left: -477px;
}
.gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessBg {
  background: #1992d1 url(images/contacts_page_bg.jpg) no-repeat center/cover;
}
.gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessMiddler {
  display: block;
  padding-top: 145px;
  padding-bottom: 45px;
}
.gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessHeading {
  font-size: 55px;
  line-height: 140%;
}
.gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessText {
  font-size: 18px;
}
.gUniFormSuccess .gUniFormSuccessContainer .gUniFormButtonContainter {
  position: relative;
  padding-bottom: 10px;
  text-align: center;
  margin: 30px auto 10px;
  width: 175px;
}
.gUniFormSuccess .gUniFormSuccessContainer .gUniFormButtonContainter:before {
  content: "";
  top: -13px;
  left: -19px;
  position: absolute;
  z-index: 1;
  width: 218px;
  height: 93px;
  background: url(images/button_bg3.png) no-repeat left center;
}
.gUniFormSuccess .gUniFormSuccessContainer .uFormHeading, .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessHeading {
  line-height: 110%;
  padding-top: 30px;
  text-align: center;
}
.gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessButton {
  margin-right: 0;
  margin-bottom: 14px;
  margin-top: 0;
  padding: 0 20px 0 20px;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  font-weight: 400;
  background: transparent;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border: 0;
  border-radius: 6px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  text-decoration: none;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  z-index: 2;
  margin-left: 0;
  letter-spacing: 0.5px;
  border: 1px solid #fff;
}
.gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessButton:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-left: 15px;
  background: url(images/button_arr.png) no-repeat left top;
}
.gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessButton:hover {
  background: #1992d1;
  border-color: #1992d1;
}

@media screen and (max-width: 1600px) {
  .gUniFormModalWindow .gUniFormModalWindowContainer, .gUniFormModalWindow .gUniFormSuccessContainer, .gUniFormSuccess .gUniFormModalWindowContainer, .gUniFormSuccess .gUniFormSuccessContainer {
    width: 900px;
  }

  .gUniFormSuccess .gUniFormSuccessContainer {
    margin-left: -477px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessMiddler {
    padding-top: 145px;
    padding-bottom: 45px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessHeading {
    font-size: 55px;
    line-height: 140%;
  }
}
@media screen and (max-width: 1300px) {
  .gUniFormModalWindow .gUniFormModalWindowContainer, .gUniFormModalWindow .gUniFormSuccessContainer, .gUniFormSuccess .gUniFormModalWindowContainer, .gUniFormSuccess .gUniFormSuccessContainer {
    width: 850px;
  }

  .gUniFormSuccess .gUniFormSuccessContainer {
    margin-left: -425px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessMiddler {
    padding-top: 110px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessHeading {
    font-size: 50px;
    line-height: 140%;
  }
}
@media screen and (max-width: 1000px) {
  .gUniFormModalWindow .gUniFormModalWindowContainer, .gUniFormModalWindow .gUniFormSuccessContainer, .gUniFormSuccess .gUniFormModalWindowContainer, .gUniFormSuccess .gUniFormSuccessContainer {
    width: 750px;
  }
  .gUniFormModalWindow .gUniFormModalWindowContainer .gUniFormContainer, .gUniFormModalWindow .gUniFormSuccessContainer .gUniFormContainer, .gUniFormSuccess .gUniFormModalWindowContainer .gUniFormContainer, .gUniFormSuccess .gUniFormSuccessContainer .gUniFormContainer {
    padding: 30px 30px;
  }

  .gUniFormSuccess .gUniFormSuccessContainer {
    margin-left: -375px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessMiddler {
    padding-top: 80px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessHeading {
    font-size: 45px;
    line-height: 140%;
  }
}
@media screen and (max-width: 800px) {
  .gUniFormModalWindow .gUniFormModalWindowContainer, .gUniFormModalWindow .gUniFormSuccessContainer, .gUniFormSuccess .gUniFormModalWindowContainer, .gUniFormSuccess .gUniFormSuccessContainer {
    width: 550px;
  }
  .gUniFormModalWindow .gUniFormModalWindowContainer .gUniFormContainer, .gUniFormModalWindow .gUniFormSuccessContainer .gUniFormContainer, .gUniFormSuccess .gUniFormModalWindowContainer .gUniFormContainer, .gUniFormSuccess .gUniFormSuccessContainer .gUniFormContainer {
    padding: 30px 20px;
  }

  .gUniFormSuccess .gUniFormSuccessContainer {
    margin-left: -275px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessMiddler {
    padding-top: 50px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessHeading {
    font-size: 35px;
    line-height: 140%;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessText {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .gUniFormModalWindow .gUniFormModalWindowContainer, .gUniFormModalWindow .gUniFormSuccessContainer, .gUniFormSuccess .gUniFormModalWindowContainer, .gUniFormSuccess .gUniFormSuccessContainer {
    width: 450px;
  }
  .gUniFormModalWindow .gUniFormModalWindowContainer input, .gUniFormModalWindow .gUniFormSuccessContainer input, .gUniFormSuccess .gUniFormModalWindowContainer input, .gUniFormSuccess .gUniFormSuccessContainer input {
    width: 100%;
    margin-right: 0px;
    max-width: none;
  }
  .gUniFormModalWindow .gUniFormModalWindowContainer textarea, .gUniFormModalWindow .gUniFormSuccessContainer textarea, .gUniFormSuccess .gUniFormModalWindowContainer textarea, .gUniFormSuccess .gUniFormSuccessContainer textarea {
    width: 100%;
    max-width: none;
  }
  .gUniFormModalWindow .gUniFormModalWindowContainer .uFormButton, .gUniFormModalWindow .gUniFormSuccessContainer .uFormButton, .gUniFormSuccess .gUniFormModalWindowContainer .uFormButton, .gUniFormSuccess .gUniFormSuccessContainer .uFormButton {
    width: auto;
  }

  .gUniFormSuccess .gUniFormSuccessContainer {
    margin-left: -225px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessMiddler {
    padding-top: 30px;
    padding-bottom: 25px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessHeading {
    font-size: 30px;
    line-height: 140%;
    margin-bottom: 20px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessText {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 450px) {
  .gUniFormModalWindow .gUniFormModalWindowContainer, .gUniFormModalWindow .gUniFormSuccessContainer, .gUniFormSuccess .gUniFormModalWindowContainer, .gUniFormSuccess .gUniFormSuccessContainer {
    width: 310px;
  }

  .gUniFormSuccess .gUniFormSuccessContainer {
    margin-left: -155px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessMiddler {
    padding-top: 10px;
    padding-bottom: 5px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessHeading {
    font-size: 25px;
    line-height: 140%;
    margin-bottom: 15px;
  }
  .gUniFormSuccess .gUniFormSuccessContainer .gUniFormSuccessText {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 350px) {
  .gUniFormModalWindow .gUniFormModalWindowContainer, .gUniFormModalWindow .gUniFormSuccessContainer, .gUniFormSuccess .gUniFormModalWindowContainer, .gUniFormSuccess .gUniFormSuccessContainer {
    width: 270px;
  }

  .gUniFormSuccess .gUniFormSuccessContainer {
    margin-left: -135px;
  }
}

/*# sourceMappingURL=template_styles.css.map */