.error {
  margin: auto;
  text-align: center;
  min-height: 550px;
  background-color: #42515b;
}

.error h1 {
  font-size: 30vh;
  color: white;
  display: block;
}

.error p {
  color: white;
  margin-bottom: 60px;
}

.error span {
  font-size: 30px;
  color: red;
}

.error a {
  text-decoration: none;
  border: 2px solid #0087c8;
  color: #0087c8;
  text-transform: uppercase;
  border-radius: 35px;
  padding: 15px 28px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  opacity: 1;
}

.error a:hover, .error a:focus {
  background-color: #0087c8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  color: white;
}

.error a:hover a, .error a:focus a {
  color: white;
}

button {
  -webkit-transition: 2s;
  transition: 2s;
  outline: none;
}

.visually-hidden:not(focus):not(active) {
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

html {
  background: linear-gradient(45deg, #020006, #0f2035, #172e49);
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  scroll-behavior: smooth;
}

html textarea,
html input {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

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

button {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
}

.modal__background,
.burger__menu--bg {
  display: none;
  background: #000;
  height: 100%;
  opacity: 0.4;
  position: fixed;
  width: 100%;
  z-index: 100;
  top: 0;
  left: 0;
}

.modal_form {
  z-index: 200;
  display: none;
  color: #014591;
  position: fixed;
  top: 0;
  width: 540px;
  background-color: #87b8e9;
  margin: auto;
  border-radius: 30px;
}

@media (min-width: 320px) {
  .modal_form {
    width: 350px;
    left: 50%;
    top: 50%;
    margin-top: -200px;
    margin-left: -175px;
  }
}

@media (min-width: 720px) {
  .modal_form {
    width: 540px;
    left: 50%;
    top: 50%;
    margin-top: -210px;
    margin-left: -270px;
  }
}

.modal_form h3 {
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 320px) {
  .modal_form h3 {
    font-size: 16px;
    line-height: 18px;
  }
}

@media (min-width: 720px) {
  .modal_form h3 {
    font-size: 23px;
    line-height: 30px;
  }
}

.modal_form form .form__conteiner {
  -webkit-transition: 0s;
  transition: 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.modal_form form .form__conteiner input {
  -webkit-transition: 0s;
  transition: 0s;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 80%;
  border: none;
  padding: 5px;
}

.modal_form form .form__conteiner input::-webkit-input-placeholder {
  color: #8c8c8b;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

.modal_form form .form__conteiner input:-moz-placeholder {
  color: #8c8c8b;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

.modal_form form .form__conteiner input::-moz-placeholder {
  color: #8c8c8b;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

.modal_form form .form__conteiner input:-ms-input-placeholder {
  color: #8c8c8b;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

.modal_form form .form-group textarea {
  -webkit-transition: 0s;
  transition: 0s;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 80%;
  border: none;
  padding: 5px;
}

.modal_form form .form-group textarea::-webkit-input-placeholder {
  color: #8c8c8b;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

.modal_form form .form-group textarea:-moz-placeholder {
  color: #8c8c8b;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

.modal_form form .form-group textarea::-moz-placeholder {
  color: #8c8c8b;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

.modal_form form .form-group textarea:-ms-input-placeholder {
  color: #8c8c8b;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

@media (min-width: 320px) {
  .modal_form form .g-recaptcha {
    margin-left: 25px;
    margin-bottom: 20px;
  }
}

@media (min-width: 720px) {
  .modal_form form .g-recaptcha {
    margin: auto;
    margin-bottom: 20px;
    width: 50%;
  }
}

.modal_form form .btn {
  display: block;
  margin: auto;
  margin-bottom: 20px;
  border: 2px solid #014591;
  color: #014591;
  text-transform: uppercase;
  border-radius: 35px;
  padding: 15px 28px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  opacity: 1;
}

.modal_form form .btn a {
  color: #014591;
}

.modal_form form .btn:hover, .modal_form form .btn:focus {
  background-color: #014591;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  color: #ffffff;
}

.modal_form form .btn:hover a, .modal_form form .btn:focus a {
  color: #ffffff;
}

.modal_form .modal-form-close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  font-size: 0;
  cursor: pointer;
  border: 0;
  background-color: #0087c8;
  border-radius: 50%;
}

.modal_form .modal-form-close span {
  position: relative;
  width: 100%;
  height: 100%;
}

.modal_form .modal-form-close span::after {
  content: "";
  position: absolute;
  right: -11px;
  top: -1;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 21px;
  height: 2px;
  background-color: #000;
}

.modal_form .modal-form-close span::before {
  content: "";
  position: absolute;
  left: -11px;
  top: -1;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 21px;
  height: 2px;
  background-color: #000;
}

.divError {
  display: none;
  position: absolute;
  width: 200px;
  height: 95px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 25px;
  background-color: #87b8e9;
  color: #014591;
  border-radius: 30px;
  border: 1px solid #014591;
  text-align: center;
}

.modal__close .overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1;
}

.modal__close .overlay .popup {
  position: absolute;
  width: 300px;
  height: 100px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 40px;
  background-color: #87b8e9;
  color: #014591;
  border-radius: 30px;
}

.modal__close .overlay .popup h2 {
  text-align: center;
}

.modal__close .overlay .popup .close-popup {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 23px;
  height: 23px;
  cursor: pointer;
}

.modal__close .overlay .popup .close-popup:before {
  content: '';
  background-color: #000;
  position: absolute;
  height: 2px;
  width: 31px;
  top: 11px;
  left: -4px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.modal__close .overlay .popup .close-popup:after {
  content: '';
  background-color: #000;
  position: absolute;
  height: 2px;
  width: 31px;
  top: 11px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: -4px;
}

.modal__close .scroll-up {
  width: 130px;
  height: 100vh;
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #fcfcfc;
  color: #aaa;
  font-size: 13px;
  text-align: center;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: background .2s ease;
  transition: background .2s ease;
  display: none;
}

.modal__close .scroll-up:hover {
  background-color: #eeeeee;
  color: #777777;
}

.spinner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  z-index: 102;
  height: 14px;
  width: 18px;
  margin: 14px 20px;
}

@media (min-width: 320px) {
  .spinner {
    display: block;
  }
}

@media (min-width: 1050px) {
  .spinner {
    display: none;
  }
}

.spinner .spinner-line {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  height: 2px;
  width: 35px;
  background-color: #0087c8;
}

.spinner .horizontal {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
}

.spinner .diagonal.part-1 {
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
}

.spinner .diagonal.part-2 {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
}

.spinner .spinner-line.active.horizontal {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  margin-top: 0;
}

.spinner .spinner-line.active.diagonal.part-1 {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  margin-top: 6px;
}

.spinner .spinner-line.active.diagonal.part-2 {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin-top: -4px;
}

.burger__menu {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  overflow: auto;
  z-index: 101;
  position: absolute;
  display: none;
  background-color: rgba(71, 72, 73, 0.93);
  width: 250px;
  height: 100%;
  top: 0;
  right: 0;
  margin: auto;
}

.burger__menu h4 {
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.burger__menu .site-navigation {
  -webkit-transition: 0s;
  transition: 0s;
  margin-top: 130px;
  margin-left: 40px;
}

.burger__menu .site-navigation a {
  color: #0087c8;
  text-decoration: none;
}

.burger__menu .site-navigation .burger__buttons {
  margin-bottom: 20px;
}

.burger__menu img {
  max-width: 200px;
  padding: 30px;
}

header {
  max-width: 1305px;
  margin: auto;
  padding: 0 10px;
  /* header */
}

@media (min-width: 1025px) {
  header {
    padding: 0;
  }
}

header .other_langs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0;
}

@media (min-width: 320px) {
  header .other_langs {
    font-size: 10px;
  }
}

@media (min-width: 1050px) {
  header .other_langs {
    padding: 10px 15px 0 0;
    font-size: 20px;
  }
}

header .other_langs .other_langs--name {
  margin-left: 10px;
}

header .other_langs .other_langs--name a {
  color: #0087c8;
  text-decoration: none;
  border: 1px solid #0087c8;
  padding: 5px;
}

header .other_langs .other_langs--name a:hover {
  color: #ffffff;
  background: #0087c8;
}

header .other_langs .lang__active a {
  color: #ffffff;
  background: #0087c8;
}

header .header-conteiner {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto;
  padding: 0 15px 5px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 320px) {
  header .header-conteiner .main-header-logo img {
    width: 130px;
  }
}

@media (min-width: 720px) {
  header .header-conteiner .main-header-logo img {
    width: 300px;
  }
}

header .header-conteiner .navigation {
  margin-left: auto;
  text-transform: uppercase;
}

@media (min-width: 320px) {
  header .header-conteiner .navigation {
    display: none;
  }
}

@media (min-width: 1050px) {
  header .header-conteiner .navigation {
    display: block;
  }
}

header .header-conteiner .navigation .navigation__list a {
  color: #7b858c;
  text-decoration: none;
}

header .header-conteiner .navigation .navigation__list li {
  cursor: pointer;
  font-size: 16px;
  border-radius: 35px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

header .header-conteiner .navigation .navigation__list li:hover, header .header-conteiner .navigation .navigation__list li:focus {
  background-color: rgba(71, 72, 73, 0.3);
}

header .header-conteiner .navigation .navigation__list li:hover a, header .header-conteiner .navigation .navigation__list li:focus a {
  color: #ffffff;
}

header .header-conteiner .navigation .navigation__list li a {
  padding: 0 15px;
}

@media (min-width: 320px) {
  header .header-conteiner .contacts {
    display: none;
  }
}

@media (min-width: 1024px) {
  header .header-conteiner .contacts {
    margin-left: auto;
  }
}

@media (min-width: 1035px) {
  header .header-conteiner .contacts {
    margin-left: 0;
  }
}

@media (min-width: 1050px) {
  header .header-conteiner .contacts {
    display: block;
  }
}

header .header-conteiner .contacts .contacts__list a {
  color: #0087c8;
  text-decoration: none;
}

header .header-conteiner .contacts .contacts__list li {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  cursor: pointer;
  font-size: 16px;
  border-radius: 35px;
  padding: 10px 20px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

header .header-conteiner .contacts .contacts__list li:hover, header .header-conteiner .contacts .contacts__list li:focus {
  background-color: rgba(71, 72, 73, 0.3);
}

header .header-conteiner .contacts .contacts__list li:hover a, header .header-conteiner .contacts .contacts__list li:focus a {
  color: #ffffff;
}

header .header-conteiner .contacts .contacts__list li:nth-last-child(1) {
  border: 2px solid #0087c8;
  color: #0087c8;
  text-transform: uppercase;
  border-radius: 35px;
  padding: 15px 28px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  opacity: 1;
}

header .header-conteiner .contacts .contacts__list li:nth-last-child(1) a {
  color: #0087c8;
}

header .header-conteiner .contacts .contacts__list li:nth-last-child(1):hover, header .header-conteiner .contacts .contacts__list li:nth-last-child(1):focus {
  background-color: #0087c8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  color: #ffffff;
}

header .header-conteiner .contacts .contacts__list li:nth-last-child(1):hover a, header .header-conteiner .contacts .contacts__list li:nth-last-child(1):focus a {
  color: #ffffff;
}

header .header-conteiner .contacts .contacts__list .reCall {
  margin-left: 15px;
}

header .header-conteiner .navigation__list__active,
header .header-conteiner .contacts__list__active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main {
  max-width: 1305px;
  margin: auto;
  padding: 0 10px;
  /* <!-- promoution -->   */
  /* <!-- products owl-carousel -->  */
  /* <!-- range / range__popUp / individual-orders / about-us-->  */
  /* <!-- range -->  */
  /* <!-- range__popUp -->  */
  /* <!-- individual-orders -->  */
  /* <!-- about-us-->  */
  /* <!-- news owl-carousel-news -->  */
}

@media (min-width: 1025px) {
  main {
    padding: 0;
  }
}

main .promoution {
  background-image: url(../images/bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  max-height: 660px;
  margin: auto;
  max-width: 1205px;
}

@media (min-width: 320px) {
  main .promoution {
    background-position: bottom;
  }
}

@media (min-width: 667px) {
  main .promoution {
    background-position: right;
  }
}

main .promoution h1 {
  font-weight: bold;
  color: #0087c8;
  padding-left: 20px;
  text-transform: uppercase;
}

@media (min-width: 320px) {
  main .promoution h1 {
    font-size: 25px;
    line-height: 30px;
  }
}

@media (min-width: 813px) {
  main .promoution h1 {
    font-size: 70px;
    line-height: 100px;
  }
}

main .promoution h3 {
  text-transform: uppercase;
  color: #ffffff;
  padding-left: 20px;
}

@media (min-width: 320px) {
  main .promoution h3 {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (min-width: 813px) {
  main .promoution h3 {
    font-size: 20px;
    line-height: 30px;
  }
}

main .promoution p {
  color: #7b858c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-transform: uppercase;
}

@media (min-width: 320px) {
  main .promoution p {
    font-size: 14px;
    line-height: 16px;
    padding: 0 15px;
  }
}

@media (min-width: 814px) {
  main .promoution p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 200;
    padding: 0;
  }
}

main .products {
  margin: auto;
  padding-bottom: 30px;
  max-width: 1205px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media (min-width: 375px) {
  main .products .owl-stage {
    margin-left: 33px;
  }
}

@media (min-width: 730px) {
  main .products .owl-stage {
    margin-left: 15px;
  }
}

@media (min-width: 800px) {
  main .products .owl-stage {
    margin-left: 30px;
  }
}

@media (min-width: 813px) {
  main .products .owl-stage {
    margin-left: 0;
  }
}

main .products .owl-nav,
main .products .owl-dots {
  display: none;
}

@media (min-width: 320px) {
  main .products .manufacture,
  main .products .agrochemicals,
  main .products .food-fluid,
  main .products .industrial-fluid,
  main .products .household-chemicals,
  main .products .auto-chemicals,
  main .products .medical_indastry {
    max-width: 300px;
    min-height: 350px;
    margin-bottom: 0;
  }
}

@media (min-width: 550px) {
  main .products .manufacture,
  main .products .agrochemicals,
  main .products .food-fluid,
  main .products .industrial-fluid,
  main .products .household-chemicals,
  main .products .auto-chemicals,
  main .products .medical_indastry {
    max-width: 230px;
    min-height: 300px;
    margin-bottom: 0;
  }
}

@media (min-width: 730px) {
  main .products .manufacture,
  main .products .agrochemicals,
  main .products .food-fluid,
  main .products .industrial-fluid,
  main .products .household-chemicals,
  main .products .auto-chemicals,
  main .products .medical_indastry {
    max-width: 320px;
  }
}

main .products .manufacture h3,
main .products .agrochemicals h3,
main .products .food-fluid h3,
main .products .industrial-fluid h3,
main .products .household-chemicals h3,
main .products .auto-chemicals h3,
main .products .medical_indastry h3 {
  height: 66px;
  font-weight: bold;
  color: #0087c8;
  text-align: center;
  line-height: 30px;
  text-transform: uppercase;
}

@media (min-width: 320px) {
  main .products .manufacture h3,
  main .products .agrochemicals h3,
  main .products .food-fluid h3,
  main .products .industrial-fluid h3,
  main .products .household-chemicals h3,
  main .products .auto-chemicals h3,
  main .products .medical_indastry h3 {
    font-size: 20px;
    padding-top: 20px;
  }
}

@media (min-width: 813px) {
  main .products .manufacture h3,
  main .products .agrochemicals h3,
  main .products .food-fluid h3,
  main .products .industrial-fluid h3,
  main .products .household-chemicals h3,
  main .products .auto-chemicals h3,
  main .products .medical_indastry h3 {
    font-size: 24px;
    padding-top: 0px;
  }
}

main .products .manufacture .picture__conteiner,
main .products .agrochemicals .picture__conteiner,
main .products .food-fluid .picture__conteiner,
main .products .industrial-fluid .picture__conteiner,
main .products .household-chemicals .picture__conteiner,
main .products .auto-chemicals .picture__conteiner,
main .products .medical_indastry .picture__conteiner {
  background-color: #ffffff;
  border: 3px solid #0087c8;
  border-radius: 50%;
  width: 260px;
  height: 260px;
  margin: auto;
}

@media (min-width: 320px) {
  main .products .manufacture .picture__conteiner,
  main .products .agrochemicals .picture__conteiner,
  main .products .food-fluid .picture__conteiner,
  main .products .industrial-fluid .picture__conteiner,
  main .products .household-chemicals .picture__conteiner,
  main .products .auto-chemicals .picture__conteiner,
  main .products .medical_indastry .picture__conteiner {
    width: 200px;
    height: 200px;
  }
}

@media (min-width: 550px) {
  main .products .manufacture .picture__conteiner,
  main .products .agrochemicals .picture__conteiner,
  main .products .food-fluid .picture__conteiner,
  main .products .industrial-fluid .picture__conteiner,
  main .products .household-chemicals .picture__conteiner,
  main .products .auto-chemicals .picture__conteiner,
  main .products .medical_indastry .picture__conteiner {
    width: 200px;
    height: 200px;
  }
}

main .products .manufacture .picture__conteiner img,
main .products .agrochemicals .picture__conteiner img,
main .products .food-fluid .picture__conteiner img,
main .products .industrial-fluid .picture__conteiner img,
main .products .household-chemicals .picture__conteiner img,
main .products .auto-chemicals .picture__conteiner img,
main .products .medical_indastry .picture__conteiner img {
  width: 56%;
  display: block;
  margin: auto;
  margin-top: 15%;
}

main .products .manufacture img {
  width: 45%;
}

main .range,
main .range__popUp,
main .individual-orders,
main .about-us,
main .news__title {
  max-width: 1200px;
  margin: auto;
  margin-bottom: 30px;
}

main .range h3,
main .range__popUp h3,
main .individual-orders h3,
main .about-us h3,
main .news__title h3 {
  font-weight: bold;
  color: #0087c8;
  margin: 0;
  padding: 10px;
  text-transform: uppercase;
}

@media (min-width: 320px) {
  main .range h3,
  main .range__popUp h3,
  main .individual-orders h3,
  main .about-us h3,
  main .news__title h3 {
    font-size: 20px;
    line-height: 18px;
    text-align: center;
  }
}

@media (min-width: 813px) {
  main .range h3,
  main .range__popUp h3,
  main .individual-orders h3,
  main .about-us h3,
  main .news__title h3 {
    font-size: 30px;
    line-height: 14px;
  }
}

main .range p,
main .range__popUp p,
main .individual-orders p,
main .about-us p,
main .news__title p {
  color: #7b858c;
  text-transform: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

main .range .flex__conteiner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .range .flex__conteiner p {
  margin: 30px 0;
  padding-left: 15px;
}

@media (min-width: 320px) {
  main .range .flex__conteiner p {
    font-size: 14px;
    line-height: 16px;
    font-weight: 100;
    width: 100%;
    padding: 0 15px;
  }
}

@media (min-width: 730px) {
  main .range .flex__conteiner p {
    padding: 0;
    width: 50%;
    /* iphone 7+  */
  }
}

@media (min-width: 813px) {
  main .range .flex__conteiner p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 200;
    padding: 0;
    width: 50%;
  }
}

main .range .flex__conteiner .range__picture {
  margin: auto;
  margin-bottom: 30px;
}

@media (min-width: 320px) {
  main .range .flex__conteiner .range__picture {
    width: 100%;
  }
}

@media (min-width: 730px) {
  main .range .flex__conteiner .range__picture {
    /* iPhone 7+  */
    width: 50%;
  }
}

@media (min-width: 812px) {
  main .range .flex__conteiner .range__picture {
    width: 50%;
    margin: auto;
  }
}

main .range .flex__conteiner .range__picture img {
  margin: auto;
  display: block;
  width: 80%;
}

main .range button.range__popUp--button {
  cursor: pointer;
  outline: none;
  color: #0087c8;
  border: 2px solid #0087c8;
  color: #0087c8;
  text-transform: uppercase;
  border-radius: 35px;
  padding: 15px 28px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  opacity: 1;
}

main .range button.range__popUp--button a {
  color: #0087c8;
}

main .range button.range__popUp--button:hover, main .range button.range__popUp--button:focus {
  background-color: #0087c8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  color: #ffffff;
}

main .range button.range__popUp--button:hover a, main .range button.range__popUp--button:focus a {
  color: #ffffff;
}

@media (min-width: 730px) {
  main .range button.range__popUp--button {
    margin: 0;
  }
}

main .range__popUp {
  display: none;
}

main .range__popUp .range__popUp--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 320px) {
  main .range__popUp .range__popUp--list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (min-width: 600px) {
  main .range__popUp .range__popUp--list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

main .range__popUp .range__popUp--list .range__popUp--item {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 285px;
  height: 425px;
  position: relative;
  margin: 5px;
  margin-bottom: 10px;
}

@media (min-width: 600px) {
  main .range__popUp .range__popUp--list .range__popUp--item {
    margin: 2px 2px;
  }
}

@media (min-width: 600px) {
  main .range__popUp .range__popUp--list .range__popUp--item {
    margin: 5px 15px;
  }
}

@media (min-width: 730px) {
  main .range__popUp .range__popUp--list .range__popUp--item {
    margin: 10px 30px;
  }
}

@media (min-width: 768px) {
  main .range__popUp .range__popUp--list .range__popUp--item {
    margin: 10px 35px;
  }
}

@media (min-width: 900px) {
  main .range__popUp .range__popUp--list .range__popUp--item {
    margin: 5px 4px;
  }
}

@media (min-width: 1024px) {
  main .range__popUp .range__popUp--list .range__popUp--item {
    margin: 5px 20px;
  }
}

@media (min-width: 1200px) {
  main .range__popUp .range__popUp--list .range__popUp--item {
    margin: 10px 5px;
  }
}

@media (min-width: 1400px) {
  main .range__popUp .range__popUp--list .range__popUp--item {
    margin: 10px 7px;
  }
}

main .range__popUp .range__popUp--list .range__popUp--item .front-face,
main .range__popUp .range__popUp--list .range__popUp--item .back-face {
  position: absolute;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  border: 3px solid #0087c8;
  border-radius: 30px;
  background-color: #7b858c;
}

main .range__popUp .range__popUp--list .range__popUp--item .back-face p {
  text-align: center;
  margin: 10px 0 5px 0;
  text-transform: uppercase;
  color: #0087c8;
}

main .range__popUp .range__popUp--list .range__popUp--item .back-face table {
  width: 100%;
}

main .range__popUp .range__popUp--list .range__popUp--item .back-face table td {
  color: #000;
  font-size: 14px;
  text-transform: none;
  text-align: left;
  padding-left: 10px;
}

main .range__popUp .range__popUp--list .range__popUp--item .back-face table td:nth-child(2n) {
  text-align: right;
  padding-right: 10px;
  padding-left: 0px;
}

main .range__popUp .range__popUp--list .range__popUp--item .front-face {
  padding-left: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: linear-gradient(45deg, #020006, #0f2035, #172e49);
}

main .range__popUp .range__popUp--list .range__popUp--item .front-face h4 {
  margin: 30px 0 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #0087c8;
}

main .range__popUp .range__popUp--list .range__popUp--item .front-face .product-photo {
  height: 350px;
  width: 285px;
  margin-left: -45px;
}

main .range__popUp .range__popUp--list .range__popUp--item .front-face .product-photo img {
  display: block;
  height: 80%;
  margin: auto;
  padding-top: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}

main .range__popUp .range__popUp--list .range__popUp--item .front-face .product-photo .BP0025 {
  height: 60%;
  padding-top: 50px;
}

main .range__popUp .range__popUp--item.hover .front-face {
  -webkit-transition: 2s;
  transition: 2s;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

main .range__popUp .range__popUp--item.hover .back-face {
  -webkit-transition: 2s;
  transition: 2s;
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}

main .range__popUp .range__popUp--item.hover__back .front-face {
  -webkit-transition: 2s;
  transition: 2s;
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}

main .range__popUp .range__popUp--item.hover__back .back-face {
  -webkit-transition: 2s;
  transition: 2s;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

main .modal-show {
  display: block;
}

main .individual-orders h3 {
  line-height: 30px;
  padding: 0;
}

@media (min-width: 812px) {
  main .individual-orders h3 {
    padding: 10px;
  }
}

main .individual-orders .flex__conteiner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .individual-orders .flex__conteiner p {
  margin: 30px 0;
}

@media (min-width: 320px) {
  main .individual-orders .flex__conteiner p {
    font-size: 14px;
    line-height: 16px;
    font-weight: 100;
    width: 100%;
    padding: 0 15px;
  }
}

@media (min-width: 730px) {
  main .individual-orders .flex__conteiner p {
    padding: 0;
    width: 50%;
    /* iphone 7+  */
  }
}

@media (min-width: 813px) {
  main .individual-orders .flex__conteiner p {
    width: 50%;
    font-size: 20px;
    line-height: 28px;
    font-weight: 200;
  }
}

main .individual-orders .flex__conteiner .individual-orders__picture {
  margin: auto;
}

@media (min-width: 320px) {
  main .individual-orders .flex__conteiner .individual-orders__picture {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (min-width: 730px) {
  main .individual-orders .flex__conteiner .individual-orders__picture {
    /* iphone 7+  */
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 50%;
  }
}

main .individual-orders .flex__conteiner .individual-orders__picture img {
  width: 80%;
  margin: auto;
  display: block;
}

@media (min-width: 768px) {
  main .individual-orders .flex__conteiner .individual-orders__picture img {
    width: 60%;
  }
}

@media (min-width: 1024px) {
  main .individual-orders .flex__conteiner .individual-orders__picture img {
    width: 80%;
  }
}

main .about-us .flex__conteiner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

main .about-us .flex__conteiner p,
main .about-us .flex__conteiner h2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

@media (min-width: 320px) {
  main .about-us .flex__conteiner p,
  main .about-us .flex__conteiner h2 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 100;
    padding: 0 15px;
  }
}

@media (min-width: 813px) {
  main .about-us .flex__conteiner p,
  main .about-us .flex__conteiner h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 200;
    padding: 0;
  }
}

main .about-us .flex__conteiner h2 {
  color: #7b858c;
  width: 100%;
  margin: 0 0 10px 0;
}

@media (min-width: 1024px) {
  main .about-us .flex__conteiner h2 {
    margin: 0;
  }
}

main .about-us .flex__conteiner ul.about-us--reasons {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  list-style: circle;
  margin: 0;
  color: #7b858c;
}

@media (min-width: 320px) {
  main .about-us .flex__conteiner ul.about-us--reasons {
    font-size: 14px;
    line-height: 16px;
    font-weight: 100;
    width: 100%;
    padding: 0 15px;
  }
}

@media (min-width: 510px) {
  main .about-us .flex__conteiner ul.about-us--reasons {
    margin-bottom: 20px;
  }
}

@media (min-width: 813px) {
  main .about-us .flex__conteiner ul.about-us--reasons {
    font-size: 20px;
    line-height: 28px;
    font-weight: 200;
    width: 45%;
    padding: 0;
  }
}

main .about-us .flex__conteiner ul.about-us--reasons li {
  color: #7b858c;
}

main .about-us .flex__conteiner ul.about-us--reasons li:nth-last-child(1) {
  list-style: none;
}

@media (min-width: 1200px) {
  main .about-us .flex__conteiner ul.about-us--reasons li:nth-last-child(1) {
    margin-left: -50px;
  }
}

main .about-us .flex__conteiner .about-us__picture {
  display: none;
  max-height: 308px;
}

@media (min-width: 737px) {
  main .about-us .flex__conteiner .about-us__picture {
    display: block;
  }
}

main .about-us .flex__conteiner .about-us__picture img {
  max-height: 308px;
  height: 100%;
  margin: auto;
}

main .news__title--picture {
  padding: 30px 0;
}

main .news__title--picture img {
  width: 100%;
}

main .news {
  margin: auto;
  max-width: 1205px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media (min-width: 900px) {
  main .news {
    margin-bottom: 30px;
  }
}

main .news .owl-nav {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  border: 2px solid #0087c8;
  border-radius: 35px;
  padding: 10px 28px 8px;
  width: 100px;
  margin: auto;
  margin-top: 20px;
}

@media (min-width: 730px) {
  main .news .owl-nav {
    margin: 20px 0 0 0;
  }
}

main .news .slider_nav-left {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  background-image: url("../images/left-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 15px;
  cursor: pointer;
  outline: none;
}

main .news .slider_nav-right {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  background-image: url("../images/right-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  outline: none;
}

main .news .slider_nav-left span,
main .news .slider_nav-right span {
  display: none;
}

main .news .news__item {
  width: 100%;
  min-height: 420px;
  margin: auto;
}

main .news .news__item .news_picture {
  height: 240px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .news .news__item .news_picture img {
  -o-object-fit: cover;
     object-fit: cover;
}

main .news .news__item h2 {
  font-weight: bold;
  height: 30px;
  color: #0087c8;
  margin: 0;
  padding: 20px 10px 0 10px;
  text-transform: uppercase;
}

@media (min-width: 320px) {
  main .news .news__item h2 {
    font-size: 16px;
    line-height: 18px;
  }
}

@media (min-width: 813px) {
  main .news .news__item h2 {
    font-size: 20px;
    line-height: 26px;
  }
}

main .news .news__item p {
  color: #7b858c;
  text-transform: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 200px;
  overflow: auto;
  margin-bottom: 20px;
}

@media (min-width: 320px) {
  main .news .news__item p {
    font-size: 14px;
    line-height: 16px;
    font-weight: 100;
    padding: 0;
  }
}

@media (min-width: 813px) {
  main .news .news__item p {
    padding: 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 200;
  }
}

main .news .news__item time {
  text-transform: uppercase;
  padding: 20px 10px;
  color: #0087c8;
}

@media (min-width: 320px) {
  main .news .news__item time {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  main .news .news__item time {
    font-size: 18px;
  }
}

/* <!-- FOOTER -->  */
.main-footer {
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  margin-bottom: 30px;
  width: 100%;
  margin: auto;
}

@media (min-width: 500px) {
  .main-footer {
    padding-top: 0;
  }
}

@media (min-width: 570px) {
  .main-footer {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

@media (min-width: 813px) {
  .main-footer {
    margin-bottom: 60px;
  }
}

.main-footer .main-footer-conteiner {
  color: #0087c8;
  text-transform: none;
  display: block;
}

@media (min-width: 500px) {
  .main-footer .main-footer-conteiner {
    padding-top: 0;
  }
}

@media (min-width: 730px) {
  .main-footer .main-footer-conteiner {
    width: 40%;
  }
}

.main-footer .main-footer-conteiner h3 {
  font-weight: bold;
}

@media (min-width: 320px) {
  .main-footer .main-footer-conteiner h3 {
    font-size: 16px;
    line-height: 18px;
  }
}

@media (min-width: 813px) {
  .main-footer .main-footer-conteiner h3 {
    font-size: 22px;
    line-height: 24px;
  }
}

.main-footer .main-footer-conteiner p {
  font-weight: bold;
}

@media (min-width: 320px) {
  .main-footer .main-footer-conteiner p {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (min-width: 813px) {
  .main-footer .main-footer-conteiner p {
    font-size: 18px;
    line-height: 30px;
  }
}

.main-footer .main-footer-conteiner a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

@media (min-width: 320px) {
  .main-footer .map {
    height: 400px;
    margin-bottom: 60px;
  }
}

@media (min-width: 568px) {
  .main-footer .map {
    width: 500px;
    margin-bottom: 30px;
  }
}

@media (min-width: 667px) {
  .main-footer .map {
    width: 300px;
    height: auto;
    margin-bottom: 0;
  }
}

@media (min-width: 736px) {
  .main-footer .map {
    width: 400px;
  }
}

@media (min-width: 1024px) {
  .main-footer .map {
    width: 500px;
  }
}

@media (min-width: 1200px) {
  .main-footer .map {
    width: 600px;
  }
}

.main-footer .map img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.modal-show {
  display: block;
}
/*# sourceMappingURL=all.css.map */