@font-face {
	font-family: 'UZsans';
	src: url('/style/fonts/UZSans-Bold.woff2') format('WOFF2'),
		url('fonts/UZSans-Bold.woff') format('WOFF'),
		url('fonts/UZSans-Bold.eot') format('EOT'),
		url('fonts/UZSans-Bold.svg') format('SVG');
		url('fonts/UZSans-Bold.ttf') format('opentype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'UZsans';
	src: url('/style/fonts/UZSans-Regular.woff2') format('WOFF2'),
		url('fonts/UZSans-Regular.woff') format('WOFF'),
		url('fonts/UZSans-Regular.eot') format('EOT'),
		url('fonts/UZSans-Regular.svg') format('SVG');
		url('fonts/UZSans-Regular.ttf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
html, body {
  margin: 0;
  padding: 0;
  font-family: "UZsans", sans-serif;
  font-size: 5.63vw;
  color: #333333;
  height: 100%;
}
@media (max-width: 767px) and (orientation: landscape) {
  html, body {
    font-size: 2.34vw;
  }
}
@media (min-width: 768px) {
  html, body {
    font-size: 2.34vw;
  }
}
@media (min-width: 1025px) {
  html, body {
    font-size: 0.94vw;
  }
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}

.container {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .container {
    width: 100%;
    padding-left: 2.2222222222rem;
    padding-right: 2.2222222222rem;
  }
}
@media (min-width: 1025px) {
  .container {
    padding-left: 4.4444444444rem;
    padding-right: 4.4444444444rem;
  }
}

@media (max-width: 1024px) {
  .hide-to-desktop {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .hide-from-desktop {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hide-to-tablet {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hide-from-tablet {
    display: none !important;
  }
}

#site-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0.8888888889rem 0;
  transition: all 0.3s;
  z-index: 1;
}
@media (min-width: 768px) {
  #site-header {
    padding: 2.2222222222rem 0 1.6666666667rem 0;
  }
}
@media (min-width: 1025px) {
  #site-header {
    padding: 3.3333333333rem 0;
  }
}
@media (max-width: 1024px) {
  #site-header.fixed {
    background: #2e3192;
  }
}
#site-header .container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 999;
}
@media (min-width: 1025px) {
  #site-header .container {
    align-items: flex-start;
  }
}
#site-header .container a.logo {
  position: relative;
  display: block;
  z-index: 999;
}
#site-header .container a.logo img {
  display: block;
  width: 2.8888888889rem;
}
@media (min-width: 768px) {
  #site-header .container a.logo img {
    width: 6.6666666667rem;
  }
}
@media (min-width: 1025px) {
  #site-header .container a.logo img {
    width: 8.2777777778rem;
  }
}
#site-header .container .menu-open {
  display: block;
  cursor: pointer;
}
#site-header .container .menu-open img {
  display: block;
  width: 1.4444444444rem;
}
@media (min-width: 768px) {
  #site-header .container .menu-open img {
    width: 3.2222222222rem;
  }
}
#site-header #main-menu {
  position: fixed;
  left: 100%;
  top: 0;
  width: 100%;
  background-color: #2e3192;
  padding: 3.8888888889rem 0.5555555556rem 1.6666666667rem 0.5555555556rem;
  z-index: 998;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  #site-header #main-menu {
    padding: 9.1666666667rem 2.2222222222rem 3.8888888889rem 2.2222222222rem;
    min-height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  #site-header #main-menu {
	  padding: 6rem 2.2222222222rem 3.8888888889rem 2.2222222222rem;
  }
}
@media (min-width: 1025px) {
  #site-header #main-menu {
    left: 0;
    width: 17.2222222222rem;
    min-height: 100%;
    padding: 8.3333333333rem 0 2.2222222222rem 0;
    z-index: -1;
  }
}
#site-header #main-menu.toggle {
  left: 0;
}
#site-header #main-menu ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-left: 1rem;
  margin: 0;
}
@media (max-width: 767px) {
	#site-header #main-menu ul {
		display: -webkit-box;
	}
}
@media (min-width: 1025px) {
  #site-header #main-menu ul {
    width: fit-content;
    flex-direction: column;
    justify-content: space-around;
    align-items: inherit;
    padding-left: 5.3333333333rem;
    flex: auto;
  }
  #site-header #main-menu ul:before {
    content: "";
    position: absolute;
    top: 2em;/*10%;*/
    right: -4.1111111111rem;
    width: 1px;
    height: 92%;/*80%;*/
    background-color: #ffffff;
  }
  @-moz-document url-prefix(){
	  #site-header #main-menu ul:before{
		right: 14.8%;
		}
  }	
}

#site-header #main-menu ul li {
  position: relative;
  width: 50%;
  margin-bottom: 1.3rem;
}
@media (max-width: 767px) and (orientation: portrait) {
	#site-header #main-menu ul li	{
		right: -49px;	
	}
}
@media (max-width: 767px) and (orientation: landscape) {
  #site-header #main-menu ul li {
    width: 16.66%;
  }
  #site-header #main-menu ul li:before {
    content: none !important;
  }
  #site-header #main-menu ul li a {
    margin: 0 auto 0 0 !important;
  }
}
@media (min-width: 768px) {
  #site-header #main-menu ul li {
    width: 33.33%;
    margin-bottom: 2em; /*7.2222222222rem;*/
  }
}
@media (min-width: 768px) and (orientation: landscape){
  #site-header #main-menu ul li {
    width: 33.33%;
    margin-bottom: 0.5em; /*7.2222222222rem;*/
  }
}

@media (min-width: 1025px) {
  #site-header #main-menu ul li {
    width: auto;
    margin: 0.8333333333rem 0;
  }
}
#site-header #main-menu ul li a:not(.buy) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 2.6111111111rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  #site-header #main-menu ul li a:not(.buy) {
    width: 7.2777777778rem;
    padding-right: 2.9444444444rem;
  }
}
@media (min-width: 1025px) {
  #site-header #main-menu ul li a:not(.buy) {
    width: 5.2222222222rem;
    padding-right: 0;
  }
}
#site-header #main-menu ul li a:not(.buy) svg {
  fill: currentColor;
  margin-bottom: 0.5555555556rem;
  max-width: 100%;
}
@media (min-width: 768px) {
  #site-header #main-menu ul li a:not(.buy) svg {
    margin-bottom: 0;
  }
}
@media (min-width: 1025px) {
  #site-header #main-menu ul li a:not(.buy) svg {
    margin-bottom: 0.5555555556rem;
  }
}
@media (min-width: 1025px) {
  #site-header #main-menu ul li a:not(.buy):before {
    content: "";
    position: absolute;
    top: 50%;
    right: -5.8333333333rem;
    width: 3.6111111111rem;
    height: 1rem; /*3.6111111111rem;*/
    background-color: #2e3192;
    border-radius: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
  }
}
#site-header #main-menu ul li a:not(.buy):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1.8888888889rem;
  width: 0.7222222222rem;
  height: 0.7222222222rem;
  border: 0.2222222222rem solid currentColor;
  border-radius: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}
@media (min-width: 768px) {
  #site-header #main-menu ul li a:not(.buy):after {
    right: 0;
    width: 1.1111111111rem;
    height: 1.1111111111rem;
    border-width: 0.3333333333rem;
  }
}
@media (min-width: 1025px) {
  #site-header #main-menu ul li a:not(.buy):after {
    right: -4.6666666667rem;
  }
}
#site-header #main-menu ul li a:not(.buy).active {
  color: #FF9E1C;
}
/* @media (max-width: 1024px) {
  #site-header #main-menu ul li:nth-child(1):before {
    content: "";
    position: absolute;
    right: -1.6111111111rem;
    top: 50%;
    width: 4.2222222222rem;
    height: 1px;
    background-color: #ffffff;
  }
} */
@media (max-width: 1024px) and (min-width: 768px) {
  #site-header #main-menu ul li:nth-child(1):before {
    right: -1.1111111111rem;
    width: 5.7777777778rem;
  }
}
/* @media (max-width: 1024px) {
  #site-header #main-menu ul li:nth-child(2):before {
    content: "";
    position: absolute;
    right: 1.2777777778rem;
    top: 2.8888888889rem;
    width: 1px;
    height: 2.3888888889rem;
    background-color: #ffffff;
  }
} */
@media (max-width: 1024px) and (min-width: 768px) {
  #site-header #main-menu ul li:nth-child(2):before {
    right: -3.8888888889rem;
    top: 50%;
    width: 5.7777777778rem;
    height: 1px;
  }
}
/* @media (max-width: 1024px) {
  #site-header #main-menu ul li:nth-child(2) a {
    margin: auto;
  }
} */
@media (max-width: 1024px) and (max-width: 767px) and (orientation: landscape) {
  #site-header #main-menu ul li:nth-child(2) a {
    margin: 0;
  }
}
/* @media (max-width: 1024px) and (min-width: 767px) and (orientation: portrait) {
  #site-header #main-menu ul li:nth-child(3) {
    order: 1;
  }
} */
/* @media (max-width: 1024px) {
  #site-header #main-menu ul li:nth-child(3):before {
    content: "";
    position: absolute;
    left: -1.6111111111rem;
    top: 50%;
    width: 4.2222222222rem;
    height: 1px;
    background-color: #ffffff;
  }
} */
@media (max-width: 1024px) and (min-width: 768px) {
  #site-header #main-menu ul li:nth-child(3):before {
    width: 1px;
    height: 10.5rem;
    left: initial;
    right: 0.5rem;
    top: 3.8888888889rem;
  }
}
/* @media (max-width: 1024px) {
  #site-header #main-menu ul li:nth-child(3) a {
    margin-left: auto;
  }
} */
/* @media (max-width: 1024px) and (max-width: 767px) and (orientation: portrait) {
  #site-header #main-menu ul li:nth-child(3) a:after {
    left: -1.8888888889rem;
    right: initial;
  }
} */
@media (max-width: 1024px) and (min-width: 768px) {
  #site-header #main-menu ul li:nth-child(4) {
    order: 2;
  }
}
/* @media (max-width: 1024px) and (min-width: 767px) {
  #site-header #main-menu ul li:nth-child(4):before {
    content: "";
    position: absolute;
    left: 1.2777777778rem;
    top: 2.8333333333rem;
    width: 1px;
    height: 3.5rem;
    background-color: #ffffff;
  }
} */
/* @media (max-width: 1024px) {
  #site-header #main-menu ul li:nth-child(4) a {
    margin: auto;
  }
} */
@media (max-width: 1024px) and (min-width: 768px) {
  #site-header #main-menu ul li:nth-child(4) a {
    margin-right: 0;
  }
}
/* @media (max-width: 1024px) and (max-width: 767px) and (orientation: portrait) {
  #site-header #main-menu ul li:nth-child(4) a:after {
    left: -1.8888888889rem;
    right: initial;
  }
} */
@media (max-width: 1024px) {
  #site-header #main-menu ul li:nth-child(5) {
    order: 2;
  }
}
/* @media (max-width: 1024px) and (min-width: 768px) {
  #site-header #main-menu ul li:nth-child(5) {
    order: 1;
  }
  #site-header #main-menu ul li:nth-child(5):before {
    content: "";
    position: absolute;
    right: -3.8888888889rem;
    top: 50%;
    width: 5.7777777778rem;
    height: 1px;
    background-color: #ffffff;
  }
} */
/* @media (max-width: 1024px) {
  #site-header #main-menu ul li:nth-child(5) a {
    margin: auto;
  }
} */
/* @media (max-width: 1024px) and (max-width: 767px) and (orientation: portrait) {
  #site-header #main-menu ul li:nth-child(5) a:after {
    left: -1.8888888889rem;
    right: initial;
  }
} */
@media (max-width: 1024px) and (max-width: 767px) {
  #site-header #main-menu ul li:nth-child(6) {
    order: 2;
  }
}
#site-header #main-menu .close {
  display: block;
  position: absolute;
  top: 0.8888888889rem;
  right: 0.7222222222rem;
  width: 1rem;
  cursor: pointer;
}
@media (min-width: 768px) {
  #site-header #main-menu .close {
    width: 2.2222222222rem;
    top: 2.2222222222rem;
    right: 2.1111111111rem;
  }
}
#site-header #main-menu .close img {
  display: block;
}
#site-header #main-menu .footer-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#site-header #main-menu .footer-menu .site {
  text-decoration: none;
  color: #ffffff;
  font-size: 0.7777777778rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  #site-header #main-menu .footer-menu .site {
    font-size: 1.6666666667rem;
  }
}
@media (min-width: 1025px) {
  #site-header .social {
    flex-direction: column;
  }
  #site-header .social a {
    margin-bottom: 3.3333333333rem;
    margin-left: 0;
  }
}

a.buy {
  display: block;
  width: 100%;
  font-weight: 700;
  line-height: 1.04;
  color: #fff;
  font-size: 0.6666666667rem;
  text-decoration: none;
  padding: 0.7222222222rem 1.6666666667rem;
  text-align: center;
  border-radius: 1.1111111111rem;
  background-color: #FF9E1C;
}
@media (max-width: 767px) {
	a.buy {	
		margin: -15px auto 10px auto;
		width: fit-content;
	}
}
@media (min-width: 768px) {
  a.buy {
    font-size: 0.8611111111rem;
    padding: 1.1111111111rem 1.6666666667rem;
    border-radius: 1.6666666667rem;
  }
}
@media (min-width: 1025px) {
  a.buy {
    width: auto;
    font-size: 1.1111111111rem;
    padding: 1.6666666667rem 4.4444444444rem;
    border-radius: 2.2222222222rem;
  }
}

.social {
  display: flex;
  align-items: center;
}
.social a {
  display: block;
  margin-left: 1.3888888889rem;
}
@media (min-width: 768px) {
  .social a {
    margin-left: 2.7222222222rem;
  }
}
@media (min-width: 1025px) {
  .social a {
    margin-left: 3.2222222222rem;
  }
}
.social a:first-child {
  margin-left: 0;
}
.social a img {
  display: block;
  max-width: 0.8888888889rem;
  max-height: 0.8333333333rem;
}
@media (min-width: 768px) {
  .social a img {
    max-width: 1.7777777778rem;
    max-height: 1.7222222222rem;
  }
}
@media (min-width: 1025px) {
  .social a img {
    max-width: 2rem;
    max-height: 1.8888888889rem;
  }
}

#top-image {
  min-height: 100%;
  background: url("images/main_tablet.jpg") no-repeat center;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  padding: 5.5555555556rem 0;
}
@media (min-width: 768px) {
  #top-image {
    padding: 13.6111111111rem 0;
  }
}
@media (min-width: 1025px) {
  #top-image {
    background-image: url("images/main.jpg");
    padding: 5.5555555556rem 0;
    align-items: center;
  }
}
#top-image svg {
    margin-left: 15%;
}
#top-image .container {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 1025px) {
  #top-image .container {
    justify-content: center;
  }
}
#top-image h1 {
  position: relative;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 900;
  margin: 0;
  z-index: 0;
}
@media (max-width: 767px) and (orientation: portrait){
	#top-image h1 { margin-top: -8rem;}
	#top-image svg { width: 70%;}
}
@media (min-width: 768px) {
  #top-image h1 {
    font-size: 3.5rem;
  }
}
@media (min-width: 1025px) {
  #top-image h1 {
    font-size: 5.1111111111rem;
	/* margin-left: -70px; */
   /*  margin-top: 100px; */
  }
}
#top-image h1 span {
  position: absolute;
  left: 0;
  bottom: -0.15rem;
  color: #FF9E1C;
  font-size: 10.4722222222rem;
  line-height: 1;
  transform: translateX(-47%);
  z-index: -1;
 /*  top:-0.35em; */
}
@media (min-width: 768px) {
  #top-image h1 span {
    font-size: 24rem;
	top:-0.35em;
	bottom: 0rem;
  }
}
@media (min-width: 1025px) {
  #top-image h1 span {
    font-size: 34.7777777778rem;
  }
}

section#main {
  position: relative;
  line-height: 1.44;
  overflow-x: hidden;
}
@media (max-width: 767px) {
  section#main {
    font-size: 0.6666666667rem;
  }
}
@media (min-width: 1025px) {
  section#main {
    padding-left: 20.5555555556rem;
    margin-left: 17.2222222222rem;
    z-index: 1;
  }
}
section#main #second-menu {
  position: absolute;
  left: 0;
  width: 20.5555555556rem;
  height: 100%;
  top: 0;
  padding: 4.4444444444rem 2.7777777778rem;
  background: #eef2fa;
}
section#main #second-menu.fixed {
  position: fixed;
  left: 17.2222222222rem;
}
section#main #second-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
section#main #second-menu ul li {
  margin-bottom: 3.3333333333rem;
  padding-left: 3.3333333333rem;
}
section#main #second-menu ul li a {
  position: relative;
  font-size: 1.4444444444rem;
  font-weight: 700;
  line-height: 1;
  color: #333333;
}
section#main #second-menu ul li a:before {
  content: "";
  width: 0.7777777778rem;
  height: 0.7777777778rem;
  position: absolute;
  left: -3.3333333333rem;
  top: 0.3888888889rem;
  background: currentColor;
  transform: rotate(45deg);
}
section#main #second-menu ul li a.active {
  color: #2e3192;
}
section#main .container {
  position: relative;
  padding-top: 1.6666666667rem;
  padding-bottom: 0.8333333333rem;
}
@media (min-width: 768px) {
  section#main .container {
    padding-top: 3.0555555556rem;
    padding-bottom: 1.9444444444rem;
  }
}
section#main .container section {
  margin-bottom: 1.3888888889rem;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  section#main .container section {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1025px) {
  section#main .container section {
    /* width: 62%; */
  }
}
section#main .container h2 {
  color: #FF9E1C;
  font-size: 1.5555555556rem;
  line-height: 1.2;
  margin: 0 0 1.1111111111rem 0;
}
@media (min-width: 768px) {
  section#main .container h2 {
    font-size: 3.4444444444rem;
    margin: 0 0 2.5rem 0;
  }
}
.bonus {
	font-size: 1.5555555556rem;
	/* width: 933px;
    height: 118px; */
    left: 507px;
    top: 18541px;
    background: #2E3191;
    color: white;
	/* margin: 0 0 1.1111111111rem 0; */
	padding: 0.1rem;
}
.bonus svg {
    margin-bottom: -8px;
}
.bonus h2 {
    width: 92%;
	font-size: 1.5555555556rem;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
	.bonus h2{	
		font-size: 3.4444444444rem;
		margin: 0 0 0 0;
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		padding: 3px;
	}	
}
section#main .container h3 {
  font-size: 0.8888888889rem;
  line-height: 1.2;
  margin: 0 0 0.8333333333rem 0;
  color: #2e3192;
}
@media (min-width: 768px) {
  section#main .container h3 {
    font-size: 1.6666666667rem;
    margin-bottom: 1.6666666667rem;
  }
}
section#main .container h4 {
  font-size: 0.8888888889rem;
  line-height: 1.2;
  margin: 0 0 0.5555555556rem;
}
span.h4span {
    font-weight: normal;	
}
@media (min-width: 768px) {
  section#main .container h4 {
    font-size: 1.3333333333rem;
    margin-bottom: 1.1111111111rem;
  }  
}
section#main .container h5 {
  font-size: 0.8888888889rem;
  line-height: 1.2;
  margin: 0 0 0.5555555556rem;
}
@media (min-width: 768px) {
  section#main .container h5 {
    font-size: 1.3333333333rem;
    margin-bottom: 0.8333333333rem;
  }
}
section#main .container .images {
  margin-bottom: 1.3888888889rem;
}
@media (min-width: 768px) {
  section#main .container .images {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1025px) {
  section#main .container .images {
    margin-bottom: 2.7777777778rem;
  }
}
section#main .container .images:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  section#main .container .images div {
    margin-bottom: 1.1111111111rem;
  }
  section#main .container .images div:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  section#main .container .images div {
    max-width: 47%;
  }
}
section#main .container .images img {
  display: block;
}
section#main .container p {
  margin: 0 0 0.8333333333rem 0;
}
section#main .container p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  section#main .container p {
    margin-bottom: 1.3888888889rem;
  }
}
section#main .container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 1025px) {
  section#main .container ul {
    width: 62%;
  }
  .undernote{
	  width: 62%;
  }
}
section#main .container ul:last-child {
  margin-bottom: 0;
}
section#main .container ul + .images {
  margin-top: 1.3888888889rem;
}
@media (min-width: 768px) {
  section#main .container ul + .images {
    margin-top: 2.5rem;
  }
}
section#main .container ul li {
  position: relative;
  padding-left: 1.2222222222rem;
  margin-bottom: 0.8333333333rem;
}
@media (min-width: 768px) {
  section#main .container ul li {
    padding-left: 2.2222222222rem;
    margin-bottom: 1.3888888889rem;
  }
}
section#main .container ul li:last-child {
  margin: 0;
}
section#main .container ul li:before {
  content: "";
  width: 0.3888888889rem;
  height: 0.3888888889rem;
  position: absolute;
  left: 0.1111111111rem;
  top: 0.3333333333rem;
  background: #2e3192;
  transform: rotate(45deg);
}
@media (min-width: 768px) {
  section#main .container ul li:before {
    width: 0.5555555556rem;
    height: 0.5555555556rem;
    top: 0.5rem;
  }
}
section#main .container ul li div:not(:last-child) {
  margin-bottom: 0.8333333333rem;
}
@media (min-width: 768px) {
  section#main .container ul li div:not(:last-child) {
    margin-bottom: 1.6666666667rem;
  }
}
@media (min-width: 768px) {
  section#main .container .lviv-img3 {
    position: absolute;
    right: 0;
    top: 78.8888888889rem;
    width: 10.8888888889rem;
  }
}
@media (min-width: 1025px) {
  section#main .container .lviv-img3 {
    width: 17.9444444444rem;
    top: 61.6666666667rem;
  }
}
@media (min-width: 768px) {
  section#main .container .lviv-img4 {
    position: absolute;
    right: -4.4444444444rem;
    top: 123.3333333333rem;
    width: 22.2222222222rem;
  }
}
@media (min-width: 1025px) {
  section#main .container .lviv-img4 {
    right: 1.3333333333rem;
    top: 113.8888888889rem;
    width: 32.4444444444rem;
  }
}
@media (min-width: 768px) {
  section#main .container .odesa-img3 {
    position: absolute;
    right: 0;
    top: 4.2222222222rem;
    width: 12.2222222222rem;
  }
}
@media (min-width: 1025px) {
  section#main .container .odesa-img3 {
    top: 37.7777777778rem;
    width: 17.9444444444rem;
  }
}
@media (min-width: 768px) {
  section#main .container .odesa-img4 {
    position: absolute;
    right: 0.6111111111rem;
    top: 80.5555555556rem;
    width: 20.6666666667rem;
  }
}
@media (min-width: 1025px) {
  section#main .container .odesa-img4 {
    right: 4rem;
    top: 72.2222222222rem;
    width: 29.7777777778rem;
  }
}
@media (min-width: 768px) {
  section#main .container .lutsk-img3 {
    position: absolute;
    right: 0;
    top: 67.1111111111rem;
    width: 17.2222222222rem;
  }
}
@media (min-width: 1025px) {
  section#main .container .lutsk-img3 {
    right: 2rem;
    top: 55rem;
    width: 29.1666666667rem;
  }
}
@media (min-width: 768px) {
  section#main .container .chernivtsi-img3 {
    position: absolute;
    right: 0.4444444444rem;
    top: 73.8888888889rem;
    width: 17.1111111111rem;
  }
}
@media (min-width: 1025px) {
  section#main .container .chernivtsi-img3 {
    right: 2rem;
    top: 57.7777777778rem;
    width: 27rem;
  }
}
@media (min-width: 768px) {
  section#main .container .ternopil-img3 {
    position: absolute;
    right: 1.0555555556rem;
    top: 76.6666666667rem;
    width: 16.6666666667rem;
  }
}
@media (min-width: 1025px) {
  section#main .container .ternopil-img3 {
    right: 4.4444444444rem;
    top: 63.8888888889rem;
    width: 27.3333333333rem;
  }
}
section#main footer {
  background-color: #eef2fa;
}
section#main footer .container {
  padding-top: 1.6666666667rem;
  padding-bottom: 1.6666666667rem;
}
@media (min-width: 768px) {
  section#main footer .container {
    padding-top: 2.2222222222rem;
    padding-bottom: 2.2222222222rem;
  }
}
section#main footer .container .flex {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  section#main footer .container .flex {
    flex-direction: row;
  }
}
section#main footer .container a.site {
  font-size: 0.8888888889rem;
  font-weight: bold;
  text-decoration: none;
  color: #2e3192;
}
@media (min-width: 768px) {
  section#main footer .container a.site {
    font-size: 1.4444444444rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  section#main footer .container a.site {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (min-width: 1025px) {
  section#main footer .container a.site {
    font-size: 1.6666666667rem;
  }
}
section#main footer .container a.buy {
  width: auto;
}
@media (max-width: 1024px) {
  section#main footer .container a.buy {
    order: 1;
  }
}
@media (max-width: 767px) {
  section#main footer .container .social {
    margin: 0.6666666667rem 0 1.6111111111rem 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  section#main footer .container .social {
    padding-top: 2.7777777778rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tablet60 {
    width: 60%;
  }

  .tablet65 {
    width: 65%;
  }

  .tablet70 {
    width: 70%;
  }
}

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