@import url("https://fonts.googleapis.com/css?family=Biryani:200,300,400,600,700,800,900&subset=devanagari,latin-ext");

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?7v0u80");
  src: url("../fonts/icomoon.eot?7v0u80#iefix") format("embedded-opentype"),
  url("../fonts/icomoon.ttf?7v0u80") format("truetype"),
  url("../fonts/icomoon.woff?7v0u80") format("woff"),
  url("../fonts/icomoon.svg?7v0u80#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
  content: "\e900";
  color: #00985f;
}
.icon-menu:before {
  content: "\e901";
  color: #fff;
}

*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
}
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 150, 87, 0.8);
}
img,
fieldset {
  border: 0;
}
img {
  vertical-align: middle;
}
ul,
ol {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
body {
  height: 100%;
  color: #008ed3;
  font: 12px/1.3 Biryani, sans-serif;
}
.wrapper {
  display: block;
}
.main {
  width: 1042px;
  margin: 0 auto;
  position: relative;
}
.side_nav {
  overflow: hidden;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.side_nav.open {
  visibility: visible;
}
.side_nav.open .side_nav__close_bg {
  width: 100%;
}
.side_nav.open .side_nav__holder {
  left: 0;
}
.side_nav__close_bg {
  width: 0;
  transition: all 0.5s ease;
  background: rgba(0, 150, 87, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
}
.side_nav__holder {
  width: 400px;
  height: 100%;
  background: #fff;
  transition: all 0.5s ease;
  padding: 45px 30px 70px 30px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  left: -400px;
}
.side_nav__close_url {
  margin: 0 0 66px 0;
  position: relative;
  display: inline-block;
}
.side_nav__close_url [class*="icon-"] {
  font-size: 30px;
}
.side_nav__close_url:hover {
  text-decoration: none;
}
.side_nav__nav_items {
  padding: 0 0 27px 0;
  display: block;
}
.side_nav__nav_links {
  color: #008ed3;
  font: 500 24px/1.2 Biryani, sans-serif;
  display: block;
}
.side_nav__lang {
  position: absolute;
  left: 30px;
  bottom: 28px;
}
.side_nav__lang_items {
  text-transform: uppercase;
  margin: 0 20px 0 0;
  float: left;
}
.header {
  height: 800px;
  position: relative;
  overflow: hidden;
  display: block;
}
.header__parallax {
  width: 100%;
  position: absolute;
}
.header__parallax .layer {
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
}
.header__parallax_image {
  height: 100%;
  position: absolute;
  top: 0;
}
.header__parallax_image--bg_2 {
  width: 2500px;
  background: url("../img/parallax_2.png") no-repeat calc(50% + 10px) calc(100% - 200px);
  left: -200px;
}
.header__parallax_image--bg_3 {
  width: 2500px;
  background: url("../img/parallax_3.png") no-repeat calc(50% - 100px) calc(100% - 50px);
  left: -200px;
}
.header__parallax_image--bg_4 {
  width: calc(100% + 200px);
  background: url("../img/parallax_4.png") no-repeat calc(50% + 140px) calc(100% - 240px);
  left: 0;
}
.site-logo {
  position: absolute;
  top: 54px;
  left: 80px;
  z-index: 2;
}
.site-logo img {
  width: 149px;
}
a.header__menu_toggle {
  text-decoration: none;
  position: absolute;
  top: 64px;
  right: 80px;
  z-index: 2;
}
a.header__menu_toggle [class*="icon-"] {
  font-size: 25px;
}
a.header__menu_toggle:hover {
  text-decoration: none;
}
.header__headline {
  color: #d1d1d1;
  font: 200 50px/1.2 Biryani, sans-serif;
  position: absolute;
  top: 254px;
  left: 80px;
  z-index: 2;
}
.header__iso_list {
  position: absolute;
  top: 715px;
  left: 80px;
  z-index: 2;
}
.header__iso_list_items {
  margin: 0 24px 0 0;
  float: left;
}
.header__iso_list_items:last-child {
  margin: 0;
}
.header__iso_list_items img {
  height: 52px;
}
.main_headline {
  font: 600 54px/1 Biryani, sans-serif;
  text-align: center;
  padding: 0 0 60px 0;
}
.info_block {
  padding: 82px 0;
}
.info_block:nth-of-type(even) {
  background: #efefef;
}
.info_block h3 {
  font: bold 16px/1.56 Biryani, sans-serif;
  text-align: left;
  padding: 0 0 26px 0;
}
.info_block p {
  font: 16px/1.56 Biryani, sans-serif;
  padding: 0 0 26px 0;
}
.info_block ul:not([class]) {
  font: 16px/1.56 Biryani, sans-serif;
  padding: 0 0 26px 0;
}
.info_block ul:not([class]) li {
  padding: 0 0 0 15px;
  position: relative;
}
.info_block ul:not([class]) li:before {
  width: 4px;
  height: 4px;
  content: "";
  background: #008ed3;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 0;
}
.info_block__left {
  width: 486px;
  float: left;
}
.info_block__left img {
  max-width: 475px;
  margin: 0 0 20px 0;
}
.info_block__right {
  width: 520px;
  float: right;
}
.info_block__tags {
  padding: 0 0 30px 0;
}
.info_block__tags_items {
  height: 55px;
  color: #fff;
  font: 12px/1 Biryani, sans-serif;
  text-align: center;
  background: #008ed3;
  padding: 0 10px;
  margin: 0 20px 0 0;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  display: flex;
  float: left;
}
.info_block__tags_items:last-child {
  margin: 0;
}
.info_block__tags_items strong {
  font-size: 26px;
  display: block;
}
.info_block__iso_list {
  padding: 0 0 40px 0;
}
.info_block__iso_list_items {
  margin: 0 20px 0 0;
  float: left;
}
.info_block__iso_list_items:last-child {
  margin: 0;
}
.info_block__iso_list_items img {
  height: 60px;
  margin: 0;
}
.info_block__info_list_image {
  vertical-align: top;
  margin: 20px 0 0 0;
}
.info_block__info_list {
  font: bold 16px/1.56 Biryani, sans-serif;
  vertical-align: top;
  background: url("../img/list_img.svg") no-repeat left top / 225px 145px;
  padding: 0 0 0 235px;
  margin: 0 0 30px 0;
  display: inline-block;
}
.info_block__info_list_items {
  padding: 0 0 18px 0;
}
.info_block__info_list_items:last-child {
  padding: 0;
}
.info_block_contact_form_items {
  width: 100%;
  text-align: left;
  padding: 0 0 10px 0;
  float: left;
}
.info_block_contact_form_items label {
  font: 16px/1.2 Biryani, sans-serif;
}
.info_block_contact_form_hold {
  width: 320px;
  float: right;
}
.info_block_contact_form_label {
  width: 166px;
  padding: 9px 0 0 0;
  float: left;
}
.info_block_contact_form_btn {
  width: 100%;
  height: 38px;
  color: #fff;
  letter-spacing: 1px;
  font: 500 16px Biryani, sans-serif;
  background: #009657;
  border: none;
  padding: 4px 0 0 0;
}
.info_block__logo {
  width: 166px;
  float: left;
}
.info_block__logo img {
  width: 102px;
}
.info_block__contacts {
  width: 320px;
  float: left;
}
.info_block__map {
  width: 100%;
  height: 360px;
  float: left;
}
.footer {
  background: #efefef;
  padding: 44px 0 96px 0;
  display: block;
}
.footer__copy {
  float: left;
}
.footer__copy_items {
  vertical-align: bottom;
  margin: 0 0 0 15px;
  display: inline-block;
}
.footer__copy_items:first-child {
  margin: 0;
}
.footer__copy_items img {
  width: 70px;
  position: relative;
  top: -5px;
}
.footer__lang {
  font: 16px/1.2 Biryani, sans-serif;
  float: right;
}
.footer__lang_items {
  margin: 0 0 0 15px;
  float: left;
}
.footer__lang_items:first-child {
  margin: 0;
}
.footer__lang_links {
  text-transform: uppercase;
}
input[type=checkbox],
input[type=radio] {
  position: absolute;
  opacity: 0;
}
label + input[type=checkbox] + label,
label + input[type=radio] + label {
  margin: 0 0 0 15px;
}
input[type=checkbox] + label,
input[type=radio] + label {
  min-height: 32px;
  cursor: pointer;
  padding: 8px 0 0 42px;
  position: relative;
  display: inline-block;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  width: 32px;
  height: 32px;
  content: "";
  background: #efefef;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 16px);
  left: 0;
}
input[type=checkbox]:checked + label:after,
input[type=radio]:checked + label:after {
  width: 20px;
  height: 20px;
  content: "";
  cursor: pointer;
  background: #009657;
  position: absolute;
  top: calc(50% - 10px);
  left: 6px;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="reset"]):not([type="submit"]),
textarea {
  width: 100%;
  height: 32px;
  color: #008ed3;
  font: 16px Biryani, sans-serif;
  background: #efefef;
  border: none;
  padding: 4px 10px 1px 10px;
}
textarea {
  height: 108px;
  overflow: auto;
  resize: none;
}
input:not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #fff;
}
input:not([type="checkbox"]):not([type="radio"])::-moz-placeholder,
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
  opacity: 1;
}
input:not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff !important;
}
input:not([type="checkbox"]):not([type="radio"])::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  /* Edge  */
  color: #fff;
}
input:not([type="checkbox"]):not([type="radio"]):focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  /* FOCUS WebKit, Blink, Edge */
  color: transparent !important;
}
input:not([type="checkbox"]):not([type="radio"]):focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  /* FOCUS Mozilla Firefox 19+ */
  color: transparent !important;
}
input:not([type="checkbox"]):not([type="radio"]):focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  /* FOCUS Internet Explorer 10-11 */
  color: transparent !important;
}
input:not([type="checkbox"]):not([type="radio"])::focus:-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
  /* FOCUS Edge */
  color: transparent !important;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
a {
  color: #008ed3;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.clearfix:after,
.clear {
  height: 0;
  content: "";
  clear: both;
  display: table;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input:not([type="checkbox"]):not([type="radio"]),
textarea {
  -webkit-appearance: none;
}
@media (min-width: 768px) and (max-width: 1079px) {
  body.no_scroll {
    max-height: 100%;
    overflow: hidden;
  }
  .main {
    width: 600px;
  }
  .side_nav__holder {
    padding: 40px 30px 70px 30px;
  }
  .side_nav__close_url {
    margin: 0 0 32px 0;
  }
  .side_nav__close_url [class*="icon-"] {
    font-size: 26px;
  }
  .side_nav__nav_items {
    padding: 0 0 23px 0;
  }
  .side_nav__nav_links {
    font: 500 20px/1.2 Biryani, sans-serif;
  }
  .header .main {
    width: 680px;
  }
  .header__parallax_image--bg_3 {
    width: 2500px;
    background: url("../img/parallax_3.png") no-repeat calc(50% - 300px) calc(100% - 50px);
    left: -200px;
  }
  .header__parallax_image--bg_4 {
    width: calc(100% + 200px);
    background: url("../img/parallax_4.png") no-repeat calc(50% + 100px) calc(100% - 170px);
    left: 0;
  }
  .site-logo {
    left: 40px;
  }
  a.header__menu_toggle {
    right: 40px;
  }
  .header__headline {
    font: 200 40px/1.2 Biryani, sans-serif;
    left: 40px;
  }
  .main_headline {
    font: 600 40px/1 Biryani, sans-serif;
    padding: 0 0 60px 0;
  }
  .header__iso_list {
    left: 40px;
  }
  .info_block {
    padding: 52px 0;
  }
  .info_block__left {
    width: 100%;
    text-align: center;
    padding: 0 0 25px 0;
  }
  .info_block__right {
    width: 100%;
  }
  .info_block_contact_form {
    max-width: 486px;
    padding: 0 0 20px 0;
  }
  .footer {
    padding: 39px 0 50px 0;
  }
  .footer__lang {
    width: 100%;
    margin: 0 0 34px 0;
  }
  label + input[type=checkbox] + label,
  label + input[type=radio] + label {
    margin: 10px 0 0 0;
  }
  input[type=checkbox] + label,
  input[type=radio] + label {
    display: block;
  }
}
@media (max-width: 767px) {
  body.no_scroll {
    max-height: 100%;
    overflow: hidden;
  }
  body {
    min-width: 320px;
  }
  .main {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .side_nav__holder {
    width: 320px;
    padding: 20px 20px 50px 20px;
    left: -320px;
  }
  .side_nav__close_url {
    margin: 0 0 19px 0;
  }
  .side_nav__close_url [class*="icon-"] {
    font-size: 22px;
  }
  .side_nav__nav_items {
    padding: 0 0 12px 0;
  }
  .side_nav__nav_links {
    font: 500 18px/1.2 Biryani, sans-serif;
  }
  .side_nav__lang {
    left: 20px;
    bottom: 20px;
  }
  .header__parallax_image--bg_3 {
    width: 2500px;
    background: url("../img/parallax_3.png") no-repeat calc(50% - 300px) calc(100% - 50px);
    left: -200px;
  }
  .header__parallax_image--bg_4 {
    width: calc(100% + 200px);
    background: url("../img/parallax_4.png") no-repeat calc(50% + 100px) calc(100% - 170px);
    left: 0;
  }
  .site-logo {
    left: 30px;
  }
  a.header__menu_toggle {
    right: 30px;
  }
  .header__headline {
    font: 200 35px/1.2 Biryani, sans-serif;
    left: 30px;
  }
  .header__iso_list {
    top: 740px;
    left: 30px;
  }
  .header__iso_list_items {
    margin: 0 10px 0 0;
  }
  .header__iso_list_items img {
    height: 35px;
  }
  .main_headline {
    font: 600 20px/1 Biryani, sans-serif;
    padding: 0 0 30px 0;
  }
  .info_block {
    padding: 42px 0 20px 0;
  }
  .info_block__left {
    width: 100%;
    text-align: center;
    padding: 0 0 25px 0;
  }
  .info_block__left img {
    width: 100%;
  }
  .info_block__right {
    width: 100%;
  }
  .info_block__tags_items {
    height: 45px;
    font: 10px/1 Biryani, sans-serif;
    margin: 0 10px 0 0;
  }
  .info_block__tags_items:last-child {
    margin: 0;
  }
  .info_block__tags_items strong {
    font-size: 20px;
    display: block;
  }
  .info_block__iso_list_items {
    margin: 0 10px 0 0;
  }
  .info_block__iso_list_items img {
    width: auto;
    height: 35px;
  }
  .info_block__info_list_image {
    margin: 0 auto 20px auto;
    display: block;
  }
  .info_block__info_list {
    width: 280px;
    font: bold 16px/1.2 Biryani, sans-serif;
    background: url("../img/list_img.svg") no-repeat left top / 185px auto;
    padding: 0 0 30px 195px;
    margin: 0 auto;
    display: block;
  }
  .info_block_contact_form {
    max-width: 486px;
    padding: 0 0 20px 0;
  }
  .info_block_contact_form_label {
    width: 100%;
    padding: 6px 0;
  }
  .info_block_contact_form_hold {
    width: 100%;
  }
  .info_block__contacts {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .footer {
    padding: 39px 0 50px 0;
  }
  .footer__copy {
    width: 50%;
  }
  .footer__copy_items {
    width: 100%;
    margin: 2px 0 0 0;
  }
  .footer__copy_items:first-child {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .footer__lang {
    width: 50%;
    margin: 0 0 34px 0;
  }
  .footer__lang_items {
    float: right;
  }
  .footer__lang_items:first-child {
    margin: 0 0 10px 0;
  }
  .footer__lang_items:nth-of-type(2) {
    clear: right;
  }
  label + input[type=checkbox] + label,
  label + input[type=radio] + label {
    margin: 10px 0 0 0;
  }
  input[type=checkbox] + label,
  input[type=radio] + label {
    display: block;
  }
}
