* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Quarion-Book";
}
a,
a:hover {
  text-decoration: none;
}

.container {
  max-width: 1440px;
}
.wrapper {
  padding-top: 80px;
}
header {
  background-color: #ffffff;
  width: 100%;
  position: fixed;
  z-index: 11;
  top: 0;
  box-shadow: 5px 3px 7px rgba(172, 170, 170, 0.16);
}
.nav_main {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav_logo {
  /*max-width: 178px;*/
  /*max-height: 31px;*/
}
.nav_logo a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 45px;
  color: rgb(198, 62, 63);
  line-height: 0.667;
}
.nav_logo img {
  width: auto;
  height: 64px;
}
.menu {
  display: flex;
}
.menu li {
  padding: 0 20px;
}
.menu li a {
  font-size: 16px;
  color: rgb(36, 36, 36);
  line-height: 1.875;
  text-decoration: none;
  transition: all 0.1s ease-in-out;
}
.menu li a:hover {
  color: rgb(198, 62, 63);
  font-weight: bold;
}
.nav_menu {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.nav_menu ul {
  display: flex;
  align-items: center;
  list-style: none;
  justify-content: flex-end;
  width: 100%;
  margin-top: 15px;
}
.lang_main {
  display: flex;
  align-items: center;
}
.lang_main__boder {
  background-color: rgb(195, 195, 195);
  width: 1px;
  height: 30px;
}
.lang_main button span {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: rgb(36, 36, 36);
  line-height: 1.875;
}
.lang_main button span i {
  margin-left: 10px;
}
.lang {
  margin-right: 20px;
}
.lang_search {
  display: flex;
  align-items: center;
}
.search img {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}
.phone{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.phone a span {
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 18px;
  color: rgb(36, 36, 36);
  line-height: 1.667;
  white-space: nowrap;
  font-family: "Quarion-Medium";
}
.phone a span i {
  margin-right: 10px;
  color: rgb(198, 62, 63);
  font-size: 18px;
}
.phone a:nth-child(2) span i{
  font-size: 23px;
}
.dropdown button {
  color: white;
}
.dropdown button:hover {
  color: white;
}
.lang .dropdown-menu {
  min-width: 100%;
  border: 0;
  padding: 0;
  background: #ffffff;
}
.dropdown-item:focus, .dropdown-item:hover{
  background-color: rgb(198, 62, 63);
}
.lang .dropdown-menu .dropdown-item {
  padding: 0.25rem 1rem;
}
.lang_main .btn {
  background: transparent;
  outline: none;
  box-shadow: none;
}
.main_carousel_one {
}
.main_carousel_one_item {
  /*position: relative;*/
}
.main_carousel_one_item:after {
  /*content: "";*/
  /*width: 100%;*/
  /*background: #000;*/
  /*opacity: 0.5;*/
  /*position: absolute;*/
  /*left: 0;*/
  /*top: 0;*/
  /*bottom: 0;*/
  /*right: 0;*/
  /*height: 100%;*/
}
.carousel_one_items .container{
  display: none;
}
.carousel_one_items {
  position: absolute;
  width: 100%;
  bottom: 50%;
  transform: translateY(50%);
  z-index: 1;
  color: #ffffff;
}
.carousel_one_items .container > * {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}
.owl-item.active .container > * {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}

.owl-item.active .container > *:nth-child(1) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.owl-item.active .container > *:nth-child(2) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.owl-item.active .container > *:nth-child(3) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

.owl-item.active .container > *:nth-child(4) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.carousel_one_item_img {
  width: 100%;
  height: 690px;
  position: relative;
}
.carousel_one_item_img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.carousel_one_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.carousel_one_item_img::after {
  content: "";
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  /* display: none;
}

.carousel_one_items_title h1 {
text-align: left;
font-size: 55px;
color: rgb(36, 36, 36);
font-family: "Quarion-Medium";
/*line-height: 0.545;*/
}
.carousel_one_items_text {
  width: 40%;
  margin-bottom: 65px;
}
.carousel_one_items_text span {
  text-align: left;
  font-size: 22px;
  color: rgb(36, 36, 36);
}
.carousel_one_items_more span img {
  margin-left: 10px;
  width: 20px !important;
  height: 20px;
  margin-left: 10px;
}
.carousel_one_items_more span {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.carousel_one_items a.btn {
  max-width: 150px;
  height: 40px;
  color: #ffffff;
  border: 0;
  box-shadow: none;
  outline: none;
  font-size: 16px;
  line-height: 20px;
  border-color: rgb(198, 62, 63);
  border-style: solid;
  border-radius: 17px;
  background-color: rgb(198, 62, 63);
}
.owl_one .owl-dots {
  width: 100%;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
}
.owl_one .owl-dots button.active span {
  width: 15px !important;
  height: 6px !important;
  border-width: 1px;
  border-color: rgb(198, 62, 63);
  border-style: solid;
  background-color: rgb(198, 62, 63) !important;
}
.owl_one .owl-dots button span {
  width: 15px !important;
  height: 6px !important;
  background-color: #d3d3d3 !important;
}
.owl_one .owl-dots button:focus {
  outline: none;
}

.owl_one .owl-nav {
  width: 100%;
  margin: 0;
}
.owl_one .owl-nav button:nth-child(1) {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 10px 0px rgba(91, 91, 91, 0.15);
  position: absolute;
  left: 6%;
  top: 50%;
  width: 45px;
  height: 45px;
  transform: rotate(45deg);
}
.owl_one .owl-nav button:nth-child(2) {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 10px 0px rgba(91, 91, 91, 0.15);
  position: absolute;
  right: 6%;
  top: 50%;
  width: 45px;
  height: 45px;
  transform: rotate(45deg);
}
.owl_one .owl-nav button i {
  display: block;
  color: rgb(198, 62, 63);
  font-size: 25px;
  transform: rotate(-45deg);
}
.owl_one .owl-nav button:focus {
  outline: none;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: white;
}
.about-home {
  padding: 90px 0;
}
.about-home__left {
  position: relative;
}
.about-home__left:before {
  content: "";
  position: absolute;
  background-image: url(../images/pointoint.png);
  width: 110px;
  height: 110px;
  bottom: -4%;
  left: -11%;
  z-index: -1;
  display: none;
}
.about-home__left h2 {
  display: none;
  position: absolute;
  /*transform: rotate(-90deg);*/
  left: -21%;
  top: 35%;
  font-size: 26px;
  color: rgb(206, 206, 206);
  line-height: 1.154;
  -moz-transform: matrix(0, -1, 1, 0, 0, 0);
  -webkit-transform: matrix(0, -1, 1, 0, 0, 0);
  -ms-transform: matrix(0, -1, 1, 0, 0, 0);
}
.about-home__img {
  min-width: 100%;
  height: 530px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.about-home__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.about-home__title h1 {
  font-size: 28px;
  font-family: "Quarion-Medium";
  color: rgb(36, 36, 36);
}
.about-home__info {
  font-size: 18px;
  color: rgb(36, 36, 36);
}
.about-home__bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.about_bottom__item {
  display: flex;
  flex-direction: column;
}
.about-text {
  padding-top: 60px;
}
.bottom_item__img {
  padding: 5px;
}
.bottom_item__img span {
  display: block;
  font-size: 70px;
  color: rgb(198, 62, 63);
}
.bottom_item__img span:before {
  border-bottom: 2px solid #e5e5e5;
  padding: 5px;
}
.bottom_item__title {
  font-size: 16px;
  color: rgb(55, 56, 57);
  line-height: 20px;
  margin-top: 10px;
}

.products-home {
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}
.products-home:after {
  content: "";
  background-image: url(../images/detskiwpris.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  bottom: 0;
  width: 380px;
  height: 520px;
}
.products-home:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 60px;
  background-color: #fff9f2;
  width: 30%;
  height: 410px;
}

.product_info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 45px;
}

.product_info:before {
  content: "";
  position: absolute;
  background-image: url(../images/pointoint.png);
  width: 110px;
  height: 110px;
  bottom: -7%;
  right: -1%;
  z-index: -1;
}

.product_info p {
  font-size: 17px;
  font-family: "Quarion-Medium";
  color: rgb(102, 106, 107);
  /*width: 225px;*/
}
.product_info__more {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(198, 62, 63);
  width: 191px;
  height: 34px;
  font-size: 16px;
  color: rgb(255, 255, 255);
  border-radius: 17px;
  overflow: hidden;
}
a.product_info__more:hover {
  color: white;
}
.product_info__more img {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.carousel_title {
  padding: 20px 0;
  /*position: relative;*/
}
/*.carousel_title:after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    background-image: url(../images/pointoint1.png);*/
/*    width: 110px;*/
/*    height: 110px;*/
/*    top: 11%;*/
/*    right: -5%;*/
/*    z-index: -1;*/
/*}*/
.carousel_title h1 {
  font-size: 28px;
  font-family: "Quarion-Medium";
  color: rgb(36, 36, 36);
  text-align: center;
}
.carouse_item {
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  display: block;
  /*margin: 5px;*/
  /*padding-bottom: 10px;*/
}
.carouse_item h2 {
  font-size: 18px;
  color: rgb(55, 56, 57);
  margin-top: 20px;
  margin-left: 10px;
}
.carouse_item__img {
  width: 100%;
  height: 320px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.carouse_item__img:before {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 400%;
  opacity: 0;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(hsla(0, 0%, 100%, 0.1)),
    color-stop(77%, hsla(0, 0%, 100%, 0.1)),
    color-stop(92%, hsla(0, 0%, 100%, 0.5)),
    to(hsla(0, 0%, 100%, 0))
  );
  background: -webkit-linear-gradient(
    left,
    hsla(0, 0%, 100%, 0.1),
    hsla(0, 0%, 100%, 0.1) 77%,
    hsla(0, 0%, 100%, 0.5) 92%,
    hsla(0, 0%, 100%, 0)
  );
  background: -moz-
    oldlinear-gradient(
      left,
      hsla(0, 0%, 100%, 0.1) 0,
      hsla(0, 0%, 100%, 0.1) 77%,
      hsla(0, 0%, 100%, 0.5) 92%,
      hsla(0, 0%, 100%, 0) 100%
    );
  background: -o-linear-gradient(
    left,
    hsla(0, 0%, 100%, 0.1) 0,
    hsla(0, 0%, 100%, 0.1) 77%,
    hsla(0, 0%, 100%, 0.5) 92%,
    hsla(0, 0%, 100%, 0) 100%
  );
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0.1) 0,
    hsla(0, 0%, 100%, 0.1) 77%,
    hsla(0, 0%, 100%, 0.5) 92%,
    hsla(0, 0%, 100%, 0)
  );
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 3;
}
.carouse_item:hover .carouse_item__img:before {
  opacity: 1;
  top: -146%;
  left: -40%;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.carouse_item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.carouse_item:hover .carouse_item__img img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.owl_two .owl-nav, .owl_three .owl-nav, .owl_four .owl-nav {
  width: 100%;
  margin: 0;
}
.owl_two .owl-nav button:nth-child(1), .owl_three .owl-nav button:nth-child(1), .owl_four .owl-nav button:nth-child(1) {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 10px 0px rgba(91, 91, 91, 0.15);
  position: absolute;
  left: -2.4%;
  top: 35%;
  width: 45px;
  height: 45px;
  transform: rotate(45deg);
  align-items: center;
  display: flex;
  justify-content: center;
}
.owl_two .owl-nav button:nth-child(2), .owl_three .owl-nav button:nth-child(2), .owl_four .owl-nav button:nth-child(2) {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 10px 0px rgba(91, 91, 91, 0.15);
  position: absolute;
  right: -2.4%;
  top: 35%;
  width: 45px;
  height: 45px;
  transform: rotate(45deg);
  align-items: center;
  display: flex;
  justify-content: center;
}
.owl_two .owl-nav button i, .owl_three .owl-nav button i, .owl_four .owl-nav button i {
  display: block;
  font-size: 20px;
  transform: rotate(-45deg);
  color: rgb(198, 62, 63);
}
.owl_two .owl-nav button:focus, .owl_three .owl-nav button:focus, .owl_four .owl-nav button:focus {
  outline: none;
}
.hygiene-home {
  position: relative;
  padding: 60px 0;
  overflow: hidden;
}
.hygiene-home:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 60px;
  background-color: #eef7fe;
  width: 30%;
  height: 467px;
}
.hygiene-home:after {
  content: "";
  background-image: url(../images/kidiiback.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  bottom: 8%;
  width: 275px;
  height: 470px;
}
.hygiene_info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 60px;
}
.hygiene_info p {
  font-size: 17px;
  font-family: "Quarion-Medium";
  color: rgb(102, 106, 107);
  /*width: 225px;*/
}
.cosmetic-home {
  padding: 60px 0;
  position: relative;
}
.cosmetic-home:after {
  content: "";
  background-image: url(../images/krem.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  bottom: 0;
  width: 320px;
  height: 545px;
}
.cosmetic-home:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 60px;
  background-color: #fff7fe;
  width: 30%;
  height: 467px;
}
.cosmetic_info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 42px;
}
.cosmetic_info:before {
  content: "";
  position: absolute;
  background-image: url(../images/pointoint1.png);
  width: 110px;
  height: 110px;
  bottom: -11%;
  right: -4%;
  z-index: -1;
}
.cosmetic_info p {
  font-size: 17px;
  font-family: "Quarion-Medium";
  color: rgb(102, 106, 107);
  /*width: 225px;*/
}

footer {
  background: #f5f5f5;
  padding: 50px 0 15px 0;
  margin-top: 75px;
  overflow: hidden;
  width: 100%;
}
.footer__logo {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-family: "Quarion-Medium", sans-serif;
  font-size: 45px;
  color: rgb(198, 62, 63);
}
.footer__logo img {
  width: auto;
  height: 64px;
}
.footer__social {
  padding: 15px 0;
}
.footer__social span {
  font-size: 16px;
  line-height: 23px;
  color: #fff;
}
.footer__social a span {
  font-size: 20px;
  color: rgb(198, 62, 63);
  margin-right: 5px;
}
ul.footer_nav {
  list-style: none;
}
ul.footer_nav li {
  margin-bottom: 10px;
}
ul.footer_nav li a {
  text-decoration: none;
  font-size: 16px;
  line-height: 23px;
  color: rgb(36, 36, 36);
  display: flex;
  align-items: center;
}
ul.footer_nav li img {
  width: 17px;
  height: 17px;
  margin-right: 10px;
}
.footer_contact h2 {
  font-size: 16px;
  font-family: "Quarion-Medium";
  color: rgb(198, 62, 63);
}
.footer_contact p, .footer_contact p a {
  font-size: 16px;
  color: rgb(36, 36, 36);
}
.work-time h2 {
  font-size: 16px;
  font-family: "Quarion-Medium";
  color: rgb(198, 62, 63);
}
.work-time p {
  font-size: 16px;
  color: rgb(36, 36, 36);
}
.copy span {
  font-size: 15px;
  color: rgb(36, 36, 36);
  line-height: 23px;
}
.company span {
  font-size: 16px;
  line-height: 23px;
  color: rgb(36, 36, 36);
}
.company span a {
  font-size: 16px;
  line-height: 23px;
  color: #c63e3f;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.company span a:hover {
  color: black;
  font-weight: bold;
}
.footer-copy {
  border-top: 1px solid rgb(216, 216, 216);
  padding-top: 15px;
}

/*---------------------------mobile menu----------------------------------*/

.navigatsiya input + label {
  position: absolute;
  top: 30px;
  right: 20px;
  height: 20px;
  width: 15px;
  z-index: 5;
}
.navigatsiya input + label span {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  left: 0;
  display: block;
  background: rgb(198, 62, 63);
  transition: 0.5s;
}
.navigatsiya input + label span:first-child {
  top: 3px;
}
.navigatsiya input + label span:last-child {
  top: 16px;
}
.navigatsiya label:hover {
  cursor: pointer;
}
.navigatsiya input:checked + label span {
  opacity: 0;
  top: 50%;
}
.navigatsiya input:checked + label span:first-child {
  opacity: 1;
  transform: rotate(405deg);
}
.navigatsiya input:checked + label span:last-child {
  opacity: 1;
  transform: rotate(-405deg);
}
.navigatsiya input ~ navi {
  background: white;
  position: fixed;
  top: -50%;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 3;
  transition: 0.5s;
  transition-delay: 0.5s;
  overflow: hidden;
}
.navigatsiya input ~ navi > ul {
  text-align: center;
  position: absolute;
  top: 65%;
  left: 20%;
  right: 20%;
  list-style: none;
}
.navigatsiya input ~ navi > ul > li {
  opacity: 0;
  transition: 0.5s;
  transition-delay: 0s;
}
.navigatsiya input ~ navi > ul > li > a {
  text-decoration: none;
  /*text-transform: uppercase;*/
  color: #020304;
  /*font-weight: 700;*/
  /*font-family: sans-serif;*/
  display: block;
  padding-top: 8px;
  font-size: 17px;
}
.navigatsiya input:checked ~ navi {
  height: 100%;
  transition-delay: 0s;
}
.navigatsiya input:checked ~ navi > ul > li {
  opacity: 1;
  transition-delay: 0.5s;
}
.navigatsiya input {
  display: none;
}
navi span {
  text-align: center;
  position: absolute;
  top: 56%;
  left: 25%;
  right: 25%;
  border-bottom: 1px solid rgb(198, 62, 63);
  font-size: 19px;
}
.lang_mobile {
  text-align: center;
  position: absolute;
  bottom: 5px;
  left: 22%;
  right: 20%;
  list-style: none;
}
.lang_mobile ul {
  display: flex;
  list-style: none;
  justify-content: center;
}
.lang_mobile ul li {
  margin-right: 15px;
}
.lang_mobile ul li a {
  color: #020304;
  font-weight: bold;
}

/* Pages */
.pages-header {
  position: relative;
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.pages-header::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
   background-color: rgba(0, 0, 0, 0.3);
}
.pages-header__title {
  position: relative;
  padding: 15px 0;
}
.pages-header__title h1 {
  color: white;
  font-family: "Quarion-Medium", sans-serif;
  font-size: 28px;
  line-height: 34px;
  margin: 0;
}

.pages {
  padding: 60px 0;
}
.sidebar-menu {
  width: 100%;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  padding: 30px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-bottom: 30px;
}
.sidebar-menu h2 {
  font-family: "Quarion-Medium", sans-serif;
  font-size: 19px;
  color: rgb(198, 62, 63);
  margin-bottom: 15px;
}
.sidebar-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar-menu ul li {
  padding: 6px 0;
}
.sidebar-menu ul li a {
  font-size: 17px;
  display: block;
  line-height: 21px;
  color: #313131;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  white-space: normal;
}
.sidebar-menu ul li.active a{
    color: #c63e3f;
}

/* Begin Home Partners */
.home-partners {
  padding: 30px 0 60px;
}
.partners-slider {
}
.home-partners .title {
  width: 100%;
  padding: 15px 0;
}
.home-partners .title h2 {
  font-size: 28px;
  font-family: "Quarion-Medium";
  color: rgb(36, 36, 36);
  text-align: center;
}
.partners-slider .item {
}
.partners-slider .item > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
}
.partners-slider .item > a img {
  width: auto;
  max-width: 160px;
  max-height: 60px;
}
#partners .owl-nav {
  width: 95px;
  height: 40px;
  background-color: rgb(198, 62, 63);
  display: flex;
  position: absolute;
  top: -68px;
  right: 0;
}
#partners .owl-nav .owl-prev,
#partners .owl-nav .owl-next {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  font-size: 19px;
  color: #ffffff;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
#partners .owl-nav .owl-prev::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 22px;
  right: 0;
  bottom: 50%;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  background-color: white;
}
/* End Home Partners */

.more_info{
  padding: 90px 0;
}
.more_info__left{
  width: 100%;
  height: auto;
}
.more_info__left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.more_info__right h1{
  font-size: 28px;
  font-family: "Quarion-Medium";
  color: rgb(36, 36, 36);
  /*text-align: center;*/
}
.content{
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  padding: 30px;
  min-height: 420px;
  font-size: 18px;
  color: #44494e;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.content a{
  text-decoration: none;
  color: rgb(36, 36, 36);;
}
.vakansii_left{
  min-width: 100%;
  height: 355px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.vakansii_left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Pagination */
.pagination{display: inline-block;}
.pagination-main{text-align: center;}
.pagination ul {
  list-style: none;
  margin: 0;
  padding: 15px 0;
  display: block;
  overflow: hidden;
}
.pagination ul li{
  float: left;
  margin: 0 7px;
}
.pagination ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  border-radius: 50%;
  background-color: rgb(238, 238, 238);
  width: 44px;
  height: 44px;
  color: #201d1d;
  font-family: "Quarion-Book", sans-serif;
}
.pagination ul li.active a{
  background-color: #c63e3f;
  color: #ffffff;
}
/* .pagination ul li.page a{color: #2f3941;} */
.pagination ul li.page a:hover{

}
.products_item {
  width: 100%;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  display: block;
  margin-bottom: 30px;
}
.products_item h2 {
  font-size: 18px;
  color: rgb(55, 56, 57);
  padding: 15px 0;
  margin: 0;
}
.products_item__img {
  width: 100%;
  height: 320px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.products_item__img:before {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 400%;
  opacity: 0;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(hsla(0, 0%, 100%, 0.1)),
          color-stop(77%, hsla(0, 0%, 100%, 0.1)),
          color-stop(92%, hsla(0, 0%, 100%, 0.5)),
          to(hsla(0, 0%, 100%, 0))
  );
  background: -webkit-linear-gradient(
          left,
          hsla(0, 0%, 100%, 0.1),
          hsla(0, 0%, 100%, 0.1) 77%,
          hsla(0, 0%, 100%, 0.5) 92%,
          hsla(0, 0%, 100%, 0)
  );
  background: -moz-
  oldlinear-gradient(
          left,
          hsla(0, 0%, 100%, 0.1) 0,
          hsla(0, 0%, 100%, 0.1) 77%,
          hsla(0, 0%, 100%, 0.5) 92%,
          hsla(0, 0%, 100%, 0) 100%
  );
  background: -o-linear-gradient(
          left,
          hsla(0, 0%, 100%, 0.1) 0,
          hsla(0, 0%, 100%, 0.1) 77%,
          hsla(0, 0%, 100%, 0.5) 92%,
          hsla(0, 0%, 100%, 0) 100%
  );
  background: linear-gradient(
          90deg,
          hsla(0, 0%, 100%, 0.1) 0,
          hsla(0, 0%, 100%, 0.1) 77%,
          hsla(0, 0%, 100%, 0.5) 92%,
          hsla(0, 0%, 100%, 0)
  );
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 3;
}
.products_item:hover .products_item__img:before {
  opacity: 1;
  top: -146%;
  left: -40%;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.products_item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.products_item:hover .products_item__img img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.products-main h1{
  font-size: 28px;
  font-family: "Quarion-Medium";
  color: rgb(36, 36, 36);
  text-align: center;
  padding: 20px 0;
}

.view-slide__item {
  display: block;
  width: 100%;
  /*height: 480px;*/
}
.view-slide__item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.images-slider .owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 10px;
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.images-slider .owl-theme .owl-dots .owl-dot{
  outline: none;
}
.images-slider .owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  background: transparent;
  border: 1px solid #c63e3f;
}
.images-slider .owl-theme .owl-dots .owl-dot.active span{
  background: #c63e3f;
}


/* Shungacha */

/*****************************Loader************************/
/* loader-42 */
.loader {
  position: fixed;
  display: block;
  height: 100vh; width: 100%;
  min-height: 250px;
  float: left;
  z-index: 100;
  /*border: 2px solid #fff;*/
  background-color: rgb(240,240,241);
  overflow: hidden;
}

.loader-42 {
  background-color: #084d3b;
}
.loader-42 .loader-holder {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 202px; height: 202px;
  overflow: hidden;
}
.load.hide {
	 opacity:0;
	visibility:hidden
}
.loader-42 .loader-container {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 200px; height: 200px;
  border: 2px solid rgba(235,235,236,0.1);
}
.loader-42 .loader-container::before,
.loader-42 .loader-container::after {
  position: absolute;
  content: "";
  display: block;
  width: 40px; height: 0;
}
.loader-42 .loader-container::before {
  top: 0; right: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translate(-198px, -2px);
  animation: spinBefore42 2s infinite linear;
}
.loader-42 .loader-container::after {
  bottom: 0; left: 0;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: translate(200px, 2px);
  animation: spinAfter42 2s 0.9s infinite linear;
}
.loader-42 p {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  font-size: 35px;
  letter-spacing: 3px;
  color: #fff;
}

.loader-title img{
  width: 120px;
  height: auto;
}

@keyframes spinBefore42 {
  0%   { transform: translate(-198px, -3px);  width: 70px; height: 0;  }
  20%  { transform: translate(3px, -3px);  width: 70px; height: 0; }
  25%  { transform: translate(3px, -3px);  width: 0; height: 60px; }
  50%  { transform: translate(3px, 199px); width: 0; height: 40px; }
  100% { transform: translate(3px, 199px); width: 0; height: 40px; }
}
@keyframes spinAfter42 {
  0%   { transform: translate(198px, 3px); width: 40px; height: 0;  }
  20%  { transform: translate(-3px, 3px); width: 40px; height: 0; }
  25%  { transform: translate(-3px, 3px);  width: 0; height: 40px; }
  60%  { transform: translate(-3px, -199px); width: 0; height: 60px; }
  100% { transform: translate(-3px, -199px); width: 0; height: 60px; }
}
/**, ::before, ::after {*/
/*  box-sizing: border-box;*/
/*  font-family: sans-serif;*/
/*  margin: 0;*/
/*}*/
/*@media screen and (min-width: 425px) {*/
/*  .loader { width: 50%; }*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/*  .loader { width: 33.33%; }*/
/*}*/
/*@media screen and (min-width: 1440px) {*/
/*  .loader { width: 25%; }*/
/*}*/