@font-face {
  font-family: "Ubuntu-R";
  src: url("../fonts/Ubuntu-R.ttf");
  /*src:url('/wp-content/themes/the23design/fonts/Ubuntu-M.ttf');*/
  font-style: normal;
}

@font-face {
  font-family: "Ubuntu-M";
  src: url("../fonts/Ubuntu-M.ttf");
  font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

body.touch .burger-wrap,
body.touch .burger-wrap *{
  pointer-events: none !important;
}

html.html-hidden{
  overflow: hidden;
  height: 100vh;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

ol, ul {
	list-style: none;
	font-size:20px;	
}/*slc
.rp-content-wrap myAnimate2 active ol, ul
{
	list-style:disc;
	
}*/
.top-menu ul, .col ul
{
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
.wholesale .main-wrap .col1 .flex-wrap .block2 .flex-wrap2 {
  display: inline-block;
}
.wholesale .myAnimate.active
{
  margin-top:10px;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  cursor: pointer;
}

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

h1 {
  font-size: 50px;
  color: white;
  font-weight: 500;
  font-family: 'Ubuntu-M';
}

h2 {
  font-size: 50px;
  color: white;
}

p {
  font-size: 20px;
  color: #313131;
  line-height: 1.6;
}

.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex.space-between {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex.around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.flex.end {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.flex.start {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.flex.wrap {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex.top {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}

.flex.center {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.flex.middle {
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.flex.bottom {
  -ms-flex-align: end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.flex.column {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.img-wrap {
  line-height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}


.bonus .sect2 .svg1 circle,
.bonus .sect3 .el,
.bonus .sect4 svg .el,
.tender .abs circle,
.top-menu svg circle,
.top-menu ul li,
.star2 .sect2 .svg-wrap .path2,
.clients .abs-text-green div,
.clients .sect1 .svg-wrap .my-svg1 circle,
.wholesale .bottom .svg1 circle,
.wholesale .abs-text-green div,
.star .sect2 .svg-wrap .el,
.vivo .sect1 .svg-wrap .el,
.contacts .svg-wrap .el2,
.quality .sect2 .svg-wrap .el2,
.upg .sect3 .svg-wrap .svg1 circle,
.upg .sect3 .text-wrap span,
.wholesale .bottom span,
.my-span3,
.action .svg-wrap .el2,
.partners .main-wrap .col1 .row1 > svg circle,
.quality .sect2 .svg-wrap .svg1 .el2,
.upg .sect3 .svg-wrap .svg2 .el2,
.price .main-line .svg2 circle,
.price .main-line .svg1 circle,
.price .abs-text,
.svg-wrap1 .mob .path3,
.path-opac{  
  opacity: 0;  
}

.myAnimate,.myAnimate3{
  opacity: 0;
}

.myAnimate2{
  opacity: 0;
  transform: translateY(20px);
}

.myAnimate.active{
  opacity: 1;
  transition: all 0.6s ease-out 0.3s;
}

.myAnimate2.active{
  opacity: 1;
  transition: all 0.8s ease-out;
  transform: translateY(0);
}

/* .myAnimate3.active{
  opacity: 1;
  transition: all 0.6s ease-out 0.5s;
} */

.preloader{
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 10000000000;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-out 1s;
}

.preloader .pr-svg-wrap{
  transition: all 0.4s ease-out 1s;
}

.preloader .pr-svg-wrap svg{
  width: 180px;
}

.preloader svg, .preloader svg .st-text{
  opacity: 0;
}

.preloader.active {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}

.preloader.active .pr-svg-wrap{
  transform: scale(0.8);
}

.img-wrap img {
  width: 100%;
/*  height: 100%;slc*/
  -o-object-fit: cover;
  object-fit: cover;
}

body {
  color: #313131;
  font-family: "Ubuntu-R";
  min-height: 100vh;
  opacity: 0;
  position: relative;
}

body.hidden{
  overflow: hidden;
}

body .main-background{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url("../img/svg/back-line.png") center center, white; 
  pointer-events: none;
}

body.mainpage .main-background, body.error .main-background{
  background: url("../img/svg/back-line2.png") center center, #323332; 
}

.mainpage {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.mainpage.none{
  pointer-events: none;
}

svg {
  width: 100%;
  height: auto;
}

.opac {
  opacity: 0;
}

h3 {
  font-size: 40px;
  line-height: 1.15;
  text-transform: uppercase;
  font-family: 'Ubuntu-M';
  letter-spacing: 0.05em;
  color: #313131;
}

.mainpage-svg-wrap {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.mainpage-svg-wrap .svg-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.mainpage-svg-wrap .svg-wrap svg.mob{
  display: none;
}

.mainpage-svg-wrap .svg-wrap .circle {
  opacity: 0;
}

.mainpage-svg-wrap .svg-wrap.active-pos {
  opacity: 1;
  pointer-events: all;
}

.mainpage-svg-wrap .svg-wrap1 {
  bottom: 60px;
}

.mainpage-svg-wrap .svg-wrap1 span{
  position: absolute;
  text-align: center;
  color: #52B04C;
  display: block;
  font-size: 24px;
  transform: rotate(15deg);
  top: 32%;
  left: 32.9%;

  opacity: 0;
  pointer-events: none;
}

.mainpage-svg-wrap .svg-wrap2 {
  bottom: 90px;
}

.mainpage-svg-wrap .svg-wrap3 {
  bottom: 0px;
}

.mainpage-svg-wrap .svg-wrap4 {
  bottom: 70px;
}

.mainpage-svg-wrap .svg-wrap5 {
  bottom: 70px;
}

.mainpage-svg-wrap .svg-wrap2 .path2, .mainpage-svg-wrap .svg-wrap2 .path3, .mainpage-svg-wrap .svg-wrap2 .path4, .mainpage-svg-wrap .svg-wrap2 .path5, .mainpage-svg-wrap .svg-wrap2 .path6,
.mainpage-svg-wrap .svg-wrap2 .path7, .mainpage-svg-wrap .svg-wrap2 .path8, .mainpage-svg-wrap .svg-wrap2 .path9, .mainpage-svg-wrap .svg-wrap2 .path10, .mainpage-svg-wrap .svg-wrap2 .path11,
.mainpage-svg-wrap .svg-wrap2 .path13, .mainpage-svg-wrap .svg-wrap2 .path14, .mainpage-svg-wrap .svg-wrap2 .path15, .mainpage-svg-wrap .svg-wrap2 .path16, .mainpage-svg-wrap .svg-wrap2 .path17,
.mainpage-svg-wrap .svg-wrap2 .path18, .mainpage-svg-wrap .svg-wrap2 .path19, .mainpage-svg-wrap .svg-wrap2 .path20 {
  opacity: 0;
}

.mainpage-svg-wrap .svg-wrap3 .path1, .mainpage-svg-wrap .svg-wrap3 .path2, .mainpage-svg-wrap .svg-wrap3 .path3, .mainpage-svg-wrap .svg-wrap3 .path4 {
  opacity: 0;
}

.mainpage-svg-wrap .svg-wrap4 .path2 {
  opacity: 0;
}

.mainpage-svg-wrap .svg-wrap5 .path2, .mainpage-svg-wrap .svg-wrap5 .path3 {
  opacity: 0;
}

.mainpage .main-wrap {
  padding-top: 0;
  height: 100vh;
}

.mainpage .logo, .menu .logo-wrap {
  width: 150px;
  height: auto;
  display: block;
  position: absolute;
  top: 35px;
  left: 70px;
  z-index: 250;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.mainpage .menu .logo-wrap {
  display: none;
}

.mainpage .watch {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 30;
}

.mainpage .watch a {
  display: block;
}

.mainpage .watch svg {
  width: 70px;
  height: 70px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.mainpage .watch span {
  font-size: 20px;
  color: white;
  display: block;
  margin-left: 46px;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  opacity: 0;
}

.mainpage .abs-text {
  position: absolute;
  z-index: 40;
  top: 18%;
  left: 62%;
  width: 38%;
}

.mainpage .abs-text .top {
  margin-bottom: 60px;
}

.mainpage .abs-text .top span {
  font-size: 20px;
  color: #52B04C;
  display: block;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  opacity: 0;
}

.mainpage .abs-text .center {
  margin-bottom: 55px;
}

.mainpage .abs-text .center span {
  font-size: 57px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: white;
  line-height: 1.15;
  display: inline-block;
  overflow: hidden;
}

.mainpage .abs-text .center span div {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.mainpage .abs-text .bottom p {
  width: 80%;
  font-size: 20px;
  color: white;
  line-height: 1.6;
  -webkit-transform: translateX(60px);
  -ms-transform: translateX(60px);
  transform: translateX(60px);
  opacity: 0;
}

.mainpage .tabs-wrap {
  position: relative;
}

.mainpage .tabs-wrap .arrow-wrap{
  display: none;  
}

.mainpage .tabs-wrap .tab {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 1;
  pointer-events: none; 
}

.mainpage .tabs-wrap .tab.active{
  pointer-events: all;
}

.burger-wrap {
  width: 40px;
  height: 40px;
  position: relative;
}

.burger-wrap .burger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translateY(6px) rotate(45deg);
  -ms-transform: translateY(6px) rotate(45deg);
  transform: translateY(6px) rotate(45deg);
}

.burger-wrap span {
  display: block;
  height: 3px;
  background: #52B04C;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.burger-wrap .span1 {
  position: absolute;
  top: -3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0px;
}

.burger-wrap .span2 {
  width: 0px;
  margin: 10px 0;
}

.burger-wrap .span3 {
  width: 0px;
  position: absolute;
  bottom: -3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.mainpage .burger-wrap {
  position: absolute;
  top: 50px;
  right: 60px;
  z-index: 220;
}

.menu .burger-wrap {
  position: absolute;
  right: 60px;
  z-index: 20;
  top: 44px;
}

.menu .burger-wrap .burger {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  height: 40px;
}

.menu .burger-wrap .span1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.menu .burger-wrap .span2 {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.mainpage .left-line {
  width: 25%;
  height: auto;
  position: absolute;
  top: -50px;
  left: 0px;
  z-index: 120;
}

.mainpage .left-line .circle {
  opacity: 0;
  position: relative;
}

.mainpage .left-line .link-wrap {
  width: 100%;
  height: 100%;
}

.mainpage .left-line a {
  display: block;
  position: absolute;
  z-index: 20;
  top: 0px;
  left: 20px;
  font-size: 20px;
  color: white;
  opacity: 0;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  /* -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; */
}

.mainpage .left-line a:hover, .mainpage .left-line .action_visited,.menu .left-col .action_visited,.mob-menu-wrap .link-wrap .action_visited{
  color: #52B04C;
}

.point-none, .point-none * {
  pointer-events: none !important;
}

.menu {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 200;
  overflow: hidden;
}

.menu .menu-svg-wrap svg{
  width: 104%;
  margin-left: -2%; 
}

.menu .menu-svg-wrap .dot {
  opacity: 0;
}

.menu .language-wrap {
  position: absolute;
  right: 230px;
  top: 55px;
  z-index: 10;
}

.menu .language-wrap span {
  color: #52B04C;
  font-size: 18px;
  display: block;
  opacity: 0;
}

.menu .language-wrap span.center {
  margin: 0 20px;
  -webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.menu .language-wrap a {
  color: #52B04C;
}

.menu .bottom {
  position: absolute;
  width: 100%;
  bottom: 65px;
}
@media screen and (max-height: 800px) { 
  .menu .bottom {
    bottom: 15px;
  }
  #cabinet_href
  {
    bottom:15px!important;
  }
}
.menu .bottom .col1 > a {
  display: block;
  font-size: 30px;
  text-transform: uppercase;
  color: white;
  margin-bottom: 40px;
  opacity: 0;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.menu.finish .bottom .col1 > a:hover{
  color: #52B04C;
  transition: all 0.3s ease-out;
}

.menu .bottom .col1 .soc .circle {
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.menu .bottom .col2 {
  padding-right: 60px;
}

.menu .bottom .col2 h4 {
  color: white;
  font-size: 20px;
  margin-bottom: 28px;
  text-align: right;
  opacity: 0;
}

.menu .soc a {
  width: 38px;
  height: 38px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid white;
  margin-right: 25px;
}

.menu .soc a.phone{
  width: auto;
  color: white;
  border-radius: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  font-size: 16px;
  opacity: 0; 
}

.menu .soc a svg {
  width: 16px;
  height: auto;
}

.menu.finish .soc a svg *,
.menu.finish .soc a {
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.menu .soc a.circle2 svg {
  width: 8px;
}

.menu .soc a:hover {
  color: #52B04C;
  border: 1px solid #52B04C;
}

.menu .soc a:hover svg * {
  fill: #52B04C;
}

.menu .my-col a {
  font-size: 24px;
  color: white;
  display: block;
  margin-bottom: 25px;
}

.menu .my-col a.title {
  font-size: 30px;
  text-transform: uppercase;
}

.menu .left-col {
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 20;
}

.menu .left-col a {
  opacity: 0;
  pointer-events: all;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.menu .left-col a:hover {
  color: #52B04C;
}

.menu .left-col a.title {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  pointer-events: all;
}

.menu .cab {
  padding: 25px 40px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.menu .cab .line {
  position: absolute;
}

.menu .cab svg {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  display: block;
}

.menu.finish .cab:hover svg *{
  transition: all 0.3s ease-out;
  fill: #52B04C;
}

.menu .cab span {
  font-size: 20px;
  color: white;
  display: block;
}

.menu.finish .cab:hover span{
  transition: all 0.3s ease-out;
  color: #52B04C;
}

.menu.finish .cab:hover .my-line{
  transition: all 0.3s ease-out;
  background: #52B04C;
}

.menu .center-col {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 20;
  pointer-events: none;
}

.menu .center-col a {
  opacity: 0;
  position: absolute;
  z-index: 20;
  pointer-events: all;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.menu .center-col a:hover {
  color: #52B04C;
}

.menu .center-col a.title {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.menu .right-col {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 20;
  pointer-events: none;
}

.menu .right-col a {
  opacity: 0;
  position: absolute;
  z-index: 20;
  pointer-events: all;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.menu .right-col a.a5{
  transform: translate(20px, 50px);
}
.menu .right-col a.a6{
  transform: translate(20px, 100px);
} 

.menu .right-col a:hover {
  color: #52B04C;
}

.menu .right-col a.no-hover:hover{
  color: white;
}

.menu .right-col a.title {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.market-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.market-wrap a {
  margin-left: 15px;
  padding: 15px 25px;
  position: relative;
}

.market-wrap a svg {
  width: 105px;
  height: auto;
  opacity: 0;
}

.market-wrap a:hover * {
  fill: #52B04C;
}

.market-wrap a:hover .my-line {
  background: #52B04C;
}

.menu.finish .market-wrap a svg *,
.menu.finish .market-wrap .my-line {
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.my-line {
  position: absolute;
  z-index: 10;
  background: white;
}

.my-line.line1 {
  top: 0px;
  right: 0px;
  width: 1px;
}

.my-line.line2 {
  bottom: 0px;
  right: 0px;
  height: 1px;
}

.my-line.line3 {
  bottom: 0px;
  left: 0px;
  width: 1px;
}

.my-line.line4 {
  top: 0px;
  left: 0px;
  height: 1px;
}

.button-wrap a {
  display: inline-block;
  background: #52B04C;
  border: 1.5px solid #52B04C;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 26px 50px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.button-wrap a span {
  font-size: 16px;
  color: white;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.button-wrap a:hover, .button-wrap a.active {
  background: white;
}

.button-wrap a:hover span, .button-wrap a.active span {
  color: #52B04C;
}

.button-wrap a.active:hover {
  background: #52B04C;
}

.button-wrap a.active:hover span {
  color: white;
}


.menu .logo{
  width: 150px;
  position: absolute;
  top: 25px;
  left: 65px;
  opacity: 0;
  pointer-events: none;

  transition: all 0.45s ease-out 0.5s;
}

.price {
  /*overflow: hidden;*/ /*price*/
  overflow-x: hidden;
}

.price .main-line {
  position: absolute;
  z-index: 20;
  width: 100%;
  /*bottom: -20px;/*slc 30px*/
  /*bottom: 820px;/*slc 30px*/
  top:36%;
  left: 0px;
  pointer-events: none;
}

.price .main-line .svg2{
  display: none;
}

.price .abs-text {
  position: absolute;
  -webkit-transform: translate(0, -33%);
  -ms-transform: translate(0, -33%);
  transform: translate(0, -33%);
}

.price .abs-text span {
  display: block;
}

.price .abs-text .span1 {
  font-size: 20px;
  color: #52B04C;
  margin-bottom: 50px;
}

.price .abs-text .span2 {
  font-family: 'Ubuntu-M';
  font-size: 30px;
  text-transform: uppercase;
  color: #313131;
}

.price .main-wrap {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}


/* 
.price{
  overflow: auto; 
} 
.price .main-wrap, .price header{ 
  display: none; 
}   */




.price .container2 {
  height: 100%;
}

.price .main-wrap .col1 {
  width: 32%;
  padding: 90px 0;
  padding-bottom: 50px;
}

.price .main-wrap .col1 h1 {
  font-size: 55px;
  line-height: 1.1;
  letter-spacing: 0.05em;
  color: #313131;
  font-family: 'Ubuntu-R';
  text-transform: uppercase;
  margin-bottom: 20px;
}

.price .main-wrap .col1 .span1, .price .col1 .span2, .price .col1 .span3 {
  display: block;
}

.price .main-wrap .col1 .span1 {
  font-size: 18px;
  color: #A6A2A2;
}

.price .main-wrap .col1 .span2 {
  font-size: 24px;
  color: #313131;
  margin-top: 10px;
  margin-bottom: 20px;
}

.price .main-wrap .col1 .span3 {
  font-size: 13px;
  color: #636363;
}

.price .main-wrap .col1 .chosen-wrapper {
  margin-top: 50px;
}

.price .main-wrap .col2 {
  width: 65%;
  padding: 0 4%;
}

.price .main-wrap .col2 .svg-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.price .main-wrap .col2 .svg-wrap svg path {
  fill: #d2edd0;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  cursor: pointer;
}

.price .main-wrap .col2 .svg-wrap svg path.center {
  fill: white !important;
  pointer-events: none;
}

.price .main-wrap .col2 .svg-wrap svg path:hover {
  fill: #A0D89B;
}

.price .main-wrap .col2 .svg-wrap svg path.active {
  fill: #52B04C;
}

.cursor-wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 150;
}

.cursor-wrap .cursor {
  position: absolute;
  display: inline-block;
  padding: 15px;
  background: white;
  border: 1px solid #52B04C;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.cursor-wrap .cursor.none{
  display: none;
}
.price .col2 .svg-wrap svg .path.none{
  cursor: default !important;
  fill: rgb(210, 237, 208) !important;
}

.cursor-wrap .cursor span {
  font-size: 14px;
  color: #52B04C;
  white-space: nowrap;
}

.cursor-wrap .cursor.active {
  opacity: 1;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.chosen-wrapper {
  width: 470px;
  position: relative;
  border: 1px solid #D2EDD0;
}

.chosen-container {
  height: 60px;
}

.chosen-wrapper:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 27px;
  right: 30px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #52B04C;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 9;
}

.chosen-wrapper.is-active:after {
  border-top: 8px solid #52B04C;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.chosen-wrapper .chosen-container .chosen-single {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 0;
  border-radius: 0;
  height: 60px;
  background: #fff;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 17px;
  background: #fff;
  display: block;
}

.chosen-wrapper .chosen-container .chosen-single b {
  display: none !important;
}

.chosen-wrapper .chosen-container .chosen-single span {
  letter-spacing: 0;
  padding: 0;
  line-height: inherit;
  font-size: 22px;
  color: #52B04C;
}

.chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  overflow: hidden;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.chosen-wrapper .chosen-container.chosen-container-single-nosearch .chosen-search {
  display: none;
}

.chosen-wrapper .chosen-container .chosen-drop {
  background: white;
  letter-spacing: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top: 1px solid #e5e5e5;
  margin-top: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  opacity: 0;
  pointer-events: none;
  outline: 1px solid #D2EDD0;
  position: relative;
  z-index: 100;
}

.chosen-wrapper .chosen-container .chosen-results {
  font-size: 22px;
  color: #000;
  max-height: 240px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
}

.chosen-wrapper .chosen-container .chosen-results li {
  height: 60px;
  font-size: 18px;
  cursor: pointer;
  padding: 20px;
  margin: 0;
  color: #52B04C;
  -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  line-height: 20px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.chosen-wrapper .chosen-container .chosen-results li:nth-child(2n-1) {
  background: #EAF9EB;
}

.chosen-wrapper .chosen-container .chosen-results li:hover {
  background: #d6e9d7;
}

.chosen-wrapper .chosen-container .chosen-results li.highlighted {
  background-image: none;
}

.chosen-wrapper--style2:after {
  right: 0;
}

.chosen-wrapper--style2:before {
  content: '';
  width: 0;
  border-top: 2px solid #000;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.06, 1, 0.89, 0.85);
  -o-transition: all 0.2s cubic-bezier(0.06, 1, 0.89, 0.85);
  transition: all 0.2s cubic-bezier(0.06, 1, 0.89, 0.85);
}

.chosen-wrapper--style2.is-active:before {
  width: 100%;
}

.chosen-wrapper--style2 .chosen-container .chosen-single {
  border-width: 0 0 2px;
  padding: 0;
}

.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-single {
  border-width: 0 0 2px;
}

.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-drop {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.chosen-wrapper--style2 .chosen-container .chosen-drop {
  border-color: #d9d9d9;
  border-top: 2px solid #d9d9d9;
}

.chosen-wrapper--style2 .chosen-container .chosen-results li {
  padding: 16px 15px 18px;
}

.nicescroll-rails {
  border-left: 1px solid #d9d9d9;
  -webkit-transform: translate(-2px);
  -ms-transform: translate(-2px);
  transform: translate(-2px);
  top: 0 !important;
}

.nicescroll-rails .nicescroll-cursors {
  width: 6px !important;
  margin-right: 2px;
}

.main-wrap {
  padding-top: 100px;
}

.header-back{ 
  width: 100%;
  height: 100px;
  background: rgba(210, 237, 208, 0.4);
  position: absolute;
  top: 0px;
  left: 0px; 
  z-index: 0;
}

header {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100px;
  top: 0px;
  left: 0px;
  background: #323332;
}

header .container {
  height: 100%;
}

header .logo {
  width: 100px;
}

header .header-menu-wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

header .header-menu-wrap ul li {
  margin-right: 40px;
}

header .header-menu-wrap ul li.active a {
  color: #52B04C;
}

header .header-menu-wrap ul li:hover a {
  color: #52B04C;
}

header .header-menu-wrap ul li a {
  font-size: 23px;
  color: white;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

header .bitok {
  margin-right: 60px;
}

.container {
  width: 100%;
  padding: 0 65px;
}

.container2 {
  width: 100%;
  padding: 0 150px;
}

.bonus .sect1 {
  padding-top: 120px;
}


.bonus .sect1 .col1 {
  width: 45%;
  position: relative;
}

.bonus .sect1 .col1 .img-wrap {
  width: 75%;
  position: absolute;
}

.bonus .sect1 .col1 .img-wrap1 {
  top: 0px;
  left: 0px;
}

.bonus .sect1 .col1 .img-wrap2 {
  top: 50px;
  right: 0px;
}

.bonus .sect1 .col2 {
  width: 45%;
}

.bonus .sect1 .col2 h1 {
  font-size: 60px;
  line-height: 1.1;
  color: #52B04C;
  font-family: 'Ubuntu-R';
  text-transform: uppercase;
}

.bonus .sect1 .col2 > span {
  font-size: 20px;
  color: #52B04C;
  display: block;
  margin-top: 50px;
  margin-bottom: 20px;
}

.bonus .sect1 .col2 p {
  font-size: 26px;
  color: #3d3d3d;
  line-height: 1.5;
  width: 80%;
}

.bonus .sect1 .col2 p span {
  color: black;
}

.bonus .sect1 .col2 .button-wrap {
  margin-top: 65px;
  width: 470px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bonus .sect1 .col2 .button-wrap .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bonus .sect1 .col2 .button-wrap .button1, .bonus .sect1 .col2 .button-wrap .button2 {
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
}

.bonus .sect1 .col2 .button-wrap .button3 {
  margin-top: 20px;
  width: 100%;
}

.bonus .sect2 .abs-text {
  position: absolute;
}

.bonus .sect2 .abs-text .circle{
  display: none;
}

.bonus .sect2 .abs-text h3 {
  font-size: 28px;
  line-height: 1.3;
  color: #52B04C;
  margin-bottom: 25px;
}

.bonus .sect2 .abs-text p {
  max-width: 500px;
}

.bonus .sect2 .abs-text3 p {
  max-width: 450px;
}

.bonus .sect2 .abs-text1 {
  -webkit-transform: translate(18%, 14%);
      -ms-transform: translate(18%, 14%);
          transform: translate(18%, 14%);
}

.bonus .sect2 .abs-text2 {
  -webkit-transform: translate(6%, 36%);
      -ms-transform: translate(6%, 36%);
          transform: translate(6%, 36%);
}

.bonus .sect2 .abs-text3 {
  -webkit-transform: translate(20%, 41%);
      -ms-transform: translate(20%, 41%);
          transform: translate(20%, 41%);
}

.bonus .sect2 .abs-text4 {
  -webkit-transform: translate(15%, 30%);
      -ms-transform: translate(15%, 30%);
          transform: translate(15%, 30%);
}

.bonus .sect3 {
  margin-top: 120px;
  /*margin-bottom: 240px;*/
  position: relative;
  padding-bottom: 150px;
}

.bonus .sect3 .svg-wrap {
  position: absolute;
  top: 60px;
  right: 0px;
  width: 85%;
}

.bonus .sect3 .col2 {
  width: 30%;
  margin-right: 15%;
}

.bonus .sect3 .col2 h3 {
  font-size: 40px;
  color: #52B04C;
  line-height: 1.3;
  font-family: 'Ubuntu-M';
  margin-bottom: 50px;
}

.bonus .sect3 .col2 .block {
  margin-bottom: 45px;
}

.bonus .sect3 .col2 .block .col1 {
  width: 180px;
}

.bonus .sect3 .col2 .block .col1 h4 {
  font-size: 30px;
  color: #313131;
  margin-bottom: 10px;
}

.bonus .sect3 .col2 .block .col1 span {
  font-size: 13px;
  color: #313131;
}

.bonus .sect3 .col2 .block .col2 {
  width: 50px;
  margin-left: 15px;
  margin-right: 35px;
}

.bonus .sect3 .col2 .block .col3 {
  width: 240px;
}

.bonus .sect3 .col2 .block:last-child {
  margin-bottom: 0;
}

.bonus .sect3 .col2 a {
  display: block;
  margin-top: 60px;
  font-size: 20px;
  color: #52B04C;
  text-decoration: underline;
}

.bonus .sect3 .col2 a:hover {
  text-decoration: none;
}

.bonus .sect4 {
  margin-top: 50px;
  position: relative;
  /*margin-bottom: 60px;*/
}

.bonus .sect4 .svg-wrap {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
}

.bonus .sect4 .container {
  width: 70%;
  margin: 0 auto;
  padding: 0;
}

.bonus .sect4 .text-wrap {
  width: 100%;
  position: relative;
  padding: 80px 0 95px 195px;
}
.cutb
{
  max-width:500px;
}
.bonus .sect4 .text-wrap::before {
  content: '';
  background: #D3EDD1;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.bonus .sect4 .text-wrap h3 {
  font-size: 40px;
  color: #313131;
  font-family: 'Ubuntu-M';
  line-height: 1.4;
}

.bonus .sect4 .text-wrap p {
  font-size: 20px;
  margin-top: 35px;
  margin-bottom: 27px;
}

.bonus .sect4 .text-wrap .market-wrap a {
  margin-left: 0;
  margin-right: 15px;
}

.bonus .sect4 .text-wrap .market-wrap a svg {
  opacity: 1;
}

.bonus .sect4 .text-wrap .market-wrap a svg * {
  fill: #313131;
}

.bonus .sect4 .text-wrap .my-line.line2, .bonus .sect4 .text-wrap .my-line.line4 {
  width: 100%;
  background: #313131;
}

.bonus .sect4 .text-wrap .my-line.line1, .bonus .sect4 .text-wrap .my-line.line3 {
  height: 100%;
  background: #313131;
}

.chain {
  height: 100vh;
  overflow: hidden;
}

.chain .main-wrap {
  height: 100%;
  display: flex;
  justify-content: flex-end;
}

.chain .map-wrap{
  transition: all 0.2s linear 0.05s;
  width: 100%;
}

.chain .map-wrap.active{
  width: 65%; /*55% slc*/
}

.chain .column {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: white;
  z-index: 50;
  width: 35%; /*45% slc*/
  padding: 50px 50px 45px 50px;/*50px 100px 45px 160px*/
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  height: 240px;
}

.chain .column .close{
  position: absolute;
  top: 20px;
  right: 20px; 
  z-index: 10;
  cursor: pointer;
  width: 15px;
  height: 15px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-in; 
}

.chain .column .close.active{
  opacity: 1;
  pointer-events: all;
}

.chain .column::-webkit-scrollbar {
  width: 0;
}

.chain .column {
  -ms-overflow-style: none;
}

.chain .column > h3 {
  margin-bottom: 37px;
}

.chain .column .my-wrap {
  cursor: pointer;
}

.chain .column .my-wrap .chosen-wrapper {
  width: 100%;
}

.chain .column .chosen-wrapper .chosen-container .chosen-results {
  max-height: 100%;
}

.chain .column.active {
  height: -webkit-calc(100vh - 100px);
  height: calc(100vh - 100px);
  overflow-y: auto;
}

.chain .column.active .my-wrap .chosen-wrapper {
  pointer-events: all;
}

.chain .column2 {
  position: absolute;
  bottom: 0px;
  right: 60px; /*slc right: 0px;*/
  background: white;
  z-index: 50;
  width: 55%;
  height: 90px;
  -webkit-transition: all 0.45s ease-out;
  -o-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.chain .column2.active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.chain .column2 .top {
  width: 100%;
  height: 100%;
  padding: 0 95px;
  background: #D2EDD0;
}

.chain .column2 .top h4 {
  font-size: 20px;
  color: #313131;
  margin-right: 65px;
}

.chain .column2 .top .circle {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 30px;
}

.chain .column2 .top .circle span {
  font-size: 16px;
  text-transform: uppercase;
  color: #52B04C;
}

.chain .items {
  margin-top: 50px;
  margin-bottom: 50px;
  opacity: 0;
  pointer-events: none;
  height: 100%;
  position: relative;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}



.chain .items.active {
  opacity: 1;
  pointer-events: all;
}

.chain .items .inner-wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 2;
  padding-bottom: 50px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease-out;
  display: none;
  display: flex;
  flex-direction: column;
}

.chain .items .inner-wrap.active{
  display: flex;
  opacity: 1;
  pointer-events: all;  
}

.chain .items .item {
  width: 100%;
  padding: 26px 23px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin-bottom: 4px;
  cursor: pointer;
  border: 1px solid #D2EDD0;
}

.chain .items .item .col1 {
  width: 50%;
}

.chain .items .item .col1 h3 {
  font-size: 20px;
}

.chain .items .item .col1 p {
  font-size: 16px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.chain .items .item .col1 span {
  font-size: 16px;
  color: #52B04C;
}

.chain .items .item .col2 {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 25px;
}

.chain .items .item .col2 span {
  color: #636363;
  font-size: 13px;
  display: block;
  margin-bottom: 15px;
}

.chain .items .item .services-wrap .services {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(-7px, 7px);
  -ms-transform: translate(-7px, 7px);
  transform: translate(-7px, 7px);
  flex-wrap: wrap;
}

.chain .items .item .services-wrap .circle {
  cursor: pointer;
}

.chain .items .item .services-wrap .circle svg {
  width: 50px;
  height: auto;
}

.chain .items .item .services-wrap .circle svg * {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.chain .items .item .services-wrap .circle svg circle {
  fill: #D2EDD0;
  stroke: #D2EDD0;
}

.chain .items .item.active{
  order: -3;
}

.chain .items .item:hover, .chain .items .item.active {
  background: #D2EDD0;
}

.chain .items .item:hover .services-wrap .circle svg circle, .chain .items .item.active .services-wrap .circle svg circle {
  fill: white;
  stroke: white;
}

.map-wrap {
  height: 100%;
}

.map-wrap .map {
  width: 100%;
  height: 100%;
}

.select-wrap .select {
  position: relative;
  z-index: 25;
}

.select-wrap .main {
  width: 100%;
  -webkit-border-radius: 0;
  border-radius: 0;
  height: 60px;
  background: #fff;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 17px;
  padding-right: 30px;
  background: #fff;
  border: 1px solid #D2EDD0;
  cursor: pointer;
}

.select-wrap .main svg {
  width: 10px;
  height: auto;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.select-wrap .main .option {
  letter-spacing: 0;
  padding: 0;
  line-height: inherit;
  font-size: 22px;
  color: #52B04C;
  pointer-events: none;
}

.select-wrap .list {
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 10;
  width: 100%;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  opacity: 0;
  pointer-events: none;
  height: 300px;
  overflow-y: auto;
}

.select-wrap .list .option {
  height: 60px;
  font-size: 18px;
  cursor: pointer;
  padding: 20px;
  margin: 0;
  color: #52B04C;
  -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  border: 1px solid #D2EDD0;
  background: white;
  border-top: none;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.select-wrap .list .option:nth-child(2n-1) {
  background: #EAF9EB;
}

.select-wrap .list .option:hover {
  background: #d6e9d7;
}

.select-wrap.active .main svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.select-wrap.active .list {
  opacity: 1;
  pointer-events: all;
}

.chain .select-wrap.active .list {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  height: auto;
}

.chain .column.active .select-wrap.active .list {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.price .select-wrap {
  margin-top: 40px;
}

h3.main {
  margin-top: 85px;
  margin-bottom: 40px;
}

.tender .main-wrap{
  height: 100%;
  padding-bottom: 50px;
}

.tender .abs {
  position: absolute;
  top: 60%;
  left: 0;
  z-index: -1;
  width: 100%;
}

.tender .main-wrap .container {
  padding: 0 260px;
}

.tender .main-wrap .container > p {
  font-size: 26px;
  width: 50%;
  margin-bottom: 60px;
}

.tender .main-wrap .container > a {
  display: inline-block;
  margin-top: 40px;
  margin-left: 100px;
  margin-bottom: 70px;
  color: #52B04C;
  font-size: 20px;
  text-decoration: underline;
}

.tender .main-wrap .container > a:hover {
  text-decoration: none;
}

.tender .table {
  width: 100%;
  background: white;
}

.tender .table .item {
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tender .table .item .col {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 100px;
  border-bottom: 1px solid #D2EDD0;
  border-left: 1px solid #D2EDD0;
}

.tender .table .item .col span {
  font-size: 20px;
}

.tender .table .item .col a span {
  color: #52B04C;
  display: block;
  margin-left: 15px;
  font-size: 16px;
}

.tender .table .item .col1 {
  width: 40%;
}

.tender .table .item .col2 {
  width: 30%;
}

.tender .table .item .col3 {
  width: 30%;
}

.tender .table .item .col3 {
  border-right: 1px solid #D2EDD0;
}

.tender .table .item .col3 svg {
  width: 28px;
  height: auto;
}

.tender .table .top {
  background: #D2EDD0;
}

.tender .table .top .item span {
  color: #52B04C;
}

.wholesale .main-wrap {
  height: 100vh;
}

.wholesale .main-wrap .col1 {
  width: 76%;
}

.wholesale .main-wrap .col1 .container2 {
  padding-top: 50px;
  padding-right: 90px;
}

.wholesale .main-wrap .col1 .flex-wrap > .block {
  width: 50%;
}

.wholesale .main-wrap .col1 .flex-wrap .block1 {
  padding-right: 7%;
}

.wholesale .main-wrap .col1 .flex-wrap .block1 h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.wholesale .main-wrap .col1 .flex-wrap .block1 p.big {
  font-size: 24px;
  line-height: 1.5;
  margin-top: 50px;
  margin-bottom: 35px;
}

.wholesale .main-wrap .col1 .flex-wrap .block1 h2 {
  font-size: 26px;
  color: #52B04C;
  line-height: 1.3;
  font-family: 'Ubuntu-M';
  margin-top: 40px;
  width: 70%;
}

.wholesale .main-wrap .col1 .flex-wrap .block2 {
  margin-top: 30px;
  background: rgba(210, 237, 208, 0.4);
  padding: 40px 60px 40px 90px;
}

.wholesale .main-wrap .col1 .flex-wrap .block2 h4 {
  font-size: 26px;
  color: #52B04C;
  margin-bottom: 28px;
}

.wholesale .main-wrap .col1 .flex-wrap .block2 .flex-wrap2 {
 /* margin-top: 30px;*/
}

.wholesale .main-wrap .col1 .flex-wrap .block2 .flex-wrap2 a{
  color: #52B04C !important;
}
.wholesale .main-wrap .col1 .flex-wrap .block2 .flex-wrap2 h2 {
  font-size: 40px;
  font-family: 'Ubuntu-M';
  color: #52B04C !important;
  margin-bottom: 8px;
  white-space: nowrap;
}

.wholesale .main-wrap .col1 .flex-wrap .block2 .flex-wrap2 span {
  display: block;
  font-size: 16px;
  opacity: 0.5;
}

.wholesale .main-wrap .col1 .flex-wrap .block2 .flex-wrap2 .last span {
  opacity: 0.5;
}

.wholesale .main-wrap .col2 {
  width: 24%;
  background: #D2EDD0;
  padding: 50px 50px 90px 90px;
}

.wholesale .main-wrap .col2 h3 {
  font-size: 27px;
  margin-top: 0;
  margin-bottom: 20px;
}

.wholesale .main-wrap .col2 .flex-wrap {
  position: relative;
  z-index: 80;
}

.wholesale .main-wrap .col2 .block {
  padding: 35px 0;
  border-bottom: 1px solid #B1CFAE;
}

.wholesale .main-wrap .col2 .block .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}

.wholesale .main-wrap .col2 .block .item a {
  font-size: 18px;
  color: #313131;
}

.wholesale .main-wrap .col2 .block .item2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.wholesale .main-wrap .col2 .block .item2 span {
  margin-bottom: 10px;
}

.wholesale .main-wrap .col2 .block span {
  font-size: 20px;
  font-family: 'Ubuntu-M';
  display: block;
  margin-right: 10px;
}

.wholesale .main-wrap .col2 .block > span {
  margin-bottom: 25px;
}

.wholesale .main-wrap .col2 .block.last {
  border-bottom: none;
}

.wholesale .bottom {
  width: 100%;
  position: absolute;
  bottom: 80px;
  left: 0px;
  z-index: -1;
}
@media screen and (max-width: 1280px) { 
  .wholesale .bottom 
  {	
    bottom: -50px;
  }
}
.wholesale .bottom span,
.wholesale .bottom .svg2{
  display: none;
}

ul.my-ul li {
	list-style:none;
  position: relative;
  margin-bottom: 15px;
  font-family: 'Ubuntu-M';
  font-size: 20px;
}

ul.my-ul li::before {
  content: '';
  z-index: 10;
  position: absolute;
  top: 4px;
  left: -40px;
  width: 13px;
  height: 13px;
  background: url("../img/li.svg");
}

.abs-text-green {
  position: absolute;
  width: 100%;
}

.abs-text-green div {
  position: absolute;
  font-size: 16px;
  line-height: 1.4;
  color: #52B04C;
}

/* IE  */

.ie-popup{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  overflow: hidden; 
  justify-content: center;
  align-items: center;
  z-index: 1000000;
  background: url("../img/svg/back-line2.png") center center, #323332; 

  display: none;
}

.ie-popup.active{
  display: flex;
}

.ie-popup .logo{
  width: 130px;
  position: absolute;
  z-index: 10;
  top: 40px;
  left: 60px;
}

.ie-popup .wrap{
  width: 500px;
}

.ie-popup h3{
  font-size: 36px;
  text-transform: uppercase;
  color: white;
}

.ie-popup p{
  color: white;
  margin-top: 20px;
  margin-bottom: 50px;
}

.ie-popup .wrap a img{
  width: 70px;
}

.ie-popup a span{
  margin-top: 10px;
  text-align: center;
  color: white;
  font-size: 16px;
  text-decoration: underline;
}

.back{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute; 
  z-index: 0;
  top: 0px;
  left: 0px;
  background: url("../img/svg/bg_ie.svg") center center; 
  background-size: cover !important;
}




.cart-popup {
  width: 650px;
  height: auto;
  position: fixed;
  background: white;
  top: 50%;
  left: 50%;
  z-index: 115;
  padding: 90px 100px;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  -ms-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
}

.cart-popup .close{
  width: 18px;
  position: absolute;
  top: -40px;
  right: 0px;
  cursor: pointer;
}

.cart-popup .inner-wrap{
  position: relative;
}

.cart-popup h3{
  font-size: 36px;
  margin-bottom: 25px;
}

.cart-popup .form-wrap{
  margin-top: 50px;
}

.cart-popup .input-wrap{
  margin-bottom: 20px;
  position: relative;
}

.cart-popup .input-wrap input{
  width: 100%;
  height: 60px;
  border: 1px solid #D2EDD0;
  position: relative;
  padding: 20px;
  padding-top: 40px;
  color: #313131;
  font-size: 20px;
}

.cart-popup .button{
  cursor: pointer;
  width: 280px;
  height: 70px;
  border: 1.5px solid #52B04C;
  border-radius: 5px;
  background: #52B04C; 
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-out;
}

.cart-popup .button span{
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
}

.cart-popup .button:hover{
  background: white;
}

.cart-popup .button:hover span{
  color: #52B04C;
}

.cart-popup .input-wrap label{
  font-size: 20px;
  color: #313131;
  opacity: 0.5;
  position: absolute;
  top: 18px;
  left: 20px;
  z-index: 10;
  transition: all 0.2s linear;
}

.cart-popup .input-wrap label.active{
  font-size: 16px;
  color: #52B04C;
  top: 8px;
  opacity: 1;
}


.cart-popup .button-wrap{
  margin-top: 30px;
}

span.wpcf7-not-valid-tip{
  margin-top: 5px;
}

.cart-popup.active {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

div.wpcf7-mail-sent-ok{
  margin-top: 20px !important;
  text-align: center;
  padding: 10px !important;
  color: #52B04C;
  border: 2px solid #52B04C;
}

div.wpcf7-validation-errors{
  padding: 10px !important;
  margin: 0px !important;
  text-align: center;
  position: absolute;
  top: calc(100% + 15px); 
  left: 0px;
  width: 100%;
}

.clients .sect1 {
  position: relative;
  padding-bottom: 150px;
}

.clients .sect1 h3 {
  margin-top: 70px;
}

.clients .sect1 .svg-wrap {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 20px;
  z-index: -1;
}

.clients h4 {
  font-family: 'Ubuntu-M';
  font-size: 40px;
}

.clients h5 {
  font-size: 26px;
  line-height: 1.2;
  color: #52B04C;
  font-family: 'Ubuntu-M';
  margin-top: 40px;
  margin-bottom: 35px;
}

.clients .subtitle {
  font-size: 26px;
  line-height: 1.5;
  margin-top: 50px;
  margin-bottom: 40px;
}

.clients .button-wrap {
  margin-top: 70px;
}

.clients .button-wrap a{
  margin-right: 20px;
}

.clients .sect2 {
  padding: 100px 50px;
  position: relative;
}

.clients .sect2 .svg-wrap {
  width: 100%;
  position: absolute;
  z-index: -1;
  left: 0px;
  bottom: 50px;
}

.clients .sect2 .col1 {
  width: 40%;
  margin-right: 10%;
  position: relative;
}

.clients .sect2 .col1 .img-wrap {
  width: 85%;
  position: absolute;
}

.clients .sect2 .col1 .img-wrap1 {
  top: 0px;
  left: 0px;
  z-index: 10;
}

.clients .sect2 .col1 .img-wrap2 {
  top: 50px;
  right: 0px;
}

.clients .sect2 .col2 {
  width: 40%;
}

.clients .sect3 {
  padding: 50px;
  padding-bottom: 200px;
  position: relative;
}

.clients .sect3 .svg-wrap {
  width: 100%;
  position: absolute;
  z-index: -1;
  left: 0px;
  bottom: 100px;
}

.clients .sect3 .col1 {
  width: 40%;
  margin-right: 10%;
}

.clients .sect3 .col1 ul {
  margin-left: 40px;
}

.clients .sect3 .col2 {
  width: 40%;
  position: relative;
}

.clients .sect3 .col2 .img-wrap {
  width: 82%;
  position: absolute;
  -webkit-transform: translateY(180px);
  -ms-transform: translateY(180px);
  transform: translateY(180px);
}

.clients .sect3 .col2 .img-wrap1 {
  top: 0px;
  left: 0px;
  z-index: 10;
}

.clients .sect3 .col2 .img-wrap2 {
  top: 130px;
  right: 0px;
}

.top-menu {
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}

.top-menu ul li {
  position: absolute;
}

.top-menu ul li a {
  font-size: 18px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #313131;
}

.top-menu ul li a:hover {
  color: #52B04C;
}

.top-menu ul li.active a {
  color: #52B04C;
}

.top-menu svg {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.top-menu svg circle {
  fill: #313131;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.top-menu svg circle.active {
  fill: #52B04C;
}

.news .flex-wrap {
  padding-top: 100px;
}

.news .flex-wrap .svg-wrap {
  position: absolute;
  top: 670px;
  left: 0px;
  z-index: -1;
}

.news-wrap .block {
  margin-bottom: 95px;
}

.news-wrap .block.block-top {
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

.news-wrap .block .top {
  padding-right: 50px;
  position: relative;
}

.news-wrap .block .top .img-wrap {
  width: 100%;
  /*height: 100%; slc*/
}

.news-wrap .block .top .date {
  font-size: 20px;
  color: #52B04C;
  position: absolute;
  top: -10px;
  right: 0px;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: right center;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg) translate(100%, 100%);
}

.news-wrap .block .inf {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  display: block;
  padding: 35px 35px 70px 50px;
  background: #FCFEFC;
  border: 1px solid #D2EDD0;
  -webkit-transform: translate(50px, -40px);
  -ms-transform: translate(50px, -40px);
  transform: translate(50px, -40px);
}

.news-wrap .block .inf h3 {
  font-size: 26px;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.news-wrap .block .inf .bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.news-wrap .block .inf .bottom .square {
  width: 50px;
  height: 50px;
  background: #52B04C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.news-wrap .block .inf .bottom .square svg {
  width: 35%;
  height: auto;
}

.news-wrap .block .inf .bottom .square svg * {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.news-wrap .block .inf .bottom span {
  font-size: 16px;
  color: #52B04C;
  display: block;
  margin-left: 17px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.news-wrap .block:hover .inf {
  background: #52B04C;
  border: 1px solid #52B04C;
}

.news-wrap .block:hover .inf h3, .news-wrap .block:hover .inf span {
  color: white;
}

.news-wrap .block1 {
  width: 26%;
}

.news-wrap .block.zero{
  width: 26%;
  height: 0;
  overflow: hidden;
  margin: 0px;
}

.news-wrap .block1 .top {
  height: 350px;
}

.news-wrap .block2 {
  margin-top: 50px; 
  width: 44%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.news-wrap .block2 .top {
  height: 460px;
}

.news-wrap .block2 .inf {
  width: -webkit-calc(24vw - 50px);
  width: calc(24vw - 50px);
  -webkit-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

.video .svg-wrap {
  position: absolute;
  top: 370px;
  left: 0px;
  z-index: -1;
}

.video .main-wrap {
  height: 100vh;
  overflow: hidden;
}

.video .slider-wrap {
  padding-top: 50px;
}

.video .block {
  cursor: pointer !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.video .block:nth-child(3n-2) {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.video .block:nth-child(3n-1) {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.video .block:nth-child(3n) {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.video .block .circle-wrap {
  width: 380px;
  height: 380px;
  position: relative;
}

.video .block .circle-wrap .img-wrap {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.video .block .circle-wrap svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 65px;
  height: auto;
}

.video .block .inf {
  width: 380px;
  margin-bottom: 150px;
}

.video .block h3 {
  font-family: 'Ubuntu-M';
  font-weight: 500;
  color: #313131;
  font-size: 24px;
  line-height: 1.3;
  margin: 25px 0;
  text-align: center;
}

.video .block .date {
  font-size: 16px;
  color: #52B04C;
}

.video .block:nth-child(3n-1) {
  position: relative;
  top: 70px;
}

.video .buttons {
  padding: 0 60px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 40px;
}

.video .buttons .button {
  cursor: pointer;
}

.video .buttons span {
  font-size: 18px;
  color: #52B04C;
  display: block;
}

.video .buttons svg {
  width: 30px;
  height: auto;
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
  margin-left: 13px;
}

.video .buttons .prev svg {
  margin-left: 0;
  margin-right: 13px;
  -webkit-transform: rotate(-180deg) translateY(4px);
  -ms-transform: rotate(-180deg) translateY(4px);
  transform: rotate(-180deg) translateY(4px);
}

.video .top-menu {
  padding: 70px 0;
}

.action .sect1 {
  background: rgba(210, 237, 208, 0.4);
  padding-top: 70px; 
  position: relative;
}

.action .sect1 .container2 > h3 {
  margin-bottom: 70px;
}

.action .sect1 .img-wrap {
  width: 100%;
  height: 100%;
}

.action .sect1.ac1 {
 /* padding-bottom: 250px;slc*/
}

.action .sect1.ac1 .block {
  width: 100%;
  height: 650px;
  padding: 0 100px;
  margin: 0 auto;
}

.action .sect1.ac1 .block .inf {
  width: 500px;
  -webkit-transform: translate(-100px, -100px);
  -ms-transform: translate(-100px, -100px);
  transform: translate(-100px, -100px);
  padding-bottom: 90px;
}

.action .sect1.ac2 .block .img-wrap {
  height: 460px;
}

.action .sect1.ac2 .block .inf {
  -webkit-transform: translate(50px, -50px);
  -ms-transform: translate(50px, -50px);
  transform: translate(50px, -50px);
}

.action .sect1.ac1.ac3 {
  /*padding-bottom: 200px;slc*/
  padding-bottom: 100px;;
}

.action .sect1.ac1.ac3 .svg-wrap {
  top: 75%;
}

.action .svg-wrap {
  position: absolute;
  bottom: 80px;
  left: 0px;
  z-index: -1;
}

.action .sect2 {
  padding-top: 90px;
  padding-bottom: 120px;
}

.action .sect2 .col {
  width: 31%;
  padding-right: 10%;
}

.action .sect2 .flex-wrap{
  column-count: 3;
}

.action .sect2 h3 {
  margin-bottom: 75px;
}

.action .sect2 a {
  width: 90%;
  display: block;
  font-size: 24px;
  line-height: 1.3;
  color: #52B04C;
  text-decoration: underline;
  margin-bottom: 30px;
}

.action .sect2 a:hover {
  text-decoration: none;
}

.single .main-img-wrap {
  height: auto;
}

.single .main-img-wrap img{
  height: auto;
}

.single .content-wrap {
  margin: 0 auto;
  width: 60%;
}

.single .content-wrap .title {
  padding-top: 50px;
  padding-bottom: 60px;
  background: #FCFEFC;
  border: 1px solid #D2EDD0;
  -webkit-transform: translateY(-130px);
  -ms-transform: translateY(-130px);
  transform: translateY(-130px);
  margin-bottom: -130px;
}

.single .content-wrap .title .date {
  font-size: 20px;
  color: #52B04C;
  display: block;
  margin-bottom: 20px;
}

.single .content-wrap .title h1 {
  font-size: 60px;
  line-height: 1.2;
  font-family: 'Ubuntu-M';
  color: #313131;
}

.single .content-wrap .content {
  padding-top: 70px;
  padding-bottom: 70px;
}

.single .content-wrap .content h1,
.single .content-wrap .content h2,
.single .content-wrap .content h3,
.single .content-wrap .content h4,
.single .content-wrap .content h5,
.single .content-wrap .content h6{
  color: #52B04C;
  margin: 50px 0;
} 

.single .content-wrap .content .my-ul{
  padding-left: 40px;
}

.single .content-wrap .content .img-wrap{
  margin: 50px 0; 
}

.single .content-wrap .content .subtitle, .single .content-wrap .content a {
 /* display: block;*/
  width: 65%;
}

.single .content-wrap .content .subtitle {
  font-size: 26px;
  line-height: 1.5;
  margin-bottom: 40px;
}

.single .content-wrap .content p {
  line-height: 1.6;
  padding-bottom:20px; /*slc*/
}

.single .content-wrap .content .flex-wrap {
  width: 100%;
}

.single .content-wrap .content .flex-wrap .col1 {
  width: 65%;
}

.single .content-wrap .content .flex-wrap .col2 {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  margin-left: 10%;
  width: 25%;
}

.single .content-wrap .content .flex-wrap .col2 span {
  font-family: 'Ubuntu-M';
  font-size: 40px;
  coloR: #52B04C;
  display: block;
  margin-bottom: 20px;
}

.single .content-wrap .content .flex-wrap .col2 p {
  font-size: 16px;
}

.single .content-wrap .content > span {
  font-size: 26px;
  line-height: 140%;
  color: #52B04C;
  width: 50%;
  font-family: 'Ubuntu-M';
  display: block;
  margin-top: 40px;
  margin-bottom: 60px;
}

.single .content-wrap .content a {
  font-size: 18px;
  color: #313131;
  text-decoration: underline;
}

.single .main-wrap .title, .single .content, .single .content-wrap2 {
  padding-left: 100px;
  padding-right: 100px;
}

.single .content {
  padding-right: 0;
}

.single .main-wrap > .bottom {
  background: rgba(210, 237, 208, 0.4);
  padding-top: 75px;
  padding-bottom: 50px;
}

.single .main-wrap > .bottom h3 {
  width: 70%;
  font-size: 26px;
  font-family: 'Ubuntu-M';
  color: #313131;
  margin-bottom: 80px;
}

.single .main-wrap > .bottom .flex-wrap2 .block {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}

.single .main-wrap > .bottom .flex-wrap2 .block svg {
  width: 40px;
  margin-right: 30px;
}

.single .main-wrap > .bottom .flex-wrap2 .block span {
  font-size: 20px;
  font-family: 'Ubuntu-M';
  color: #313131;
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
}

.single .main-wrap > .bottom .flex-wrap2 .block p {
  line-height: 1.35;
  width: 80%;
}

.menu .my-col a.cab{
  display: flex;
}

.vacancies {
  height: 100vh;
  overflow: hidden;
}

.vacancies .vac-wrap {
  width: 100%;
  height: -webkit-calc(100vh - 286px);
  height: calc(100vh - 286px);
  overflow: hidden;
}

.vacancies .col p.big {
  width: 90%;
  font-size: 24px;
  line-height: 1.5;
}

.vacancies .col p.big span {
  font-family: 'Ubuntu-M';
}

.vacancies .col .bottom {
  background: white;
  border: 1px solid #d2edd0;
  margin-bottom: 75px;
  padding: 35px 35px;
  /*padding: 35px 100px;slc*/
}

.vacancies .col .bottom span {
  display: block;
}

.vacancies .col .bottom .span1 {
  font-size: 16px;
  color: #52B04C;
}

.vacancies .col .bottom .span2 {
  font-family: 'Ubuntu-M';
  font-size: 20px;
  line-height: 1.5;
  margin-top: 45px;
  margin-bottom: 7px;
}

.vacancies .col .bottom .span3 {
  font-size: 16px;
  line-height: 1.3;
}

.vacancies .col .bottom .inf-wrap-bottom {
  margin-top: 30px;
}

.vacancies .col .bottom .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 5px;
}

.vacancies .col .bottom .item span {
  font-size: 24px;
  font-family: 'Ubuntu-M';
  display: block;
  margin-right: 5px;
}

.vacancies .col .bottom .item a {
  font-size: 26px;
  display: block;
  color: #313131;
}

.vacancies .container2 {
  padding-right: 0;
}

.vacancies .top-menu {
  padding-top: 50px;
  margin-bottom: 50px;
}

.vacancies .col1 {
  /*padding-right: 100px;slc*/
   padding-right: 50px;
  height: 100%;
  overflow-y: auto;
}

.vacancies .col1 .select-wrap {
  margin-top: 50px;
}

.vacancies .col1 .my-ul {
  margin-left: 30px;
}

.vacancies .col1 .my-ul li {
  font-family: 'Ubuntu-R';
  line-height: 1.8;
}

.vacancies .col1 ul.my-ul li::before {
  left: -30px;
  top: 11px;
}

.vacancies .col1 .inf-wrap {
  margin-bottom: 50px;
  margin-top: 0;
  display: none;
}

.vacancies .col1 .inf-wrap.active {
  display: block;
}

.vacancies .col1 .inf-wrap .inf {
  padding: 50px 50px 65px 100px;
  background: white;
  border: 1px solid #D2EDD0;
  border-bottom: none;
}

.vacancies .col1 .inf-wrap .inf > span {
  font-size: 16px;
  display: block;
  margin-bottom: 38px;
}

.vacancies .col1 .inf-wrap .inf .flex-wrap div {
  width: 80%;
}

.vacancies .col1 .inf-wrap .inf .flex-wrap h3 {
  font-family: 'Ubuntu-M';
  font-size: 26px;
  margin-bottom: 20px;
}

.vacancies .col1 .inf-wrap .inf .flex-wrap p {
  font-size: 16px;
  line-height: 1.3;
}

.vacancies .col1 .inf-wrap .inf .flex-wrap svg {
  width: 65px;
  height: 65px;
}

.vacancies .col1 .inf-wrap .inf .ul-wrap {
  margin: 55px 0;
}

.vacancies .col1 .inf-wrap .inf .ul-wrap span {
  font-family: 'Ubuntu-M';
  font-size: 20px;
  line-height: 1.3;
  display: block;
  margin-bottom: 25px;
}

.vacancies .col1 .inf-wrap .inf .ul-wrap p {
  margin-top: -10px;
  margin-bottom: 15px;
}

.vacancies .col1 .inf-wrap .inf .ul-wrap.last {
  margin-bottom: 0;
}

.vacancies .col1 .inf-wrap .inf .tel p {
  margin: 0;
  line-height: 1;
}

.vacancies .col1 .inf-wrap .inf .tel a {
  font-size: 20px;
  font-family: 'Ubuntu-M';
  display: block;
  margin-left: 5px;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  color: #313131;
}

.vacancies .col1 .inf-wrap .inf:last-child {
  border-bottom: 1px solid #D2EDD0;
}

.vacancies .col1 {
  width: 46%;
}

.vacancies .col2 {
  width: 54%;
}

.no-scorllbar::-webkit-scrollbar {
  width: 0;
}

.no-scorllbar {
  -ms-overflow-style: none;
}

.star .main-wrap .container {
  padding: 0 260px;
}

.star .sect1 {
  padding-top: 50px;
  padding-bottom: 90px;
  position: relative;
}

.star .sect1 .col {
  width: 50%;
}

.star .sect1 .col h3 {
  font-family: 'Ubuntu-M';
  font-size: 30px;
  color: #52B04C;
  margin-bottom: 50px;
}

.star .sect1 .col1 {
  padding-right: 10%;
}

.star .sect1 ul.my-ul {
  margin-left: 30px;
}

.star .sect1 ul.my-ul li {
  font-family: 'Ubuntu-R';
  line-height: 1.5;
}

.star .sect1 ul.my-ul li::before {
  left: -30px;
  top: 8px;
}

.star .sect1 .col2 .flex-wrap div {
  width: 45%;
}

.star .sect1 .col2 a {
  display: block;
}

.star .sect1 .col2 .flex-wrap div:nth-child(3), .star .sect1 .col2 .flex-wrap div:nth-child(4) {
  -webkit-transform: translateX(150px);
  -ms-transform: translateX(150px);
  transform: translateX(150px);
}

.star .sect1 .col2 .div1 img {
  max-width: 130px;
}

.star .sect1 .col2 .div2 img {
  max-width: 195px;
}

.star .sect1 .col2 .div3 img {
  max-width: 137px;
}

.star .sect1 .col2 .div4 img {
  max-width: 184px;
}

.star .sect2 {
  background: white;
  padding-top: 85px;
  padding-bottom: 120px;
  position: relative;
}

.star .sect2 .svg-wrap {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0%;
  z-index: 1;
  -webkit-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  transform: translateY(-60%);
}

.star .sect2 .container > span {
  font-family: 'Ubuntu-M';
  font-size: 20px;
  color: #52B04C;
}

.star .sect2 .flex-wrap {
  margin-top: 90px;
}

.star .sect2 .flex-wrap .block {
  width: 28%;
  margin-bottom: 100px;
  cursor: pointer;
  border-bottom: 2px solid #D2EDD0;
}

.star .sect2 .flex-wrap .block span {
  font-family: 'Ubuntu-M';
  font-size: 20px;
  display: block;
  color: black; 
}

.star .sect2 .flex-wrap .block p {
  font-size: 16px;
  line-height: 1.3;
  margin-top: 13px;
  margin-bottom: 25px;
}

.star .sect2 .flex-wrap .block .img-wrap {
  height: 210px;
  position: relative;
}

.star .sect2 .flex-wrap .block .img-wrap .play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}

.star .sect2 .flex-wrap .block h3 {
  margin: 30px 0;
  font-family: 'Ubuntu-M';
  font-size: 20px;
  line-height: 1.3;
}

.star .sect2 .flex-wrap .block:nth-child(3n-1) {
  position: relative;
  top: 80px;
}

.star-popup {
  width: 70%;
  height: 100vh;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 115;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  -ms-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
}

.star-popup.active {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.star-popup iframe {
  width: 100%;
  height: 100%;
}

.star2 .top-menu {
  background: rgba(210, 237, 208, 0.4);
}

.star2 .top-menu svg {
  bottom: 20px;
}

.star2 .sect1 {
  background: rgba(210, 237, 208, 0.4);
  padding-top: 100px;
  padding-bottom: 275px;
}

.star2 .sect1 .col p.big {
  font-size: 26px;
  line-height: 1.5;
  width: 80%;
}

.star2 .sect1 .col p span {
  font-family: 'Ubuntu-M';
}

.star2 .sect1 .col1 {
  width: 55%;
}

.star2 .sect1 .col2 {
  width: 45%;
  padding-right: 10%;
}

.star2 .sect1 .col2 span {
  width: 90%;
  font-size: 26px;
  font-family: 'Ubuntu-M';
  display: block;
  color: #52B04C;
  margin-top: 36px;
}

.star2 .sect2 {
  position: relative;
  margin-top: -180px;
}

.star2 .sect2 .svg-wrap {
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 35%;
  left: 0px;
}

.star2 .sect2 .news-wrap .block .inf {
  background: #D2EDD0;
}

.star2 .sect2 .news-wrap .block:hover .inf {
  background: #52B04C;
}

.partners {
  height: 100vh;
  overflow: hidden;
}

.partners .vac-wrap {
  width: 100%;
}

.partners .main-wrap > .container2 {
  padding: 0px;
}

.partners .col {
  padding-top: 50px;
}

.partners .main-wrap .col1 {
  width: 40%;
  height: -webkit-calc(100vh - 286px);
  height: calc(100vh - 286px);
  overflow-y: auto;
}

.partners .main-wrap .col1 .row {
  padding-left: 150px;
  padding-right: 100px;
}

.partners .main-wrap .col1 .row p.big {
  font-size: 26px;
  line-height: 1.5;
  margin-bottom: 45px;
}

.partners .main-wrap .col1 .row p {
  line-height: 1.6;
}

.partners .main-wrap .col1 .row1 a {
  width: 205px;
  display: block;
  margin-top: 50px;
  margin-bottom: 45px;
}


.partners .main-wrap .col1 .row1 > svg{
  display: none;
}

.partners .main-wrap .col1 .row2 {
  background: white;
  padding-top: 55px;
  padding-bottom: 50px;
}

.partners .main-wrap .col1 .row2 h3 {
  font-family: 'Ubuntu-M';
  font-size: 26px;
  margin-bottom: 15px;
}

.partners .main-wrap .col1 .row2 .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 40px 0;
  border-bottom: 1px solid #B1CFAE;
  cursor: pointer;
}

.partners .main-wrap .col1 .row2 .item div {
  width: 65%;
}

.partners .main-wrap .col1 .row2 .item div span {
  font-size: 20px;
  font-family: 'Ubuntu-M';
  line-height: 1.3;
}

.partners .main-wrap .col1 .row2 .item div p {
  font-size: 20px;
  line-height: 1.3;
}

.partners .main-wrap .col1 .row2 .item svg {
  width: 65px;
}

.partners .main-wrap .col1 .row2 .item:last-child {
  border-bottom: none;
}

.partners .main-wrap .col1 .row3 h1 {
  font-size: 40px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-family: 'Ubuntu-M';
  color: #313131;
  margin-top: 170px;
  margin-bottom: 50px;
}

.partners .main-wrap .col1 .row3 .button-wrap {
  margin-top: 70px;
  margin-bottom: 90px;
}

.partners .col2 {
  width: 60%;
}

.map-popup {
  width: 70%;
  height: 70vh;
  position: fixed;
  top: 55%;
  left: 50%;
  z-index: 115;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  -ms-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
}

.map-popup .close{
  position: absolute;
  right: 0px;
  top: -40px;
  width: 25px;
  cursor: pointer;
  z-index: 10;
}

.map-popup #map{
  width: 100%;
  height: 100%;
}

.map-popup.active {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}


.vivo .sect1 {
  position: relative;
  padding: 70px 0;
}

.vivo .sect1 .svg-wrap {
  width: 100%;
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 150px;
}

.vivo .sect1 .col {
  width: 34%;
}

.vivo .sect1 .col h1 {
  font-family: 'Ubuntu-M';
  font-size: 40px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #313131;
}

.vivo .sect1 .col > span {
  display: block;
  margin-top: 45px;
  margin-bottom: 35px;
  font-family: 'Ubuntu-M';
  font-size: 26px;
  color: #52B04C;
}

.vivo .sect1 .col h4 {
  font-family: 'Ubuntu-M';
  font-size: 26px;
  line-height: 1.5;
  color: #313131;
  margin-bottom: 50px;
}

.vivo .sect1 .col .my-ul {
  margin-left: 40px;
}

.vivo .sect1 .col .my-ul li {
  font-family: 'Ubuntu-R';
  line-height: 1.3;
  margin-bottom: 30px;
}

.vivo .sect1 .col ul.my-ul li::before {
  top: 6px;
}

.vivo .sect1 .col .button-wrap {
  margin-top: 70px;
}

.vivo .sect2 {
  width: 100%;
  overflow: hidden;
}

.vivo .sect2 .slider-wrap {
  width: 130vw;
  margin-left: -15vw;
}

.vivo .sect2 .slider-wrap li {
  height: 600px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.vivo .sect2 .slider-wrap .img-wrap1, .vivo .sect2 .slider-wrap .img-wrap5 {
  height: 320px;
}

.vivo .sect2 .slider-wrap .img-wrap2 {
  height: 460px;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

.vivo .sect2 .slider-wrap .img-wrap3 {
  height: 590px;
}

.vivo .sect2 .slider-wrap .img-wrap3{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.vivo .sect2 .slider-wrap .img-wrap3 div{
  height: calc(50% - 25px);
  overflow: hidden;
}

.vivo .sect2 .slider-wrap .img-wrap3 div img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vivo .sect2 .slider-wrap .img-wrap3 .img1 {
}

.vivo .sect2 .slider-wrap .img-wrap4 {
  height: 520px;
}

.vivo .sect3 {
  height: 400px;
  margin-top: -120px;
}

.vivo .sect3 .row1{
  position: relative;
  z-index: 10;
}

.vivo .sect3 .bottom-wrap {
  padding: 250px 200px 70px 200px;
  background: rgba(210, 237, 208, 0.4);
}

.vivo .sect3 h3 {
  font-family: 'Ubuntu-M';
  font-size: 40px;
  line-height: 1.4;
  margin-bottom: 75px;
  width: 45%;
  text-transform: initial;
}

.vivo .sect3 h4 {
  font-size: 16px;
  color: #52B04C;
  margin-bottom: 50px;
}

.vivo .sect3 .select-wrap {
  width: 500px;
}

.vivo .sect3 .cafe-wrap .flex-wrap{
  display: none;
}

.vivo .sect3 .cafe-wrap .flex-wrap.active{
  display: flex;
}

.vivo .sect3 .cafe-wrap .flex-wrap .block {
  width: 40%;
  margin-right: 5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
  cursor: pointer;
}

.vivo .sect3 .cafe-wrap .flex-wrap .block .img-wrap {
  width: 42px;
  height: auto;
  margin-right: 50px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.vivo .sect3 .cafe-wrap .flex-wrap .block .img-wrap img {
  height: auto;
}

.vivo .sect3 .cafe-wrap .flex-wrap .block div {
  width: 80%;
}

.vivo .sect3 .cafe-wrap .flex-wrap .block span {
  font-family: 'Ubuntu-M';
  font-size: 20px;
  line-height: 1.6;
}

.vivo .sect3 .cafe-wrap .flex-wrap .block p {
  line-height: 1.4;
}

.main-tel{
  margin-bottom: 23px;
  margin-left: 45px;
}

.main-tel span {
  font-size: 24px;
  font-family: 'Ubuntu-M';
  display: block;
  margin-bottom: 10px;
}

.main-tel a{
  font-size: 24px;
  color: black;
}

.tel-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 5px;
}

.tel-wrap span {
  font-size: 24px;
  font-family: 'Ubuntu-M';
  display: block;
  margin-right: 5px;
}

.tel-wrap a {
  font-size: 26px;
  display: block;
  color: #313131;
}

.hotel .sect1 .col1 {
  width: 40%;
}

.hotel .sect1 .col1 h3 {
  margin-top: 70px;
}

.hotel .sect1 .col1 h4 {
  font-family: 'Ubuntu-M';
  font-size: 26px;
  display: block;
  color: #52B04C;
  margin-top: 45px;
  margin-bottom: 60px;
}

.hotel .sect1 .col1 p {
  line-height: 1.6;
  margin-bottom: 30px;
}

.hotel .sect1 .col2 {
  margin-left: 7%;
  width: 50%;
  padding-top: 170px;
}

.hotel .sect1 .col2 .inner-wrap {
  background: white;
  padding: 50px 70px;
}

.hotel .sect1 .col2 .flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hotel .sect1 .col2 .flex-wrap div {
  width: 30%;
}

.hotel .sect1 .col2 .flex-wrap div span {
  font-family: 'Ubuntu-M';
  display: block;
  font-size: 40px;
  color: #52B04C;
  margin-bottom: 15px;
}

.hotel .sect1 .col2 .flex-wrap div p {
  line-height: 1.3;
  width: 95%;
}

.hotel .sect1 .col2 .line {
  width: 100%;
  height: 1px;
  background: #D2EDD0;
  margin-top: 55px;
  margin-bottom: 40px;
}

.hotel .sect1 .col2 h4 {
  font-family: 'Ubuntu-M';
  font-size: 26px;
  margin-bottom: 35px;
}

.hotel .sect1 .col2 .wrap svg {
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  width: 65px;
  height: 65px;
  margin-right: 15px;
}

.hotel .sect1 .col2 .wrap p {
  width: 70%;
}

.hotel .sect1 .col2 .tel-wrap {
  margin-top: 20px;
}

.hotel .sect1 .col2 .tel-wrap span, .hotel .sect1 .col2 .tel-wrap a {
  font-size: 20px;
}

.hotel .sect2 {
  margin-top: 70px;
  padding-bottom: 75px;
}

.hotel .sect2 .tab-wrap {
  background: white;
}

.hotel .sect2 .tab-wrap .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hotel .sect2 .tab-wrap .top .button {
  width: 25%;
  height: 90px;
  cursor: pointer;
  background: #D2EDD0;
  border-right: 2px solid white;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.hotel .sect2 .tab-wrap .top .button span {
  font-family: 'Ubuntu-M';
  font-size: 20px;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  color: #52B04C;
}

.hotel .sect2 .tab-wrap .top .button:last-child {
  border: none;
}

.hotel .sect2 .tab-wrap .top .button.active,
.hotel .sect2 .tab-wrap .top .button:hover {
  background: #52B04C;
}

.hotel .sect2 .tab-wrap .top .button.active span,
.hotel .sect2 .tab-wrap .top .button:hover span {
  color: white;
}

.hotel .sect2 .tab-wrap .main {
  position: relative;
}

.hotel .sect2 .tab-wrap .main .content {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  padding: 100px;
  padding-bottom: 75px;
  opacity: 0;
  pointer-events: none;
}

.hotel .sect2 .tab-wrap .main .content .row1 .col {
  width: 50%;
}

.hotel .sect2 .tab-wrap .main .content .row1 .col span {
  font-size: 30px;
  line-height: 1.5;
  display: block;
  width: 60%;
  margin-left: 20%;
}

.hotel .sect2 .tab-wrap .main .content .row1 .col p {
  width: 80%;
}

.hotel .sect2 .tab-wrap .main .content .row2 {
  margin-top: 90px;
}

.hotel .sect2 .tab-wrap .main .content .row2 .img-wrap1, .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap2, .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap3 {
  width: 28%;
  margin-right: 50px;
  margin-bottom: 50px;
}

.hotel .sect2 .tab-wrap .main .content .row2 .img-wrap4, .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap5 {
  width: 42%;
}

.hotel .sect2 .tab-wrap .main .content .row2 .img-wrap4 {
  margin-left: 10%;
}

.hotel .sect2 .tab-wrap .main .content .row2 .img-wrap5 {
  margin-left: 50px;
}

.hotel .sect2 .tab-wrap .main .content.active {
  position: relative;
  opacity: 1;
  z-index: 1;
  pointer-events: all;
}

.back-black {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(49, 49, 49, 0.8);
  z-index: 110;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.back-black.active {
  opacity: 1;
  pointer-events: all;
}

.contacts .main-wrap {
  height: 100vh;
  overflow: hidden;
  
}
@media screen and ( max-width: 1380px) { 
  .contacts .main-wrap {  
    margin-top: 80px;
    overflow-y: auto; 
  }
}
@media screen and ( max-width: 1024px) { 
  .contacts .main-wrap {  
    margin-top: 0px;
  }
}
@media screen and ( min-width: 1381px) { 
  .contacts .main-wrap {  
    margin-top: 100px;
  }
}
@media screen and ( min-width: 1651px) { 
  .contacts .main-wrap {  
    margin-top: 0px;
  }
}
.contacts .back-black {
  z-index: 20;
}

.contacts .svg-wrap {
  width: 100%;
  position: absolute;
  top: 21%;
  left: 0px;
  pointer-events: none;
  z-index: 1;
}

.contacts .svg-wrap .svg2{
  display: none; 
}

.contacts .container2 {
  height: 100%;
}

.contacts .container2 .h3-wrap {
  position: relative;
}

.contacts .container2 .h3-wrap h3 {
  position: absolute;
  top: 50px;
  left: 0px;
}

.contacts .flex-wrap {
  height: 100%;
}

.contacts .flex-wrap .col1 {
  padding-bottom: 80px;
}

.contacts .flex-wrap .col2 {
  padding-bottom: 33px;
  z-index: 15;
}

.contacts .flex-wrap .col3 {
  padding-bottom: 45px;
  position: relative;
  z-index: 15;
}

.contacts .flex-wrap .col3 .social {
  margin-top: 53px;
  margin-left: 45px;
}

.contacts .flex-wrap .col3 .social h4 {
  font-size: 20px;
  color: #313131;
  margin-bottom: 25px;
}

.contacts .flex-wrap .col3 .social h4 span {
  font-family: 'Ubuntu-M';
}

.contacts .flex-wrap .col3 .social a {
  display: block;
  margin-right: 25px;
}

.contacts .flex-wrap .col {
  width: 32%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.contacts .flex-wrap .col .item {
  padding: 35px 45px;
  background: #EAF9EB;
  margin-top: 30px;
}

.contacts .flex-wrap .col .item > span {
  font-size: 19px;
  color: #52B04C;
  display: block;
  margin-bottom: 25px;
}

.contacts .flex-wrap .col .item .tel-wrap {
  margin-bottom: 7px;
}

.contacts .flex-wrap .col .item h4 {
  margin-top: 15px;
  margin-bottom: 12px;
  font-family: 'Ubuntu-M';
  line-height: 1.15;
}

.contacts .flex-wrap .col .item .bottom-wrap{
  margin-top: 15px; 
}

.contacts .flex-wrap .col .item p {
  line-height: 1.3;
}

.contacts .tel-wrap a{
  font-size: 24px;
}

.contacts .flex-wrap .col .item .bottom-wrap {
  margin-top: 20px;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; 
}

.contacts .flex-wrap .col .item .bottom-wrap svg {
  width: 64px;
  height: 64px;
}

.contacts .flex-wrap .col .item .bottom-wrap span {
  font-size: 20px;
  font-family: 'Ubuntu-M';
  color: #52B04C;
}

.contacts .map-wrap {
  width: 100%;
  height: -webkit-calc(100% - 100px);
  height: calc(100% - 100px);
  position: absolute;
  z-index: 25;
  padding-left: 150px;
  padding-right: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.contacts .map-wrap .inner-wrap {
  position: relative;
  width: 100%;
  height: 70%;
}

.contacts .map-wrap .close {
  position: absolute;
  top: -40px;
  right: 0px;
  cursor: pointer;
  width: 18px;
  height: auto;
}

.contacts .map-wrap.active {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.contacts .map-wrap #map1, .contacts .map-wrap #map2, .contacts .map-wrap #map3, .contacts .map-wrap #map4 {
  width: 100%;
  height: 100%;
}

.quality .main-wrap{
  overflow: hidden;
}

.quality .main-wrap .container {
  padding: 0 13%;
}

.quality .sect1 h2 {
  font-size: 30px;
  line-height: 1.4;
  color: #52B04C;
  width: 40%;
  margin-top: 75px;
  margin-bottom: 60px;
  display: block;
}

.quality .sect1 .flex-wrap {
  padding: 85px;
  padding-bottom: 65px;
  background: rgba(210, 237, 208, 0.4);
}

.quality .sect1 .flex-wrap .col {
  width: 50%;
  padding-right: 10%;
}

.quality .sect1 .flex-wrap .col span {
  font-family: 'Ubuntu-M';
  font-size: 16px;
  text-transform: uppercase;
  color: #52B04C;
}

.quality .sect1 .flex-wrap .col h4 {
  font-family: 'Ubuntu-M';
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 35px;
  width: 80%;
}

.quality .sect1 .flex-wrap .col ul {
  margin-left: 40px;
}

.quality .sect1 .flex-wrap .col ul li {
  font-family: 'Ubuntu-R';
  line-height: 1.5;
}

.quality .sect1 .flex-wrap .col ul.my-ul li::before {
  top: 8px;
}

.quality .sect2 {
  padding: 100px 0;
  position: relative;
}

.quality .sect2 .svg-wrap {
  width: 100%;
  position: absolute;
  bottom: -48%;
  left: 0px;
  pointer-events: none;
  z-index: -1;
}

.quality .sect2 .svg-wrap .svg2{
  display: none; 
}

.quality .sect2 .col {
  width: 40%;
}

.quality .sect2 .col p.big {
  font-size: 26px;
  line-height: 1.5;
  margin: 0;
}

.quality .sect2 .col p {
  margin-top: 30px;
  margin-bottom: 80px;
}

.quality .sect2 .col p span {
  font-family: 'Ubuntu-M';
}

.quality .sect3{
  display: none;
}

.quality .sect3 .s2 {
  padding-bottom: 120px;
}

.quality .sect3 .file-wrap{
  display: inline-block;
  background: white;
  border: 1.5px solid #52B04C;
  border-radius: 5px;
  margin-top: -10px;
}

.quality .sect3 .file-wrap a{
  padding: 22px 30px;
}

.quality .sect3 .file-wrap span{
  font-size: 16px;
  color: #52B04C;
}

.quality .sect3 .file-wrap svg{
  width: 28px;
  height: 28px;
  margin-right: 15px;
}

.quality .sect3 .s1 {
  background: #D2EDD0;
}

.quality .sect3 > .container h3{
  margin-bottom: 50px;
}

.quality .sect3 .s1 .item {
  width: 20%;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 2px solid white;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  cursor: pointer;
}

.quality .sect3 .s1 .item:last-child {
  border: none;
}

.quality .sect3 .s1 .item span {
  font-size: 18px;
  font-family: 'Ubuntu-M';
  color: #52B04C;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.quality .sect3 .s1 .item.active, .quality .sect3 .s1 .item:hover {
  background: #52B04C;
}

.quality .sect3 .s1 .item.active span, .quality .sect3 .s1 .item:hover span {
  color: white;
}


.quality .s2 {
  display: none;
  background: white;
}

.quality .s2.active {
  display: block;
}

.quality .sect3 .s2 .column {
  width: 50%;
  padding: 85px 0;
}

.quality .sect3 .s2 .column p {
  width: 85%;
}

.quality .sect3 .s2 .column p span {
  font-family: 'Ubuntu-M';
}

.quality .sect3 .s2 h3 {
  font-family: 'Ubuntu-M';
  font-size: 26px;
  line-height: 1.5;
  color: black;
}

.quality .sect3 .s2 .container > span {
  font-size: 20px;
  display: block;
  margin-top: 20px;
  margin-bottom: 35px;
}


.quality .table-wrap .col {
  padding-left: 30px;
  border-right: 1px solid #D2EDD0;
}

.quality .table-wrap .col span {
  font-size: 18px;
  line-height: 1.2;
}

.quality .table-wrap .col1 {
  width: 6.25%;
}

.quality .table-wrap .col2 {
  width: 14%;
}

.quality .table-wrap .col3 {
  width: 14%;
}

.quality .table-wrap .col4 {
  width: 16.43%;
}

.quality .table-wrap .col5 {
  width: 16.43%;
}

.quality .table-wrap .col6 {
  width: 16.43%;
}

.quality .table-wrap .col7 {
  width: 16.43%;
  border-right: none;
}

.quality .table-wrap .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.quality .table-wrap .top .col {
  height: 130px;
  background: #D2EDD0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: none;
}

.quality .table-wrap .top .col span {
  text-transform: uppercase;
}

.quality .table-wrap .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.quality .table-wrap .row .col {
  min-height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.quality .table-wrap .row:nth-child(even) {
  background: #EAF9EB;
}

.quality .table-wrap .with-ul {
  display: block;
}

.quality .table-wrap .with-ul .inner-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.quality .table-wrap .with-ul .inner-row:first-child .col{
  padding-top: 30px;
}
.quality .table-wrap .with-ul .inner-row .col {
  padding-bottom: 30px;
  min-height: initial;
}

/* .quality .table-wrap .with-ul.with-ul1 .inner-row.inner-row1 .col2 span{
  font-family: 'Ubuntu-R';
  font-size: 15px; 
} */

.quality .table-wrap .with-ul .inner-row.inner-row1 .col2 span {
  font-size: 18px;
  font-family: 'Ubuntu-M';
  line-height: 1.2;
}

.quality .table-wrap .with-ul h4 {
  font-size: 18px;
  font-family: 'Ubuntu-M';
  line-height: 1.2;
  margin-bottom: 30px;
}

.quality .table-wrap .with-ul ul li {
  font-size: 18px;
  margin-bottom: 30px;
}

.quality .table-wrap .row:last-child {
  border-bottom: 1px solid #D2EDD0;
}

.quality .last p {
  margin-top: 60px;
}

.upg .sect1 {
  padding-top: 90px;
  padding-bottom: 95px;
}
.upg .sect1 a{
  font-size: 18px;
    color: #313131;
    text-decoration: underline;
}
.upg .sect3 .svg-wrap .svg2{ display: none; }

.upg .sect1 .col {
  width: 50%;
  padding-right: 7%;
}

.upg .sect1 .col p.big {
  font-size: 26px;
  line-height: 1.5;
}

.upg .sect1 .col p.big span {
  font-family: 'Ubuntu-M';
}

.upg .sect2 iframe {
  width: 100%;
  height: 900px;
}


.upg .sect3 .svg-wrap2{
  /* display: none; */
}

.upg .sect3 .svg-wrap2{
  width: 100%;
  overflow: hidden;
}

.circle-type2{
  opacity: 0;
}

.upg .sect3 .svg-wrap2 #line2_c1_1, 

.upg .sect3 .svg-wrap2 #line3_c1_1,
.upg .sect3 .svg-wrap2 #line3_c2_1,

.upg .sect3 .svg-wrap2 #line1_c1_2,
.upg .sect3 .svg-wrap2 #line1_c2_2,
.upg .sect3 .svg-wrap2 #line2_c1_2,
.upg .sect3 .svg-wrap2 #line3_c1_2,
.upg .sect3 .svg-wrap2 #line3_c2_2,
.upg .sect3 .svg-wrap2 #line1_2,
.upg .sect3 .svg-wrap2 #line2_2,
.upg .sect3 .svg-wrap2 #line3_2{
  opacity: 0;
}

.upg .sect3 .svg-wrap2 circle{
}

.upg .sect3 .svg-wrap2 svg{
  width: 102%;
  margin-left: -1%;
}





.upg .sect3 .svg-wrap{
  display: none;
}

.upg .sect3 {
  padding-bottom: 80px;
}

.upg .sect3 h3 {
  margin-top: 100px;
  margin-bottom: 90px;
}

.upg .sect3 .text-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  pointer-events: none;
}

.upg .sect3 .text-wrap span {
  position: absolute;
  font-family: 'Ubuntu-M';
  font-size: 18px;
  line-height: 1.3;
  color: #52B04C;
  text-transform: uppercase;
  opacity: 0;
}

.upg .sect3 .text-wrap span.span-type1{
  opacity: 1;
}

.upg .sect3 .text-wrap span.span1 { transform: translate(3px, 24px); }
.upg .sect3 .text-wrap span.span2 { transform: translate(3px, 26px); }
.upg .sect3 .text-wrap span.span3 { transform: translate(3px, 33px); }
.upg .sect3 .text-wrap span.span4 { transform: translate(3px, 35px); }
.upg .sect3 .text-wrap span.span5 { transform: translate(3px, -56px); }
.upg .sect3 .text-wrap span.span6 { transform: translate(3px, 32px); }
.upg .sect3 .text-wrap span.span7 { transform: translate(3px, -56px); }
.upg .sect3 .text-wrap span.span8 { transform: translate(3px, -56px); }

.error {
  height: 100vh;
  overflow: hidden;
}

.error .main-wrap {
  height: 100vh;
  overflow: hidden;
}

.error .logo {
  display: block;
  width: 155px;
  position: absolute;
  top: 40px;
  left: 60px;
  z-index: 20;
}

.error .svg-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
}

.error .svg-wrap .svg2{
  display: none;
}

.error .text-wrap {
  position: absolute;
  bottom: 100px;
  left: 0px;
  width: 100%;
}

.error .text-wrap h2 {
  font-size: 40px;
  text-transform: uppercase;
  margin-bottom: 65px;
  text-align: center;
}

.error .text-wrap a {
  display: block;
  font-size: 20px;
  color: #52B04C;
  text-decoration: underline;
  text-align: center;
}

.error .text-wrap a:hover {
  text-decoration: none;
}

.back-menu {
  background: url("../img/svg/back-line.svg") no-repeat center center, #323332;
  width: 100%;
  height: 100vh;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 200;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
 
.back-menu.active {
  opacity: 1;
  pointer-events: all;
}  


.vacancies .col1 .inf-wrap1{
  /* margin-top: 0 !important; */
}

.my-svg2, .my-span3{
  display: none;
}

.my-span3{
  font-size: 15px;
  color: #52B04C;
  line-height: 1.3;
  margin-top: 15px;
  margin-left: 20px;
}
 
@media screen and (min-width: 1680px) { 
.downhref
{	
	font-size:20px;	
}
}
@media screen and (max-width: 1680px) { 
.downhref
{	
	font-size:inherit;	
}


.bonus .sect3 .svg-wrap{
  top: 70px;
}
  .quality .sect3 .file-wrap a{
    padding: 20px 25px;
  }
  .ie-popup .logo{
    width: 100px;
    top: 30px;
    left: 40px;
  }
  .ie-popup .wrap{
    width: 500px;
  }
  .ie-popup h3{
    font-size: 28px;
  }
  .ie-popup p{
    margin-top: 15px;
    margin-bottom: 35px;
  }
  .ie-popup .wrap a img{
    width: 65px;
  }
  .ie-popup a span{
    margin-top: 10px;
    font-size: 15px;
  }

  .main-tel{
    margin-bottom: 10px;
    margin-left: 40px;
  }
  .main-tel span {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .main-tel a{
    font-size: 18px;
  }
  .contacts .flex-wrap .col3 .social {
    margin-left: 40px;
    margin-top: 40px;
  }
  .chain .items .item .col2 {
    padding-left: 20px;
  }
  .preloader .pr-svg-wrap svg{
    width: 150px;
  }
  .mainpage-svg-wrap .svg-wrap1 span{
    font-size: 19px;
  }
  .vivo .sect2 .slider-wrap .img-wrap3 div{
    height: calc(50% - 17.5px);
  }
  .map-popup .close{
    top: -32px;
    width: 20px;
  }
  .single .content-wrap .content h1,
  .single .content-wrap .content h2,
  .single .content-wrap .content h3,
  .single .content-wrap .content h4,
  .single .content-wrap .content h5,
  .single .content-wrap .content h6{
    margin: 30px 0;
  } 
  
  .single .content-wrap .content .my-ul{
    padding-left: 30px;
  }
  
  .single .content-wrap .content .img-wrap{
    margin: 30px 0; 
  }


.menu .right-col a.a5{
  transform: translate(20px, 40px);
}
.menu .right-col a.a6{
  transform: translate(20px, 80px);
} 

  .menu .cab svg{
    width: 20px;
    height: 20px;
    margin-right: 9px;
  }
  .menu .cab{
    padding: 15px 20px;
  }
  .mainpage-svg-wrap .svg-wrap1 {
    bottom: 50px;
  }
  .mainpage-svg-wrap .svg-wrap2 {
    bottom: 70px;
  }
  .mainpage-svg-wrap .svg-wrap3 {
    bottom: 0px;
  }
  .mainpage-svg-wrap .svg-wrap4 {
    bottom: 50px;
  }
  .mainpage-svg-wrap .svg-wrap5 {
    bottom: 50px;
  }
  .main-wrap {
    padding-top: 90px;
  }
  .header-back,
  header {
    height: 90px;
  }
  header .logo {
    width: 90px;
  }
  header .header-menu-wrap ul li {
    margin-right: 25px;
  }
  header .header-menu-wrap ul li a {
    font-size: 18px;
  }
  header .bitok {
    width: 21px;
    margin-right: 40px;
  }
  .burger-wrap .burger {
    -webkit-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
            transform: translateY(10px) rotate(45deg);
  }
  .burger-wrap .span2 {
    margin: 6px 0;
  }
  .mainpage .watch svg {
    width: 55px;
    height: 55px;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .mainpage .abs-text .top span {
    font-size: 18px;
  }
  .mainpage .abs-text .top {
    margin-bottom: 40px;
  }
  .mainpage .abs-text .center span {
    font-size: 48px;
  }
  .mainpage .abs-text .center {
    margin-bottom: 35px;
  }
  .mainpage .abs-text .bottom p {
    font-size: 18px;
  }
  .mainpage .logo, .menu .logo-wrap, .menu .logo {
    width: 120px;
    left: 45px;
    top: 25px;
  }
  .mainpage .left-line a {
    font-size: 17px;
  }
  .menu .my-col a.title {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .menu .my-col a {
    font-size: 21px;
    margin-bottom: 20px;
  }
  .menu .bottom .col2 h4 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .market-wrap a {
    padding: 10px 20px;
  }
  .market-wrap a svg {
    width: 90px;
  }
  .menu .bottom .col1 > a {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .menu .soc a {
    width: 32px;
    height: 32px;
    margin-right: 20px;
  }
  .menu .soc .circle svg {
    width: 16px;
    height: auto;
  }
  .menu .soc a.circle2 svg {
    width: 8px;
  }
  .mainpage .burger-wrap {
    top: 37px;
    right: 45px;
  }
  .menu .burger-wrap {
    top: 25px;
  }
  .menu .language-wrap {
    right: 170px;
    top: 38px;
  }
  .container2 {
    padding: 0 75px;
  }
  .price .main-wrap .col1 {
    padding: 50px 0;
  }
  .price .main-wrap .col1 h1 {
    font-size: 45px;
    margin-bottom: 15px;
  }
  .price .main-wrap .col1 .span1 {
    font-size: 16px;
  }
  .price .main-wrap .col1 .span2 {
    font-size: 21px;
    margin-top: 7px;
    margin-bottom: 15px;
  }
  .price .select-wrap {
    margin-top: 10px;
  }
  .select-wrap .main {
    height: 50px;
    padding-right: 20px;
    padding: 14px;
  }
  .select-wrap .list .option {
    height: 50px;
    padding: 14px;
    font-size: 16px;
  }
  .select-wrap .main .option {
    font-size: 19px;
  }
  .price .abs-text .span1 {
    font-size: 18px;
  }
  .price .abs-text .span2 {
    font-size: 25px;
  }
  .button-wrap a {
    padding: 20px 40px;
  }
  .button-wrap a span {
    font-size: 15px;
  }
  .error .logo {
    width: 120px;
    top: 35px;
    left: 45px;
  }
  .error .text-wrap {
    bottom: 70px;
  }
  .error .text-wrap h2 {
    font-size: 34px;
    margin-bottom: 45px;
  }
  .error .text-wrap a {
    font-size: 18px;
  }
  h3 {
    font-size: 35px;
  }
  .action .sect1 .container2 > h3 {
    margin-bottom: 50px;
  }
  .action .sect1 {
    padding-top: 50px;
  }
  .action .sect1.ac1 .block {
    height: 500px;
  }
  .news-wrap .block .inf {
    padding: 25px 25px 55px 40px;
  }
  .action .sect1.ac1 .block .inf {
    width: 400px;
  }
  .news-wrap .block .inf h3 {
    font-size: 20px;
  }
  .news-wrap .block .inf .bottom .square {
    width: 40px;
    height: 40px;
  }
  .news-wrap .block .inf .bottom span {
    font-size: 15px;
    margin-left: 13px;
  }
  .action .sect1.ac1 .block .inf {
    padding-bottom: 70px;
    -webkit-transform: translate(-80px, -80px);
        -ms-transform: translate(-80px, -80px);
            transform: translate(-80px, -80px);
  }
  .action .sect1.ac1 {
    padding-bottom: 170px;
  }
  .news-wrap .block {
    margin-bottom: 75px;
  }
  .action .sect1.ac2 .block .img-wrap {
    height: 380px;
  }
  .action .sect1.ac2 .block .inf {
    -webkit-transform: translate(40px, -40px);
        -ms-transform: translate(40px, -40px);
            transform: translate(40px, -40px);
  }
  .action .sect2 {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  .action .sect2 h3 {
    margin-bottom: 50px;
  }
  .action .sect2 .col {
    padding-right: 5%;
  }
  .action .sect2 a {
    font-size: 21px;
    margin-bottom: 22px;
  }
  .bonus .sect1 {
    padding-top: 90px;
  }
  .bonus .sect1 .col2 h1 {
    font-size: 45px;
  }
  .bonus .sect1 .col2 > span {
    font-size: 18px;
    margin-top: 35px;
    margin-bottom: 12px;
  }
  .bonus .sect1 .col2 p {
    font-size: 22px;
  }
  .bonus .sect1 .col2 .button-wrap {
    margin-top: 45px;
    width: 400px;
  }
  .bonus .sect2 .abs-text h3 {
    font-size: 21px;
    margin-bottom: 15px;
  }
  .bonus .sect2 .abs-text p {
    max-width: 350px;
  }
  p {
    font-size: 18px;
  }
  ol, ul {
	
	font-size: 18px;
	}
  .bonus .sect2 .abs-text p {
    font-size: 16px;
  }
  .bonus .sect2 .abs-text1 {
            transform: translate(18%, 16%);
  }
  .bonus .sect2 .abs-text2 {
            transform: translate(6%, 35%);
  }
  .bonus .sect2 .abs-text3 {
            transform: translate(14%, 46%);
  }
  .bonus .sect2 .abs-text4 {
            transform: translate(8%, 33%);
  }
  .bonus .sect3 {
    margin-top: 80px;
    /*margin-bottom: 180px;*/
  }
  .bonus .sect3 .col2 h3 {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .bonus .sect3 .col2 .block .col1 h4 {
    font-size: 24px;
    margin-bottom: 7px;
  }
  .bonus .sect3 .col2 .block .col2 {
    width: 40px;
    margin-right: 25px;
  }
  .bonus .sect3 .col2 .block .col3 p {
    font-size: 16px;
    line-height: 1.4;
  }
  .bonus .sect3 .col2 .block {
    margin-bottom: 35px;
  }
  .bonus .sect4 .text-wrap {
    padding: 60px 0 75px 160px;
  }
  .cutb
  {
    max-width:500px;
  }
  .bonus .sect4 .text-wrap h3 {
    font-size: 30px;
  }
  .bonus .sect4 .text-wrap p {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .bonus .sect3 .col2 a {
    margin-top: 40px;
    font-size: 18px;
  }
  .bonus .sect3 .col2 .block .col1 span {
    font-size: 11px;
  }
  .chain .column {
    padding: 40px 80px 35px 100px;
    height: 200px;
  }
  .chain .column.active {
    height: -webkit-calc(100vh - 90px);
    height: calc(100vh - 90px);
  }
  .chain .column2 {
    height: 80px;
  }
  .chain .column2 .top {
    padding: 0 75px;
  }
  .chain .column2 .top h4 {
    font-size: 18px;
    margin-right: 40px;
  }
  .chain .column2 .top .circle {
    width: 45px;
    height: 45px;
    margin-right: 20px;
  }
  .chain .column2 .top .circle span {
    font-size: 14px;
  }
  .contacts .container2 .h3-wrap h3 {
    top: 40px;
  }
  .contacts .flex-wrap .col1 {
    padding-bottom: 60px;
  }
  .contacts .flex-wrap .col .item {
    padding: 30px 40px;
  }
  .contacts .flex-wrap .col .item > span {
    font-size: 17px;
    margin-bottom: 20px;
  }
  .tel-wrap span {
    font-size: 21px;
  }
  .tel-wrap a {
    font-size: 22px;
  }
  .contacts .tel-wrap span {
    font-size: 18px;
  }
  .contacts .tel-wrap a {
    font-size: 20px;
  }
  .contacts .flex-wrap .col .item h4 {
    font-size: 17px;
    line-height: 1.2;
    margin-top: 15px;
    margin-bottom: 12px;
  }
  .contacts .flex-wrap .col .item .bottom-wrap {
    margin-top: 15px;
  }
  .contacts .flex-wrap .col .item .bottom-wrap svg {
    width: 55px;
    height: 55px;
    margin-right: 5px;
  }
  .contacts .flex-wrap .col .item .bottom-wrap span {
    font-size: 18px;
  }
  .contacts .svg-wrap {
    top: 24.5%;
  }
  .contacts .item p {
    font-size: 16px;
  }
  .contacts .flex-wrap .col3 .social h4 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .contacts .flex-wrap .col3 .social a {
    width: 32px;
    margin-right: 18px;
  }
  .clients .sect1 h3 {
    margin-top: 50px;
  }
  .clients .sect1 .svg-wrap {
    top: 30px;
  }
  .clients .sect2 {
    padding: 70px 35px;
  }
  .clients .abs-text-green div {
    -webkit-transform: translate(2px, 20px);
        -ms-transform: translate(2px, 20px);
            transform: translate(2px, 20px);
  }
  .clients .abs-text-green div.text1 {
    -webkit-transform: translate(2px, 20px);
        -ms-transform: translate(2px, 20px);
            transform: translate(2px, 20px);
  }
  .clients h4 {
    font-size: 32px;
  }
  .clients .subtitle {
    font-size: 21px;
    margin-top: 35px;
    margin-bottom: 30px;
  }
  .clients .button-wrap {
    margin-top: 50px;
  }
  .clients h5 {
    font-size: 21px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  ul.my-ul li {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .clients .sect3 .col1 ul {
    margin-left: 30px;
  }
  ul.my-ul li::before {
    width: 11px;
    height: 11px;
    left: -30px;
  }
  .clients .sect3 {
    padding-bottom: 150px;
  }
  .clients .sect3 .svg-wrap {
    bottom: 65px;
  }
  .hotel .sect1 .col1 h3 {
    margin-top: 50px;
  }
  .hotel .sect1 .col1 h4 {
    font-size: 22px;
    margin-top: 35px;
    margin-bottom: 40px;
  }
  .hotel .sect1 .col1 p {
    margin-bottom: 24px;
  }
  .hotel .sect1 .col2 {
    padding-top: 120px;
  }
  .hotel .sect1 .col2 .inner-wrap {
    padding: 40px 55px;
  }
  .hotel .sect1 .col2 .flex-wrap div span {
    font-size: 32px;
    margin-bottom: 10px;
  }
  .hotel .sect1 .col2 .line {
    margin-top: 35px;
    margin-bottom: 30px;
  }
  .hotel .sect1 .col2 h4 {
    font-size: 21px;
    margin-bottom: 25px;
  }
  .hotel .sect1 .col2 .wrap svg {
    width: 55px;
    height: 55px;
    margin-right: 10px;
  }
  .hotel .sect1 .col2 .tel-wrap {
    margin-top: 10px;
  }
  .hotel .sect2 .tab-wrap .top .button {
    height: 75px;
  }
  .hotel .sect2 .tab-wrap .top .button span {
    font-size: 18px;
  }
  .hotel .sect2 .tab-wrap .main .content .row1 .col span {
    font-size: 24px;
    width: 70%;
    margin-left: 15%;
  }
  .hotel .sect2 .tab-wrap .main .content.active {
    padding: 80px;
  }
  .top-menu ul li a {
    font-size: 15px;
    display: block;
    -webkit-transform: translate(-2px, 10px);
        -ms-transform: translate(-2px, 10px);
            transform: translate(-2px, 10px);
  }
  .top-menu {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .news-wrap .block1 .top {
    height: 300px;
    padding-right: 40px;
  }
  .news-wrap .block .top .date {
    font-size: 18px;
  }
  .news-wrap .block2 .top {
    height: 380px;
  }
  .partners .main-wrap .col1 .row {
    padding-left: 75px;
    padding-right: 50px;
  }
  .partners .main-wrap .col1 .row p.big {
    font-size: 21px;
    margin-bottom: 30px;
  }
  .partners .main-wrap .col1 .row1 a {
    width: 180px;
    margin-top: 40px;
    margin-bottom: 0px;
  }
  .partners .main-wrap .col1 .row2 h3 {
    font-size: 21px;
    margin-bottom: 10px;
  }
  .partners .main-wrap .col1 .row2 .item {
    padding: 25px 0;
  }
  .partners .main-wrap .col1 .row2 .item div span {
    font-size: 18px;
  }
  .partners .main-wrap .col1 .row2 .item div p {
    font-size: 18px;
  }
  .partners .main-wrap .col1 .row2 .item svg {
    width: 55px;
  }
  .partners .main-wrap .col1 .row3 h1 {
    font-size: 32px;
    margin-top: 100px;
    margin-bottom: 30px;
  }
  .partners .main-wrap .col1 .row3 .button-wrap {
    margin-top: 50px;
    margin-bottom: 0px;
  }
  .partners .main-wrap .col1 {
    height: -webkit-calc(100vh - 230px);
    height: calc(100vh - 230px);
    padding-bottom: 40px;
  }
  .quality .main-wrap .container {
    padding: 0 8%;
  }
  .quality .sect1 h2 {
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 40px;
  }
  .quality .sect1 .flex-wrap {
    padding: 65px;
    padding-bottom: 55px;
  }
  .quality .sect1 .flex-wrap .col span {
    font-size: 15px;
  }
  .quality .sect1 .flex-wrap .col h4 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 25px;
  }
  .quality .sect1 .flex-wrap .col ul {
    margin-left: 30px;
  }
  .quality .sect2 {
    padding: 80px 0;
  }
  .quality .sect2 .col p.big {
    font-size: 21px;
  }
  .quality .sect2 .col p {
    margin-top: 20px;
    margin-bottom: 55px;
  }
  .quality .sect3 .s1 .item {
    height: 70px;
  }
  .quality .sect3 .s1 .item span {
    font-size: 17px;
  }
  .quality .sect3 .s2 .column {
    padding: 60px 0;
  }
  .quality .sect3 .s2 h3 {
    font-size: 22px;
  }
  .quality .sect3 .s2 .container > span {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 25px;
  }
  .quality .table-wrap .top .col {
    height: 100px;
  }
  .quality .table-wrap .col span {
    font-size: 15px;
  }
  .quality .table-wrap .top span{
    font-size: 13px;
  }
  .quality .table-wrap .row .col {
    min-height: 70px;
  }
  .quality .table-wrap .col {
    padding-left: 15px;
  }
  .quality .table-wrap .with-ul .inner-row.inner-row1 .col2 span {
    font-size: 18px;
  }
  .quality .table-wrap .with-ul .inner-row:first-child .col{
    padding-top: 20px;
  }
  .quality .table-wrap .with-ul .inner-row .col {
    padding-bottom: 20px;
  }
  .quality .last p {
    margin-top: 45px;
  }
  .quality .sect3 .s2{
    padding-bottom: 90px;
  }
  .single .main-img-wrap {
    /* height: 65vh; */
  }
  .single .main-wrap .title, .single .content, .single .content-wrap2 {
    padding-left: 75px;
    padding-right: 75px;
  }
  .single .content-wrap .title {
    padding-top: 35px;
    padding-bottom: 40px;
  }
  .single .content-wrap .title .date {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .single .content-wrap .title h1 {
    font-size: 50px;
  }
  .single .content-wrap .content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .single .content-wrap .content .subtitle {
    font-size: 22px;
    margin-bottom: 30px;
  }
  .single .content-wrap .content .flex-wrap .col2 span {
    font-size: 34px;
    margin-bottom: 10px;
  }
  .single .content-wrap .content > span {
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .single .content-wrap .content a {
    font-size: 17px;
  }
  .single .main-wrap > .bottom {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .single .main-wrap > .bottom h3 {
    font-size: 26px;
    margin-bottom: 60px;
  }
  .single .main-wrap > .bottom .flex-wrap2 .block {
    margin-bottom: 40px;
  }
  .single .main-wrap > .bottom .flex-wrap2 .block svg {
    width: 32px;
    margin-right: 20px;
  }
  .single .main-wrap > .bottom .flex-wrap2 .block span {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .star .main-wrap .container {
    padding: 0 180px;
  }
  .star .sect1 .col h3 {
    font-size: 24px;
    margin-bottom: 35px;
  }
  .star .sect1 .col2 .div1 img {
    max-width: 140px;
  }
  .star .sect1 .col2 .div2 img {
    max-width: 185px;
  }
  .star .sect1 .col2 .div3 img {
    max-width: 127px;
  }
  .star .sect1 .col2 .div4 img {
    max-width: 164px;
  }
  .star .sect1 {
    padding-top: 40px;
    padding-bottom: 75px;
  }
  .star .sect2 .flex-wrap {
    margin-top: 60px;
  }
  .star .sect2 .flex-wrap .block span {
    font-size: 18px;
  }
  .star .sect2 .flex-wrap .block p {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .star .sect2 .flex-wrap .block .img-wrap {
    height: 180px;
  }
  .star .sect2 .flex-wrap .block h3 {
    margin: 20px 0;
    font-size: 18px;
  }
  .star .sect2 .flex-wrap .block {
    margin-bottom: 70px;
  }
  .star2 .top-menu svg {
    bottom: 10px;
  }
  .star2 .sect1 {
    padding-top: 75px;
    padding-bottom: 200px;
  }
  .star2 .sect1 .col p.big {
    font-size: 22px;
  }
  .star2 .sect1 .col2 span {
    font-size: 22px;
    margin-top: 25px;
  }
  .star2 .sect2 {
    margin-top: -130px;
  }
  .tender .main-wrap .container {
    padding: 0 180px;
  }
  h3.main {
    margin-top: 65px;
    margin-bottom: 30px;
  }
  .tender .main-wrap .container > p {
    font-size: 22px;
    margin-bottom: 40px;
  }
  .tender .table .item {
    height: 70px;
  }
  .tender .table .item .col {
    padding-left: 60px;
  }
  .tender .table .item .col span {
    font-size: 18px;
  }
  .tender .main-wrap .container > a {
    margin-top: 30px;
    margin-left: 60px;
    margin-bottom: 55px;
    font-size: 18px;
  }
  .upg .sect1 {
    padding-top: 70px;
    padding-bottom: 75px;
  }
  .upg .sect1 .col p.big {
    font-size: 22px;
  }
  .upg .sect2 iframe {
    height: 700px;
  }
  .upg .sect3 h3 {
    margin-top: 70px;
    margin-bottom: 60px;
  }
  .upg .sect3 .text-wrap span {
    font-size: 14px;
  }
  .upg .sect3 .text-wrap span.span1 { transform: translate(3px, 18px); }
  .upg .sect3 .text-wrap span.span2 { transform: translate(3px, 18px); }
  .upg .sect3 .text-wrap span.span3 { transform: translate(3px, 22px); }
  .upg .sect3 .text-wrap span.span4 { transform: translate(3px, 22px); }
  .upg .sect3 .text-wrap span.span5 { transform: translate(3px, -40px); }
  .upg .sect3 .text-wrap span.span6 { transform: translate(3px, 22px); }
  .upg .sect3 .text-wrap span.span7 { transform: translate(3px, -40px); }
  .upg .sect3 .text-wrap span.span8 { transform: translate(3px, -40px); }
    .vacancies .col p.big {
    font-size: 21px;
  }
  .vacancies .col1 .inf-wrap {
    margin-bottom: 40px;
  }
  .vacancies .col1 .select-wrap {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .vacancies .col .bottom {
    padding: 25px 50px;
  }
  .vacancies .col .bottom .span2 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 5px;
  }
  .vacancies .col .bottom .span3 {
    font-size: 14px;
  }
  .vacancies .col .bottom .inf-wrap-bottom {
    margin-top: 23px;
  }
  .vacancies .col .bottom .item span {
    font-size: 21px;
  }
  .vacancies .col .bottom .item a {
    font-size: 22px;
  }
  .vacancies .col1 .inf-wrap .inf {
    padding: 35px 35px 45px 70px;
  }
  .vacancies .col1 .inf-wrap .inf > span {
    font-size: 14px;
    margin-bottom: 27px;
  }
  .vacancies .col1 .inf-wrap .inf .flex-wrap h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .vacancies .col1 .inf-wrap .inf .ul-wrap {
    margin: 40px 0;
  }
  .vacancies .col1 .inf-wrap .inf .ul-wrap span {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .vacancies .col1 .inf-wrap .inf .flex-wrap svg {
    width: 55px;
    height: 55px;
  }
  .vacancies .col1 {
    padding-right: 80px;
  }
  .video .block .circle-wrap {
    width: 320px;
    height: 320px;
  }
  .video .block .inf {
    width: 320px;
  }
  .video .block .circle-wrap svg {
    width: 54px;
  }
  .video .top-menu {
    padding: 45px 0;
  }
  .video .block h3 {
    font-size: 18px;
    margin: 15px 0;
  }
  .video .slider-wrap {
    padding-top: 30px;
  }
  .video .block:nth-child(3n-1) {
    top: 45px;
  }
  .video .buttons svg {
    width: 22px;
  }
  .video .buttons svg {
    -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  .video .buttons .prev svg {
    -webkit-transform: rotate(-180deg) translateY(2px);
        -ms-transform: rotate(-180deg) translateY(2px);
            transform: rotate(-180deg) translateY(2px);
  }
  .video .buttons span {
    font-size: 16px;
  }
  .vivo .sect1 {
    padding: 50px 0;
  }
  .vivo .sect1 .col h1 {
    font-size: 32px;
  }
  .vivo .sect1 .col > span {
    margin-top: 35px;
    margin-bottom: 25px;
    font-size: 22px;
  }
  .vivo .sect1 .col h4 {
    font-size: 22px;
    margin-bottom: 35px;
  }
  .vivo .sect1 .col .my-ul {
    margin-left: 30px;
  }
  .vivo .sect1 .col .my-ul li {
    margin-bottom: 20px;
  }
  .vivo .sect2 .slider-wrap .img-wrap1, .vivo .sect2 .slider-wrap .img-wrap5 {
    height: 260px;
  }
  .vivo .sect2 .slider-wrap .img-wrap2 {
    height: 380px;
    -webkit-transform: translateY(35px);
        -ms-transform: translateY(35px);
            transform: translateY(35px);
  }
  .vivo .sect2 .slider-wrap .img-wrap3 {
    height: 480px;
  }
  .vivo .sect2 .slider-wrap .img-wrap3 .img1 {
    /* margin-bottom: 35px; */
  }
  .vivo .sect2 .slider-wrap .img-wrap4 {
    height: 440px;
  }
  .vivo .sect3 .bottom-wrap {
    padding: 180px 150px 45px 150px;
  }
  .vivo .sect3 h3 {
    font-size: 33px;
    margin-bottom: 50px;
  }
  .vivo .sect3 h4 {
    margin-bottom: 40px;
  }
  .vivo .sect3 .cafe-wrap .flex-wrap .block {
    margin-bottom: 40px;
  }
  .vivo .sect3 .cafe-wrap .flex-wrap .block .img-wrap {
    width: 36px;
    margin-right: 30px;
  }
  .vivo .sect3 .cafe-wrap .flex-wrap .block span {
    font-size: 18px;
  }
  .wholesale .main-wrap .col1 .container2 {
    padding-top: 35px;
    padding-bottom: 60px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block1 p.big {
    font-size: 20px;
    margin-top: 35px;
    margin-bottom: 25px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block1 h2 {
    font-size: 18px;
    margin-top: 30px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block2 {
    margin-top: 20px;
    padding: 20px 30px 20px 65px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block2 h4 {
    font-size: 21px;
    margin-bottom: 20px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block2 .flex-wrap2 {
    margin-top: 25px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block2 .flex-wrap2 h2 {
    font-size: 30px;
    margin-bottom: 5px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block2 .flex-wrap2 span {
    font-size: 14px;
  }
  .wholesale .main-wrap .col2 {
    padding: 30px 30px 50px 30px;
  }
  .wholesale .main-wrap .col2 h3 {
    font-size: 23px;
    margin-bottom: 15px;
  }
  .wholesale .main-wrap .col2 .block {
    padding: 25px 0;
  }
  .wholesale .main-wrap .col2 .block span {
    font-size: 18px;
    margin-right: 5px;
  }
  .wholesale .main-wrap .col2 .block > span {
    margin-bottom: 15px;
  }
  .wholesale .main-wrap .col2 .block svg {
    width: 55px;
    height: auto;
  }
  .abs-text-green div {
    -webkit-transform: translate(2px, 23px);
        -ms-transform: translate(2px, 23px);
            transform: translate(2px, 23px);
  }
  .abs-text-green div.text1 {
    -webkit-transform: translate(2px, -9px);
        -ms-transform: translate(2px, -9px);
            transform: translate(2px, -9px);
  }
}

@media screen and (max-width: 1366px) {
.downhref
{	
	font-size:inherit;	
}
.bonus .sect3 .svg-wrap{
  top: 50px;
}
  .main-tel{
    margin-left: 30px;
  }
  .contacts .flex-wrap .col3 .social {
    margin-left: 30px;
  }
  .preloader .pr-svg-wrap svg{
    width: 125px; 
  }
    
  .mainpage-svg-wrap .svg-wrap1 span{
    font-size: 16px;
  }
    .quality .main-wrap .container{
        padding: 0 9%;
    }
    
    
  .mainpage-svg-wrap .svg-wrap1 {
    bottom: 35px;
  }
  .mainpage-svg-wrap .svg-wrap2 {
    bottom: 50px;
  }
  .mainpage-svg-wrap .svg-wrap3 {
    bottom: 0px;
  }
  .mainpage-svg-wrap .svg-wrap4 {
    bottom: 35px;
  }
  .mainpage-svg-wrap .svg-wrap5 {
    bottom: 35px;
  }
  .main-wrap {
    padding-top: 80px;
  }
  .header-back,
  header {
    height: 80px;
  }
  header .logo {
    width: 80px;
  }
  header .header-menu-wrap ul li {
    margin-right: 20px;
  }
  header .header-menu-wrap ul li a {
    font-size: 16px;
  }
  header .bitok {
    width: 18px;
    margin-right: 30px;
  }
  .burger-wrap .burger {
    -webkit-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
            transform: translateY(10px) rotate(45deg);
  }
  .burger-wrap .span2 {
    margin: 6px 0;
  }
  .mainpage .watch svg {
    width: 50px;
    height: 50px;
    -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  .mainpage .abs-text .top span {
    font-size: 16px;
  }
  .mainpage .abs-text .top {
    margin-bottom: 30px;
  }
  .mainpage .abs-text .center span {
    font-size: 40px;
  }
  .mainpage .abs-text .center {
    margin-bottom: 25px;
  }
  .mainpage .abs-text .bottom p {
    font-size: 16px;
  }
  .mainpage .logo, .menu .logo-wrap, .menu .logo {
    width: 100px;
    left: 35px;
    top: 20px;
  }
  .mainpage .left-line a {
    font-size: 16px;
  }


  .menu .my-col a.title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .menu .my-col a {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .menu .cab span{
    font-size: 18px;
  }
  .menu .bottom .col2 h4 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .market-wrap a {
    padding: 10px 20px;
  }
  .market-wrap a svg {
    width: 90px;
  }
  .menu .bottom .col1 > a {
    font-size: 21px;
    margin-bottom: 15px;
  }
  .menu .center-col a.title {
    -webkit-transform: translate(15px, 4px);
        -ms-transform: translate(15px, 4px);
            transform: translate(15px, 4px);
  }
  .menu .right-col a.title {
    -webkit-transform: translate(12px, 2px);
        -ms-transform: translate(12px, 2px);
            transform: translate(12px, 2px);
  }
  .menu .language-wrap span {
    font-size: 16px;
  }
  .menu .language-wrap span.center {
    margin: 0 15px;
  }
  .burger-wrap {
    width: 35px;
    height: 35px;
  }
  .mainpage .burger-wrap {
    top: 25px;
  }
  .menu .burger-wrap {
    top: 20px;
  }
  .menu .language-wrap {
    right: 170px;
    top: 28px;
  }
  .container2 {
    padding: 0 60px;
  }
  .price .main-wrap .col1 {
    padding: 20px 0; /*padding: 40px 0; slc*/
  }
  .price .main-wrap .col1 h1 {
    font-size: 40px;
    margin-bottom: 12px;
  }
  .price .main-wrap .col1 .span1 {
    font-size: 14px;
  }
  .price .main-wrap .col1 .span2 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .price .select-wrap {
    margin-top: 15px; /*slc 35*/
  }
  .select-wrap .main {
    height: 45px;
    padding-right: 15px;
    padding: 12px;
  }
  .select-wrap .list .option {
    height: 40px;
    padding: 12px;
    font-size: 14px;
  }
  .select-wrap .main .option {
    font-size: 17px;
  }
  .price .abs-text .span1 {
    font-size: 16px;
  }
  .price .abs-text .span2 {
    font-size: 21px;
  }
  .button-wrap a {
    padding: 15px 32px;
  }
  .button-wrap a span {
    font-size: 14px;
  }
  .cursor-wrap .cursor {
    padding: 10px;
  }
  .cursor-wrap .cursor span {
    font-size: 13px;
    display: block;
    -webkit-transform: translateY(-1.5px);
        -ms-transform: translateY(-1.5px);
            transform: translateY(-1.5px);
  }
  .error .logo {
    width: 100px;
    top: 25px;
    left: 35px;
  }
  .error .text-wrap {
    bottom: 60px;
  }
  .error .text-wrap h2 {
    font-size: 30px;
    margin-bottom: 35px;
  }
  .error .text-wrap a {
    font-size: 16px;
  }
  h3 {
    font-size: 30px;
  }
  .action .sect1 .container2 > h3 {
    margin-bottom: 40px;
  }
  .action .sect1 {
    padding-top: 40px;
  }
  .action .sect1.ac1 .block {
    height: 400px;
  }
  .news-wrap .block .inf {
    padding: 20px 20px 45px 30px;
  }
  .action .sect1.ac1 .block .inf {
    width: 350px;
  }
  .news-wrap .block .inf h3 {
    font-size: 16px;
  }
  .news-wrap .block .inf .bottom .square {
    width: 36px;
    height: 36px;
  }
  .news-wrap .block .inf .bottom span {
    font-size: 14px;
    margin-left: 10px;
  }
  .action .sect1.ac1 .block .inf {
    padding-bottom: 60px;
    -webkit-transform: translate(-60px, -60px);
        -ms-transform: translate(-60px, -60px);
            transform: translate(-60px, -60px);
  }
  .action .sect1.ac1 {
    padding-bottom: 120px;
  }
  .news-wrap .block {
    margin-bottom: 50px;
  }
  .action .sect1.ac2 .block .img-wrap {
    height: 300px;
  }
  .action .sect1.ac2 .block .inf {
    -webkit-transform: translate(35px, -35px);
        -ms-transform: translate(35px, -35px);
            transform: translate(35px, -35px);
  }
  .action .sect2 {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .action .sect2 h3 {
    margin-bottom: 35px;
  }
  .action .sect2 a {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .bonus .sect1 {
    padding-top: 70px;
  }
  .bonus .sect1 .col2 h1 {
    font-size: 40px;
  }
  .bonus .sect1 .col2 > span {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 12px;
  }
  .bonus .sect1 .col2 p {
    font-size: 20px;
  }
  .bonus .sect1 .col2 .button-wrap {
    margin-top: 35px;
    width: 350px;
  }
  .bonus .sect2 .abs-text h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .bonus .sect2 .abs-text p {
    max-width: 300px;
  }
  p {
    font-size: 16px;
  }
   ol, ul {
	
	font-size: 16px;
	}
  .bonus .sect2 .abs-text p {
    font-size: 14px;
  }
  .bonus .sect2 .abs-text1 {
    -webkit-transform: translate(18%, 5%);
        -ms-transform: translate(18%, 5%);
            transform: translate(18%, 5%);
  }
  .bonus .sect2 .abs-text2 {
    -webkit-transform: translate(6%, 30%);
        -ms-transform: translate(6%, 30%);
            transform: translate(6%, 30%);
  }
  .bonus .sect2 .abs-text3 {
    -webkit-transform: translate(14%, 42%);
        -ms-transform: translate(14%, 42%);
            transform: translate(14%, 42%);
  }
  .bonus .sect2 .abs-text4 {
    -webkit-transform: translate(13%, 25%);
        -ms-transform: translate(13%, 25%);
            transform: translate(13%, 25%);
  }
  .bonus .sect3 {
    margin-top: 65px;
    /*margin-bottom: 120px;*/
  }
  .bonus .sect3 .col2 {
    width: 40%;
    margin-right: 10%;
  }
  .bonus .sect3 .col2 h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .bonus .sect3 .col2 .block .col1 h4 {
    font-size: 21px;
    margin-bottom: 7px;
  }
  .bonus .sect3 .col2 .block .col2 {
    width: 35px;
    margin-left: 0;
    margin-right: 25px;
  }
  .bonus .sect3 .col2 .block .col3 p {
    font-size: 15px;
  }
  .bonus .sect3 .col2 .block {
    margin-bottom: 25px;
  }
  .bonus .sect3 .col2 a {
    margin-top: 30px;
    font-size: 17px;
  }
  .bonus .sect3 .col2 .block .col1 span {
    font-size: 11px;
  }
  .bonus .sect4 .text-wrap {
    padding: 50px 0 65px 140px;
  }
  .cutb
  {
    max-width:350px;
  }
  .bonus .sect4 .text-wrap h3 {
    font-size: 25px;
  }
  .bonus .sect4 .text-wrap p {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .chain .column {
    padding: 30px 65px 25px 75px;
    height: 180px;
  }
  .chain .items {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .chain .items .item {
    padding: 20px 16px;
  }
  .chain .items .item .col1 h3 {
    font-size: 18px;
  }
  .chain .items .item .col1 p {
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .chain .items .item .col1 span {
    font-size: 14px;
  }
  .chain .items .item .services-wrap .circle svg {
    width: 40px;
  }
  .chain .column > h3 {
    margin-bottom: 25px;
  }
  .chain .column.active {
    height: -webkit-calc(100vh - 80px);
    height: calc(100vh - 80px);
  }
  .chain .column2 {
    height: 70px;
  }
  .chain .column2 .top {
    padding: 0 60px;
  }
  .chain .column2 .top h4 {
    font-size: 14px;
    margin-right: 30px;
  }
  .chain .column2 .top .circle {
    width: 40px;
    height: 40px;
    margin-right: 15px;
  }
  .chain .column2 .top .circle span {
    font-size: 13px;
  }
  .contacts .container2 .h3-wrap h3 {
    top: 30px;
  }
  .contacts .flex-wrap .col1 {
    padding-bottom: 60px;
  }
  .contacts .flex-wrap .col .item {
    padding: 20px 30px;
  }
  .contacts .flex-wrap .col .item > span {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .tel-wrap span {
    font-size: 18px;
  }
  .tel-wrap a {
    font-size: 19px;
  }
  .contacts .tel-wrap span {
    font-size: 16px;
  }
  .contacts .tel-wrap a {
    font-size: 18px;
  }
  .contacts .flex-wrap .col .item h4 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 8px;
  }
  .contacts .flex-wrap .col .item .bottom-wrap {
    margin-top: 19px;
  }
  .contacts .flex-wrap .col .item .bottom-wrap svg {
    width: 45px;
    height: 45px;
  }
  .contacts .flex-wrap .col .item .bottom-wrap span {
    font-size: 16px;
  }
  .contacts .svg-wrap {
    top: 24.5%;
  }
  .contacts .item p {
    font-size: 14px;
  }
  .contacts .flex-wrap .col3 .social h4 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .contacts .flex-wrap .col3 .social a {
    width: 27px;
    margin-right: 14px;
  }
  .clients .sect1 h3 {
    margin-top: 40px;
  }
  .clients .sect1 .svg-wrap {
    top: 30px;
  }
  .clients .sect2 {
    padding: 70px 35px;
  }
  .clients .abs-text-green div {
    -webkit-transform: translate(2px, 32px);
        -ms-transform: translate(2px, 32px);
            transform: translate(2px, 32px);
  }
  .clients .abs-text-green div.text1 {
    -webkit-transform: translate(2px, 32px);
        -ms-transform: translate(2px, 32px);
            transform: translate(2px, 32px);
  }
  .clients h4 {
    font-size: 28px;
  }
  .clients .subtitle {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .clients .button-wrap {
    margin-top: 35px;
  }
  .clients h5 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  ul.my-ul li {
    font-size: 17px;
  }
  .clients .sect3 .col1 ul {
    margin-left: 25px;
  }
  ul.my-ul li::before {
    width: 11px;
    height: 11px;
    left: -25px;
  }
  .clients .sect3 {
    padding-bottom: 120px;
  }
  .clients .sect3 .svg-wrap {
    bottom: 65px;
  }
  .clients .sect3 .col2 .img-wrap {
    -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
            transform: translateY(120px);
  }
  .clients .sect1 {
    padding-bottom: 120px;
  }
  .hotel .sect1 .col1 h3 {
    margin-top: 40px;
  }
  .hotel .sect1 .col1 h4 {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 30px;
  }
  .hotel .sect1 .col1 p {
    margin-bottom: 18px;
  }
  .hotel .sect1 .col2 {
    padding-top: 90px;
  }
  .hotel .sect1 .col2 .inner-wrap {
    padding: 30px 45px;
  }
  .hotel .sect1 .col2 .flex-wrap div span {
    font-size: 26px;
    margin-bottom: 7px;
  }
  .hotel .sect1 .col2 .line {
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .hotel .sect1 .col2 h4 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .hotel .sect1 .col2 .wrap svg {
    width: 45px;
    height: 45px;
    margin-right: 8px;
  }
  .hotel .sect2 .tab-wrap .top .button {
    height: 60px;
  }
  .hotel .sect2 .tab-wrap .top .button span {
    font-size: 16px;
  }
  .hotel .sect2 .tab-wrap .main .content .row1 .col span {
    font-size: 20px;
  }
  .hotel .sect2 .tab-wrap .main .content.active {
    padding: 60px;
  }
  .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap1, .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap2, .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap3 {
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .top-menu ul li a {
    font-size: 13px;
    display: block;
    -webkit-transform: translate(-2px, 25px);
        -ms-transform: translate(-2px, 25px);
            transform: translate(-2px, 25px);
  }
  .top-menu {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .top-menu h3 {
    font-size: 26px;
  }
  .news-wrap .block1 .top {
    height: 300px;
    padding-right: 40px;
  }
  .news-wrap .block .top .date {
    font-size: 18px;
  }
  .news-wrap .block2 .top {
    /*height: 380px;slc*/
	height: 100%;
  }
  .partners .main-wrap .col1 .row {
    padding-left: 45px;
    padding-right: 40px;
  }
  .partners .main-wrap .col1 .row p.big {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .partners .main-wrap .col1 .row1 a {
    width: 150px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .partners .main-wrap .col1 .row2 h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .partners .main-wrap .col1 .row2 .item {
    padding: 20px 0;
  }
  .partners .main-wrap .col1 .row2 .item div span {
    font-size: 16px;
  }
  .partners .main-wrap .col1 .row2 .item div p {
    font-size: 16px;
  }
  .partners .main-wrap .col1 .row2 .item svg {
    width: 50px;
  }
  .partners .main-wrap .col1 .row3 h1 {
    font-size: 28px;
    margin-top: 50px;
    margin-bottom: 25px;
  }
  .partners .main-wrap .col1 .row3 .button-wrap {
    margin-top: 40px;
  }
  .partners .main-wrap > .container2 {
    height: -webkit-calc(100vh - 190px);
    height: calc(100vh - 190px);
  }
  .partners .main-wrap .col1 {
    height: 100%;
  }
  .quality .main-wrap .container {
    padding: 0 6%;
  }
  .quality .sect1 h2 {
    font-size: 21px;
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .quality .sect1 .flex-wrap {
    padding: 45px;
    padding-bottom: 40px;
  }
  .quality .sect1 .flex-wrap .col span {
    font-size: 14px;
  }
  .quality .sect1 .flex-wrap .col h4 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .quality .sect1 .flex-wrap .col ul {
    margin-left: 25px;
  }
  .quality .sect2 {
    padding: 60px 0;
  }
  .quality .sect2 .col p.big {
    font-size: 18px;
  }
  .quality .sect2 .col p {
    margin-top: 15px;
    margin-bottom: 40px;
  }
  .quality .sect3 .s1 .item {
    height: 60px;
  }
  .quality .sect3 .s1 .item span {
    font-size: 16px;
  }
  .quality .sect3 .s2 .column {
    padding: 45px 0;
  }
  .quality .sect3 .s2 h3 {
    font-size: 20px;
  }
  .quality .sect3 .s2 .container > span {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 18px;
  }
  .quality .table-wrap .top .col {
    height: 80px;
  }
  .quality .table-wrap .col span {
    font-size: 14px;
  }
  .quality .table-wrap .row .col {
    min-height: 60px;
  }
  .quality .table-wrap .with-ul .inner-row.inner-row1 .col2 span {
    font-size: 16px;
  }
  .quality .table-wrap .with-ul .inner-row:first-child .col{ 
    padding-top: 15px;
  }
  .quality .table-wrap .with-ul .inner-row .col {
    padding-bottom: 15px;
  }
  .quality .last p {
    margin-top: 35px;
  }
  .quality .sect3 .s2{
    padding-bottom: 70px;
  }
  .single .main-img-wrap {
    /* height: 65vh; */
  }
  .single .main-wrap .title, .single .content, .single .content-wrap2 {
    padding-left: 55px;
    padding-right: 55px;
  }
  .single .content-wrap .title {
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .single .content-wrap .title .date {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .single .content-wrap .title h1 {
    font-size: 42px;
  }
  .single .content-wrap .content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .single .content-wrap .content .subtitle {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .single .content-wrap .content .flex-wrap .col2 span {
    font-size: 28px;
  }
  .single .content-wrap .content > span {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .single .content-wrap .content a {
    font-size: 15px;
  }
  .single .main-wrap > .bottom {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .single .main-wrap > .bottom h3 {
    font-size: 24px;
    margin-bottom: 40px;
  }
  .single .main-wrap > .bottom .flex-wrap2 .block {
    margin-bottom: 30px;
  }
  .single .main-wrap > .bottom .flex-wrap2 .block svg {
    width: 28px;
    margin-right: 15px;
  }
  .single .main-wrap > .bottom .flex-wrap2 .block span {
    font-size: 17px;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .star .main-wrap .container {
    padding: 0 130px;
  }
  .star .sect1 .col h3 {
    font-size: 21px;
    margin-bottom: 20px;
  }
  .star .sect1 .col2 .div1 img {
    max-width: 100px;
  }
  .star .sect1 .col2 .div2 img {
    max-width: 155px;
  }
  .star .sect1 .col2 .div3 img {
    max-width: 107px;
  }
  .star .sect1 .col2 .div4 img {
    max-width: 134px;
  }
  .star .sect1 .col2 .flex-wrap div:nth-child(3), .star .sect1 .col2 .flex-wrap div:nth-child(4) {
    -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
            transform: translateX(100px);
  }
  .star .sect1 {
    padding-top: 30px;
    padding-bottom: 55px;
  }
  .star .sect2 .flex-wrap {
    margin-top: 35px;
  }
  .star .sect2 .flex-wrap .block span {
    font-size: 18px;
  }
  .star .sect2 .flex-wrap .block p {
    font-size: 14px;
  }
  .star .sect2 .flex-wrap .block .img-wrap {
    height: 180px;
  }
  .star .sect2 .flex-wrap .block h3 {
    margin: 15px 0;
    font-size: 16px;
  }
  .star .sect2 .flex-wrap .block {
    margin-bottom: 55px;
  }
  .star2 .top-menu svg {
    bottom: 10px;
  }
  .star2 .sect1 {
    padding-top: 65px;
    padding-bottom: 180px;
  }
  .star2 .sect1 .col p.big {
    font-size: 20px;
  }
  .star2 .sect1 .col2 span {
    font-size: 20px;
    margin-top: 20px;
  }
  .star2 .sect2 {
    margin-top: -130px;
  }
  .tender .main-wrap .container {
    padding: 0 130px;
  }
  h3.main {
    margin-top: 45px;
    margin-bottom: 20px;
  }
  .tender .main-wrap .container > p {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .tender .table .item {
    height: 60px;
  }
  .tender .table .item .col {
    padding-left: 40px;
  }
  .tender .table .item .col span {
    font-size: 16px;
  }
  .tender .main-wrap .container > a {
    margin-top: 25px;
    margin-left: 40px;
    margin-bottom: 45px;
    font-size: 16px;
  }
  .upg .sect1 {
    padding-top: 50px;
    padding-bottom: 55px;
  }
  .upg .sect1 .col p.big {
    font-size: 20px;
  }
  .upg .sect2 iframe {
    height: 580px;
  }
  .upg .sect3 h3 {
    margin-top: 50px;
    margin-bottom: 40px;
  }
  .upg .sect3 .text-wrap span {
    font-size: 13px;
  }
  .upg .sect3 .text-wrap span.span1 {
    transform: translate(3px, 20px);
  }
  .upg .sect3 .text-wrap span.span2 {
    transform: translate(3px, 20px);
  }
  .upg .sect3 .text-wrap span.span3 {
    transform: translate(3px, 20px);
  }
  .upg .sect3 .text-wrap span.span4 {
    transform: translate(3px, 20px);
  }
  .upg .sect3 .text-wrap span.span5 {
    transform: translate(3px, -40px);
  }
  .upg .sect3 .text-wrap span.span6 {
    transform: translate(3px, 20px);
  }
  .upg .sect3 .text-wrap span.span7 {
    transform: translate(3px, 30px);
  }
  .upg .sect3 .text-wrap span.span8 {
    transform: translate(3px, 20px);
  }
  .vacancies .col p.big {
    font-size: 18px;
  }
  .vacancies .col1 .select-wrap {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .vacancies .col .bottom {
    padding: 20px 40px;
  }
  .vacancies .col .bottom .span2 {
    font-size: 16px;
    margin-top: 20px;
  }
  .vacancies .col .bottom .span3 {
    font-size: 13px;
  }
  .vacancies .col .bottom .inf-wrap-bottom {
    margin-top: 18px;
  }
  .vacancies .col .bottom .item span {
    font-size: 18px;
  }
  .vacancies .col .bottom .item a {
    font-size: 19px;
  }
  .vacancies .col1 .inf-wrap {
    margin-bottom: 30px;
  }
  .vacancies .col1 .inf-wrap .inf {
    padding: 25px 25px 35px 50px;
  }
  .vacancies .col1 .inf-wrap .inf > span {
    font-size: 13px;
    margin-bottom: 20px;
  }
  .vacancies .col1 .inf-wrap .inf .flex-wrap h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .vacancies .col1 .inf-wrap .inf .ul-wrap {
    margin: 30px 0;
  }
  .vacancies .col1 .inf-wrap .inf .ul-wrap span {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .vacancies .col1 .inf-wrap .inf .flex-wrap svg {
    width: 50px;
    height: 50px;
  }
  .vacancies .col1 {
    padding-right: 65px;
  }
  .vacancies .vac-wrap {
    height: -webkit-calc(100vh - 230px);
    height: calc(100vh - 230px);
  }
  .video .block .circle-wrap {
    width: 270px;
    height: 270px;
  }
  .video .block .inf {
    width: 270px;
  }
  .video .block .circle-wrap svg {
    width: 50px;
  }
  .video .top-menu {
    padding: 40px 0;
  }
  .video .block h3 {
    font-size: 16px;
    margin: 10px 0;
  }
  .video .slider-wrap {
    padding-top: 20px;
  }
  .video .block:nth-child(3n-1) {
    top: 45px;
  }
  .video .buttons svg {
    width: 20px;
  }
  .video .buttons svg {
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
  }
  .video .buttons .prev svg {
    -webkit-transform: rotate(-180deg) translateY(0px);
        -ms-transform: rotate(-180deg) translateY(0px);
            transform: rotate(-180deg) translateY(0px);
  }
  .video .buttons span {
    font-size: 16px;
  }
  .video .svg-wrap {
    top: 260px;
  }
  .vivo .sect1 {
    padding: 30px 0;
  }
  .vivo .sect1 .col h1 {
    font-size: 24px;
  }
  .vivo .sect1 .col > span {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 18px;
  }
  .vivo .sect1 .col h4 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .vivo .sect1 .col .button-wrap {
    margin-top: 40px;
  }
  .vivo .sect2 .slider-wrap .img-wrap1, .vivo .sect2 .slider-wrap .img-wrap5 {
    height: 220px;
  }
  .vivo .sect2 .slider-wrap .img-wrap2 {
    height: 320px;
  }
  .vivo .sect2 .slider-wrap .img-wrap3 {
    height: 400px;
  }
  .vivo .sect2 .slider-wrap .img-wrap3 .img1 {
    /* margin-bottom: 25px; */
  }
  .vivo .sect2 .slider-wrap .img-wrap4 {
    height: 360px;
  }
  .container {
    padding: 0 45px;
  }
  .vivo .sect3 {
    margin-top: -150px;
  }
  .vivo .sect3 .bottom-wrap {
    padding: 140px 110px 35px 110px;
  }
  .vivo .sect3 h3 {
    font-size: 28px;
    margin-bottom: 40px;
  }
  .vivo .sect3 h4 {
    margin-bottom: 40px;
  }
  .vivo .sect3 .cafe-wrap .flex-wrap .block {
    margin-bottom: 30px;
  }
  .vivo .sect3 .cafe-wrap .flex-wrap .block .img-wrap {
    width: 30px;
    margin-right: 25px;
  }
  .vivo .sect3 .cafe-wrap .flex-wrap .block span {
    font-size: 17px;
  }
  .wholesale .main-wrap .col1 .container2 {
    padding-top: 25px;
    padding-bottom: 40px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block1 p.big {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block1 h2 {
    font-size: 16px;
    margin-top: 20px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block2 {
    margin-top: 15px;
    padding: 15px 25px 15px 55px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block2 h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block2 .flex-wrap2 {
    margin-top: 20px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block2 .flex-wrap2 h2 {
    font-size: 25px;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block2 .flex-wrap2 span {
    font-size: 13px;
  }
  .wholesale .main-wrap .col2 {
    padding: 25px 25px 40px 25px;
  }
  .wholesale .main-wrap .col2 h3 {
    font-size: 21px;
    margin-bottom: 10px;
  }
  .wholesale .main-wrap .col2 .block {
    padding: 20px 0;
  }
  .wholesale .main-wrap .col2 .block span {
    font-size: 16px;
  }
  .wholesale .main-wrap .col2 .block > span {
    margin-bottom: 10px;
  }
  .wholesale .main-wrap .col2 .block svg {
    width: 45px;
    height: auto;
  }
}


.mob-menu-wrap{
  display: none;

  opacity: 0;
  pointer-events: none;
  transition: all 0.45s ease-out;

  width: 100%;
  padding: 110px 35px;
  padding-bottom: 0px; 
}

.mob-menu-wrap .link-wrap > ul > li {
  border-bottom: 1px solid #3F3F3F;  
}


.mob-menu-wrap .link-wrap ul li.with-ul > a{
  height: 50px;
  position: relative;
  justify-content: space-between;
  cursor: pointer;
}

.mob-menu-wrap .link-wrap ul li.with-ul > a svg{
  width: 12px;
  height: auto;
  transition: all 0.35s ease-out;
}


.mob-menu-wrap .link-wrap ul a{
  font-size: 18px; 
  text-transform: uppercase;
  color: white;
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center; 
  min-height: 50px;
}

.mob-menu-wrap .link-wrap ul li .ul-wrap{
  padding-bottom: 0px;

  height: 0px;
  overflow: hidden;
  transition: all 0.35s ease-out;
  box-sizing: content-box;
}

.mob-menu-wrap .link-wrap ul li.with-ul.active .ul-wrap{
  padding-bottom: 20px; 
}

.mob-menu-wrap .link-wrap ul li.with-ul.active > a svg{
  transform: rotate(180deg);  
}

.mainpage .menu .logo{
  display: none;
}


/* .menu .logo{
  width: 80px;
  position: absolute;
  top: 15px;
  left: 35px;
  opacity: 0;
  pointer-events: none;

  transition: all 0.45s ease-out 0.5s;
} */

.menu.active .logo{
  opacity: 1;
  pointer-events: all;
  transition: all 0.45s ease-out 0.5s;
}


.bonus .sect2 .svg-wrap .svg2{
  display: none;
}

.bonus .sect3 .svg-wrap .svg2{
  display: none;
}

.top-menu-mob{
  display: none;

  width: 100%;
  position: relative;
}

.top-menu-mob .main{
  padding: 0 45px;
  height: 50px;
  border-top: 1px solid #D2EDD0;
  border-bottom: 1px solid #D2EDD0;
  position: relative;
}

.top-menu-mob::before{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  background: white;
  width: 100%;
  height: 0px;
  transition: all 0.2s ease-out 0.65s;
}

.top-menu-mob.active::before{
  height: 100%;
  transition: all 0.2s ease-out;
}

.top-menu-mob .main svg{
  width: 10px;
  height: auto;
}

.top-menu-mob .main span{
  color: #313131;
  font-size: 16px;
  text-transform: uppercase;
}

.top-menu-mob .ul-wrap{
  background: white;
  position: absolute;
  top: 100%;
  left: 0px;
  width: 100%;
  z-index: 20;
  transition: all 0.45s ease-out 0.2s;
  height: 0;
  overflow: hidden;
}

.top-menu-mob .ul-wrap ul{
  padding: 0 45px;
}

.top-menu-mob .ul-wrap.active{

}

.top-menu-mob .ul-wrap ul{
}

.top-menu-mob .ul-wrap li{
  height: 50px;
  border-bottom: 1px solid #D2EDD0;
  display: flex;
  align-items: center;
  font-size: 16px;
  text-transform: uppercase;
}

.top-menu-mob .ul-wrap li a{
  color: #313131;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}





@media screen and (max-width: 1024px) {
.downhref
{	
	font-size:inherit;	
}
.mob-row
{
  display: block!important;
  
}
.mob-row a
{
  margin:0;
}
  .ie-popup .logo{
    width: 70px;
    top: 15px;
    left: 20px;
  }
  .ie-popup .wrap{
    width: 450px;
  }
  .ie-popup h3{
    font-size: 24px;
  }
  .ie-popup p{
    margin-top: 15px;
    margin-bottom: 30px;
  }
  .ie-popup .wrap a img{
    width: 55px;
  }
  .ie-popup a span{
    margin-top: 5px;
    font-size: 14px;
  }
  .clients{
    width: 100vw;
    overflow-x: hidden;
  }
  .main-tel{
    order: 5;
  }
  .main-tel{
    margin-left: 25px;
    margin-bottom: 30px;
  }

  .mainpage-svg-wrap .svg-wrap1 span{
    font-size: 15px;
    left: 32.4%;
  }
  .vivo .sect2 .slider-wrap .img-wrap3 div{
    height: calc(50% - 10px);
  }
  .mob-menu-wrap, .top-menu-mob{
    display: block;
  }
  .mainpage .left-line{
    display: none; 
  }
  .mainpage .main-wrap{
    height: auto;
    display: flex;
    flex-direction: column-reverse;
  }
  .mainpage .abs-text{
    position: static;
  }

  .mainpage{
    padding: 130px 115px;
  }
  .mainpage .abs-text .top span{
    display: inline-block;
  }
  .mainpage .abs-text .center{
    margin-bottom: 15px; 
  } 

  .mainpage-svg-wrap .svg-wrap svg{
    width: 150%;
    margin-left: -17%;
  } 

  .mainpage{
    padding: 135px 120px;
  }
  .mainpage-svg-wrap .svg-wrap{
    width: 100vw;
    overflow: hidden;
  } 

  .mainpage .abs-text{
    width: 100%;
  }
  .mainpage .watch span{
    font-size: 18px;
    margin-left: 30px;
  }
  .mainpage .watch a{
    transform: translate(0px, -10px);
  }
 
  .menu-svg-wrap, .menu .my-col{
    display: none;
  }

  .menu.active .mob-menu-wrap{  
    opacity: 1;
    pointer-events: all;


    transition: all 0.45s ease-out 1s; 
  }
  .menu{
    overflow-y: scroll; 
    -ms-overflow-style: none;
  }

  .menu::-webkit-scrollbar{
    width: 0;
  }

  .menu .bottom{
    position: static;
    margin-top: 40px; 
    margin-bottom: 40px;
  }
  .menu .cab{
    max-width: 300px;
    margin-top: 40px; 
  }
  .mainpage .menu .logo{
    display: block; 
    transform: scale(1);
  }
  .mainpage .burger-wrap,
  .menu .burger-wrap{
    right: 35px; 
  }
  .menu .language-wrap{
    top: 32px; 
  }
  .error .svg-wrap .svg1{
    display: none;
  }
  .error .svg-wrap .svg2{
    display: block;
  }  

  .error .svg-wrap svg{
    position: absolute;
    top: 50%;  
    left: 50%;  
    transform: translate(-50%, -50%);
  }
  
  .error .text-wrap{
    bottom: 25%;
  }
  .header-menu-wrap{
    display: none;
  }

  .bonus .sect2{
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .bonus .sect2 .abs-text{
    position: static;
    transform: translate(0,0);
  }
  .container{
    padding: 0 35px;
  }
  .container2{
    padding: 0 45px;
  }
  .bonus .sect1{
    padding-top: 50px;
    flex-direction: column-reverse;
  }
  .bonus .sect1 .col{
    width: 100%;  
  }
  .bonus .sect1 .col1{
    margin-top: 50px;
  }
  .bonus .sect1 .col1 .img-wrap{
    /*transform: translateX(-20%);*/
  }

  .bonus .sect2 .svg-wrap .svg1{
    display: none;
  }
  .bonus .sect2 .svg-wrap .svg2{
    display: block;
  } 

  .bonus .sect2 .svg-wrap{
    position: absolute;
    width: 100%;
    top: -250px;
    left: 0px;
    z-index: -1;
  }

  .bonus .abs-text-wrap{
    position: relative;
  }

  .bonus .sect2 .abs-text{
    position: relative;
    margin-bottom: 50px;
  }
  .bonus .sect2 .abs-text4{
    margin-bottom: 0;
  }
  .bonus .sect2 .abs-text1,
  .bonus .sect2 .abs-text3{
    top: 0 !important;
    left: 30% !important;
  }
  .bonus .sect2 .abs-text2,
  .bonus .sect2 .abs-text4{
    top: 0 !important;
    left: 17% !important; 
  }

  .bonus .sect2 .abs-text .circle{
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #52B04C;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Ubuntu-M";
    color: white;
    position: absolute;
    top: 0px;
    left: -50px;
  }
  .bonus .sect2 .abs-text p{
    max-width: 500px;
  }

  .bonus .sect2 .abs-text h3{
    font-size: 20px;
  }
  .bonus .sect2 .abs-text p{
    font-size: 17px;
  }
  .bonus .sect3 .col2{
    width: 100%;
    margin: 0; 
  }

  .bonus .sect3 .svg-wrap .svg1{
    display: none;
  }
  .bonus .sect3 .svg-wrap .svg2{
    display: block;
  }
  .bonus .sect3 .svg-wrap{
    position: static;
  }

  .bonus .sect3 .svg-wrap{
    width: 83%;
    margin-left: 17%;
    margin-bottom: 70px;
  }
  .bonus .sect3 .col2 .block .col1 h4{
    font-size: 26px;
  }

  .bonus .sect3 .col2 .block .col1 span{
    font-size: 13px;
  }
  .bonus .sect3 .col2 .block .col3 p{
    font-size: 17px;
  }
  .bonus .sect3 .col2 h3{
    margin-bottom: 30px;
  }
  .bonus .sect3 .col2 a{
    margin-top: 40px;
  }

  .bonus .sect4{
    margin-bottom: 60px;
    margin-top:0;
  }
  .bonus .sect4 .svg-wrap{
    display: none;
  }
  .bonus .sect4 .container{
    width: 100%;
  }
  .bonus .sect4 .text-wrap{
    padding: 50px 0 65px 100px;
  }
  .chain .main-wrap{ 
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
  }
  .chain .column{
    position: static;
    padding: 25px 35px; 
    width: 100%;
    height: 150px; 
  }
  .chain .select-wrap .list{
    position: relative;
    height: 0px;
  }
  .chain .items{
    margin-top: 30px;
    margin-bottom: 0; 
  }
  .chain .items .inner-wrap{
    padding-bottom: 0;
  }
  .chain .column > h3{
    font-size: 24px;
    margin-bottom: 20px;
  }
  .chain .map-wrap.active{
    width: 100%; 
  }
  .chain .map-wrap{
    height: calc(100vh - 230px); 
  }
  .chain{
    height: auto;
    min-height: 100vh;
    overflow: auto;
  }

  .chain .column2{
    display: none;
  }
  .chain .column.active{
    height: auto;
  }

  .tender .main-wrap .container{
    padding: 0 65px;
  }
  h3.main{
    font-size: 36px;
  }
  .tender .main-wrap .container > p{
    font-size: 18px;
    margin-bottom: 25px;
  }
  .tender .table .item .col span{
    font-size: 15px;
  }
  .tender .table .item .col{
    padding-left: 25px;
  }
  .tender .table .item{
    height: 50px;
  }
  .tender .table .item .col3 svg{
    width: 22px;
  }
  .tender .table .item .col a span{
    margin-left: 10px;
    font-size: 14px;
  }
  .tender .main-wrap .container > a {
    margin-left: 25px;
    margin-bottom: 35px;
}

  .tender .main-wrap{
  }

  .wholesale .main-wrap{
    flex-direction: column;
    height: auto;
  }
  .wholesale .main-wrap .col1,
  .wholesale .main-wrap .col2{
    width: 100%;
  }
  .wholesale .main-wrap .col1 .container2{
    padding-right: 45px;
  }
  .wholesale .main-wrap .col1 .container2 .flex-wrap{
    flex-direction: column;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block1{
    width: 100%;
    padding-right: 0;
  }
  .wholesale .main-wrap .col1 .flex-wrap > .block{
    width: 64%;
  }
  .wholesale .main-wrap .col1 .flex-wrap .block2{
    margin-top: 25px;
  }

  .abs-text-green{
    display: none; 
  }

  .wholesale .main-wrap .col2{
    padding-bottom: 30px;
  }


  .clients .sect1 .svg-wrap{
    /* display: none;  */
  }
  .clients .abs-text-green div{
    font-size: 13px;
    transform: translate(0px, 36px);
  }
  .clients .abs-text-green div.text1{
    transform: translate(0px, 36px);
  }
  .clients .sect1 h3{
    margin-top: 30px;
  }
  .clients .sect1{
    padding-bottom: 90px;
  }
  .clients .sect2{
    padding: 35px 0;
  }
  .clients h4{
    font-size: 24px;
  }
  .clients .subtitle{
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .clients .button-wrap{
    margin-top: 30px;
  }
  .clients .sect2 .col1{
    width: 45%;
    margin-right: 5%;
  }
  .clients .sect2 .col2{
    width: 50%;
  }
  .clients .sect3 .col1{
    width: 48%;
  }

  .clients .sect3{
    padding: 50px 0;
    padding-bottom: 75px;
  }
  .clients .sect3 .col2 .img-wrap{
    transform: translateY(90px);
  }
  .clients .sect3 .svg-wrap{
    bottom: 25px;
  }

  .top-menu svg, .top-menu ul{
    display: none;
  }
  .top-menu{
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .news-wrap .block1{
    width: 45%;
  }
  .news .flex-wrap{
    padding-top: 65px;
  }
  .news-wrap .block2 .top{
    /*height: 300px;slc*/
	height: 100%;
  }
  .news-wrap .block .inf{
    width: 75%;
  }

  .video .main-wrap .flex-wrap{
    width: 100%;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
  }
  .video .svg-wrap{
    top: 20%;
  }
  .video .container2{
    padding: 0;
  }

  .video .block:nth-child(3n-1){
    top: 0px;
  }
  .video .block:nth-child(2n){
    position: relative;
    top: 45px;
  } 
  .video .top-menu{
    padding-left: 35px;
  }
  .star-popup{
    width: 90%;
  }
  .video .buttons{
    padding: 0 35px;
  }
  .video .block .inf{
    margin-bottom: 120px;
  }

  .single .content-wrap{
    width: 80%;
  }
  .single .content-wrap .title{
    padding-left: 35px;
    padding-right: 35px;
  }
  .single .content-wrap .title h1{
    font-size: 36px;
  }
  .single .content-wrap .content h1, .single .content-wrap .content h2, .single .content-wrap .content h3, .single .content-wrap .content h4, .single .content-wrap .content h5, .single .content-wrap .content h6{
    margin: 25px 0;
  }
  h3{
    font-size: 25px;
  }
  .single .content-wrap .content{
    padding-top: 20px; 
  }

  .vacancies .top-menu{
    padding-top: 28px;
    padding-bottom: 28px;
    margin-bottom: 0px;
  } 
  .vacancies .top-menu-mob{
    margin-bottom: 28px;
  }
  .vacancies .vac-wrap{
    padding: 0;
    flex-direction: column-reverse;
  }
  .vacancies{
    height: auto;
    overflow-y: auto;
  }
  .vacancies .col1, .vacancies .col2{
    width: 100%;
  }
  .vacancies .col2{
    height: 400px;
  }
  .vacancies .vac-wrap{
    height: auto;
  }
  .vacancies .col1{
    padding: 35px;
    padding-bottom: 0; 
  }
  .vacancies .col .bottom{
    margin-bottom: 50px;
  }
  .vacancies .col1 .select-wrap{
    margin-bottom: 25px;
  }
  .vacancies .col1{
    height: auto;
    overflow: hidden;
  }

  .star .sect1{
    width: 100%;
    overflow: hidden;
  }
  .star .main-wrap .container{
    padding: 0 35px;
  }
  .star .sect2 .flex-wrap .block{
    width: 47%;
  }
  .star .sect2 .flex-wrap .block span{
    font-size: 16px;
  }
  .star .sect2 .flex-wrap .block p{
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .star .sect2 .flex-wrap .block h3{
    margin: 10px 0;
    font-size: 14px;
  }
  .star .sect2{
    padding-bottom: 90px;
  }
  .star .main-wrap .container{
    flex-direction: column;
  }
  .star .sect1 .col{
    width: 100%;
    padding: 0;
  }
  .star .sect1 ul.my-ul li::before{
    top: 5px;
  }
  .star .sect1 .col2{
    margin-top: 35px;
  }
  .path-hid{
    display: none;
  }
  .star .sect1 .col2 .flex-wrap div{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
  }
  .star .sect1 .col2 .flex-wrap div:nth-child(3), .star .sect1 .col2 .flex-wrap div:nth-child(4){
    transform: translateX(0);
  }
  .star .sect1 .col2 .div1 img{
    max-width: 100%;
  }
  .star .sect1 .col .flex-wrap{
    justify-content: space-between;
  }
  .star .sect1{
    padding-bottom: 30px;
  }
  .star .sect2{
    padding-top: 50px;
  }
  .star .sect2 .flex-wrap .block:nth-child(3n-1){
    top: 0px;
  }
  .star .sect2 .flex-wrap .block{
    margin-bottom: 35px;
  }
  .star .sect2{
    padding-bottom: 35px;
  }
  .star2 .top-menu-mob{
    background: rgba(210, 237, 208, 0.4);
  }
  .star2 .sect1{
    padding-top: 45px;
  }
  .star2 .sect1 .col p.big{
    font-size: 18px;
  }
  .star2 .sect1 .col2{
    padding-right: 5%;
  }
  .star2 .sect1 .col2 span{
    font-size: 18px;
    margin-top: 15px;
  }
  .news-wrap .block.block-top{
    transform: translateY(0);
  }


  .partners .main-wrap > .container2{
    flex-direction: column;
  }
  .partners .main-wrap .col1{
    width: 100%;
    height: auto; 
  }
  .partners .col{
    padding-top: 30px;
  }
  .partners .col2{
    width: 100%;
    height: 400px;
    padding-top: 0;
  } 
  .partners, .partners .main-wrap > .container2{
    height: auto;
    overflow-y: auto;
  }

  .partners .main-wrap .col1 .row1,
  .partners .main-wrap .col1 .row2{
    order: -5;
  }


  .partners .main-wrap .col2{
    order: -2;
  }
  .partners .main-wrap .col1 .row2{
    padding-top: 35px;
    padding-bottom: 35px; 
  }
  .vivo .sect1{
  }
  .vivo .sect1 .col{
    width: 100%;
  }
  .vivo .sect1 .svg-wrap{
    top: 81%; 
  }
  .vivo .sect2{
    margin-top: 100px;/*70*/
  }
  .vivo .sect2 .slider-wrap .img-wrap1, .vivo .sect2 .slider-wrap .img-wrap5 {
    height: 180px;
  }
  .vivo .sect2 .slider-wrap .img-wrap2 {
    height: 240px;
  }
  .vivo .sect2 .slider-wrap .img-wrap3 {
    height: 300px;
  }
  .vivo .sect2 .slider-wrap .img-wrap3 .img1 {
    /* margin-bottom: 25px; */
  }
  .vivo .sect2 .slider-wrap .img-wrap4 {
    height: 260px;
  } 
  .vivo .sect2 .slider-wrap li{
    height: 400px !important;
  }
  .vivo .sect3{
    margin-top: -100px;
  }
  .vivo .sect2 .slider-wrap .img-wrap2{
    transform: translateY(0);
  }

  .vivo .sect3 .bottom-wrap{
    padding-left: 55px;
    padding-right: 55px;
  }
  .map-popup{
    width: 90%;
  }

  .hotel .sect1 .container2{
    flex-direction: column;
  }
  .hotel .sect1 .col{
    width: 100%;
  }
  .hotel .sect1 .col2{
    margin: 0;
    padding-top: 35px;
  }
  .hotel .sect1 .col2 .wrap svg{
    margin-top: 10px;
  }
  .hotel .sect2{
    margin-top: 50px;
    padding-bottom: 50px;
  }
  .hotel .sect2 .tab-wrap .main .content .row1 .col span{
    font-size: 18px;
    width: 80%;
    margin-left: 10%;
  }
  .hotel .sect2 .tab-wrap .main .content.active{
    padding: 45px;
  }
  .hotel .sect2 .tab-wrap .main .content .row1 .col p{
    font-size: 15px;
    width: 100%;
  }
  .hotel .sect2 .tab-wrap .main .content .row2{
    margin-top: 50px;
  }
  .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap1, .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap2, .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap3{
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap4{
    margin-left: 7%;
  }
  .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap5{
    margin-left: 20px;
  }
  .hotel .sect2 .tab-wrap .main .content{
    padding-bottom: 50px;
  }
  .hotel .sect2 .tab-wrap .top .button{
    height: 50px;
  }
  .hotel .sect2 .tab-wrap .top .button span{
    font-size: 15px;
  }

  .contacts .svg-wrap .svg1{
    display: none;
  }
  .contacts .main-wrap{
    height: auto;
    overflow-y: auto;
  }
 
  .contacts .flex-wrap{
    flex-direction: column;
  }
  .contacts .flex-wrap .col{
    width: 100%;
    padding-bottom: 0;
  }
  .contacts .flex-wrap .col .item{
    width: 100%;   
  }
  .contacts .container2 .h3-wrap h3{
    position: static;
    margin-top: 28px;   
  }
  .contacts .flex-wrap .col3 .social{
    margin-left: 25px;
    margin-top: 35px;
    margin-bottom: 25px;
  }
  .upg .sect1{
    margin-top: 35px;
    padding-top: 0;
    padding-bottom: 35px;
  }
  .upg .sect1 .col p.big{
    font-size: 18px;
  }
  .upg .sect2 iframe{
    height: 420px;
  }
  .upg .sect3{
    width: 100%;
    overflow: hidden;
  }
  .upg .sect3 .text-wrap span{
    font-size: 11px;
  }
  .upg{
    width: 100vw;
    overflow-x: hidden;
  }

  .upg .sect3 .text-wrap span.span2 br{
    display: none;
  }
  .upg .sect3 .text-wrap span.span1 { transform: translate(3px, -16px); }
  .upg .sect3 .text-wrap span.span2 { transform: translate(3px, 39px); }
  .upg .sect3 .text-wrap span.span3 { transform: translate(3px, 46px); }
  .upg .sect3 .text-wrap span.span4 { transform: translate(3px, 43px); }
  .upg .sect3 .text-wrap span.span5 { transform: translate(3px, -10px); }
  .upg .sect3 .text-wrap span.span6 { transform: translate(3px, 40px); }
  .upg .sect3 .text-wrap span.span7 { transform: translate(3px, -7px); } 
  .upg .sect3 .text-wrap span.span8 { transform: translate(3px, -15px); }
    
    .quality .sect1 h2 {
        width: 55%;
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 30px;
    }
    .quality .main-wrap .sect3 .container{
        padding: 0; 
    }
    .quality .sect3 .s2{
      padding-bottom: 40px;
    }
    .quality .sect3 .file-wrap a{
      padding: 12px 20px;
    }
    .quality .sect3 > .container h3{
      padding-left: 35px;
    }
    .quality .sect3 .file-wrap svg{
      width: 24px;
      height: 24px;
      margin-right: 12px;
    }
    .quality .sect3 .file-wrap span{
      font-size: 14px;
    }
    .quality .sect3 .s2{
      padding-left: 35px;
      padding-right: 35px;
    }
    .quality .sect1 .flex-wrap{
        padding: 25px;
    }
    .quality .sect1 .flex-wrap .col{
        padding-right: 5%;
    }
    .quality .sect2{
        padding: 45px 0;
    }
    .quality .sect2 .col{
        width: 65%;
    }
    .quality .sect3 > .container h3{
        margin-bottom: 40px;
    }
    .quality .sect3 .s1 .item{
        height: 50px;
    }
    .quality .sect3 .s1 .item span{
        font-size: 13px;
    }
    .quality .sect3 .s2 .column{
        padding: 35px 0;
    }
    .quality .sect3 .s2 h3 {
        font-size: 18px;
    }
    .quality .sect3 .s2 .container > span{
        margin-bottom: 15px; 
    }
    .quality .table-wrap .col span{
        font-size: 13px;
    }
    .quality .table-wrap .with-ul .inner-row.inner-row1 .col2 span{
        font-size: 14px;
    }
    .quality .table-wrap .col, .quality .table-wrap .col span{
        /*flex-shrink: 0;*/
    }
    .quality .table-wrap{
        overflow-y: auto;
    }
    .quality .table-wrap .top,
    .quality .table-wrap .main{
        width: 950px;
    }
   .quality{
       width: 100vw;
       overflow-x: hidden;
   }

   .chain .items .inner-wrap{
     position: static;
     display: none;
   }
   .chain .items .inner-wrap.active{
    display: flex;
   }
   .wholesale .bottom .svg1{ display: none; }
   .wholesale .bottom .svg2, .wholesale .bottom span{ display: block; }
   .wholesale .bottom{
     position: static;
   }
   .wholesale .bottom span{
     font-size: 19px;
     line-height: 1.3;
     color: #52B04C;
     display: block;
     transform: translateY(-10px);
     margin-bottom: 30px;
     margin-left: 35px;  
   }
   .action .sect1.ac1.ac3{
     padding-bottom: 100px;
   }
   .partners .main-wrap .col1 .row1{
     position: relative;
     margin-bottom: 40px;
   }
   .partners .main-wrap .col1 .row1 > svg{
      display: block;
      width: calc( 100% + 90px );
      position: absolute;
      bottom: 0;
      left: -45px; 
      transform: translateY(46%);
    }
    .vivo .sect3 h3{
      font-size: 24px;
    }
    .price .main-wrap .col2{
      display: none;
    }
    .price .main-wrap .col1{
      width: 100%;
    }
    .price .main-wrap .col1{
      padding: 35px 45px;
    }
    .cursor-wrap{
      display: none;
    }
    .price .container2{
      flex-direction: column;
      padding: 0;
    }
    .price .main-line{
      position: static;
    }
    .price .main-wrap .col1 .button-wrap{
      margin-top: 35px;
    }
    .price .main-line svg{
      width: 130%;
    }
    .action .sect1.ac1 .block{
      padding: 0 50px;
    }
    .action .sect2 a{
      font-size: 16px;
      margin-bottom: 12px;
    }
    .action .sect1.ac1{
      padding-bottom: 90px;
    }
    .single .content-wrap .title{
      transform: translateY(-85px);
      margin-bottom: -85px; 
    }

    .mainpage{
      min-height: 1100px;
      overflow-y: auto;
      background: #323332;
    }

    .mainpage .tabs-wrap{
      position: relative;
    }
    .mainpage .tabs-wrap .arrow-wrap{
      display: flex;
      margin-top: 20px; 
      opacity: 0;
      transform: translateX(60px);
    }
    .mainpage .tabs-wrap .arrow-wrap .arrow{
      cursor: pointer;
      margin-right: 30px;
    } 
    .mainpage .tabs-wrap .arrow-wrap .arrow svg{
      width: 30px;
      height: 30px;
    }

    .quality .myAnimate2{
      opacity: 1;
      transition: all 0.8s ease-out;
      transform: translateY(0);
    }

    .mainpage .watch{
      top: initial !important;
      bottom: 30px !important;
      left: 30px !important; 
    }


}



@media screen and (max-width: 768px) {
.downhref
{	
	font-size:inherit;	
}
  .video .block:nth-child(2n){
    top: 0px;
  }

 .upg .sect3 .svg-wrap{
    display: block;
    position: relative;
    margin-bottom: -40px;
  }
  .upg .sect3 .svg-wrap2{
    display: none;
  }

  .upg .sect3 .svg-wrap .circle-type2{
    opacity: 0;
  }
  .upg .sect3 .svg-wrap #mob_line1_2,
  .upg .sect3 .svg-wrap #mob_line2_2{
    opacity: 0;
  } 

  .mainpage-svg-wrap .svg-wrap svg{
    display: none;
  }
  .mainpage-svg-wrap .svg-wrap svg.mob{
    display: block;
  }
  .mainpage .abs-text .top{
    margin-bottom: 20px;
  }
  .mainpage{
    min-height: auto;
    padding: 0;
    height: auto; 
    overflow-y: auto;
    
    height: calc(100vh - 65px);
    overflow: hidden;
  }
  .mainpage .tabs-wrap .arrow-wrap .arrow svg{
    width: 21px;
    height: 21px;
  }
  .mainpage .abs-text{
    padding: 0 20px; 
    padding-bottom: 0px;
    width: 100%;
    margin-top: 85px;
    margin-bottom: 50px;
  }
  .mainpage-svg-wrap{ 
    position: relative;
    bottom: 0;
    /*bottom: initial;*/
    /*top: 0px;*/
    
    bottom: 0px;
  }
  .mainpage .logo, .menu .logo-wrap, .menu .logo{
    width: 75px;
    top: 15px;
    left: 20px;
  }

  .mainpage .burger-wrap{
    top: 15px;
    right: 20px;
  }
  .mainpage .watch span{
    font-size: 15px;
    margin-left: 15px;
    transform: translateY(-4px);
  }
  .mainpage .watch a{
    transform: translate(0, 0);
  }
  .mainpage .watch svg{
    width: 40px;
    height: 40px; 
  }
  .mainpage .abs-text{
    margin-bottom: 0px;
    height: auto !important;
  }
  .mainpage .abs-text .center span{
    font-size: 32px;
    width: 100%;
  }
  .mainpage .abs-text .bottom p{
    width: 100%;
  }
  .mainpage .abs-text{
    width: 100%;
    overflow: hidden;
  } 

  .mainpage .burger-wrap{
    right: 20px; 
  }
  .mob-menu-wrap{
    padding: 80px 20px;
    padding-bottom: 0px;
  }
  .mob-menu-wrap .link-wrap ul li.with-ul > a{
    height: 40px;
  }
  .mob-menu-wrap .link-wrap ul a{
    min-height: 40px;
    font-size: 16px;
  }
  .menu .cab{
    margin-top: 30px;
    max-width: 280px;
  }
  .menu .cab span{
    font-size: 18px;
  } 
  .menu .bottom{
    margin-top: 30px;
    margin-bottom: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .menu .bottom .col1{
    padding-left: 20px !important;
    margin-bottom: 30px;
  }
  .menu .bottom .col2{
    padding-right: 0;
  }
  .menu .bottom .col2 h4{
    text-align: left;
    padding-left: 20px;
  }
  .menu .language-wrap{
    top: 20px;
    right: 115px;
  }


  .error .logo {
    width: 75px;
    top: 15px;
    left: 20px;
  }
  .error .text-wrap{
    bottom: 30%;
  }
  .error .text-wrap h2{
    font-size: 20px;
  }
  .error .text-wrap a{
    font-size: 15px;
  }

  .bonus .sect1 .col2 h1{
    font-size: 24px;
    font-family: 'Ubuntu-M';
  }
  .container, .container2{
    padding: 0 20px;
  }
  .bonus .sect1{
    padding-top: 25px; 
  }
  .bonus .sect1 .col2 > span{
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .bonus .sect1 .col2 p{
    font-size: 16px;
    width: 100%;
  }
  .bonus .sect1 .col2 .button-wrap{
    width: 100%;
  }
  .bonus .sect2 .abs-text{
    width: 70%;
  }
  .bonus .sect2 .abs-text .circle{
    width: 28px;
    height: 28px;
    font-size: 16px;
    left: -40px;
  }
  .bonus .sect2 .abs-text h3{
    font-size: 16px;
  }
  .bonus .sect2 .abs-text p{
    font-size: 14px;
  }
  .bonus .sect1 .col1 {
    margin-bottom: 50px;
  }
  .bonus .sect2 .abs-text1, .bonus .sect2 .abs-text3 {
   /* left: 25% !important; slc*/
   left: 60px !important;
  }
  
  .bonus .sect2 .abs-text2, .bonus .sect2 .abs-text4 {
    left: 60px !important;
  }
  .bonus .sect3 .col2 h3{
    font-size: 21px;
    margin-bottom: 25px;
  }
  
  .bonus .sect3 .col2 .block .col1 h4{
    font-size: 22px;
  }
  .bonus .sect3 .col2 .block .col1 span{
    font-size: 12px;
  }
  .bonus .sect3 .col2 .block .col3 p{
    font-size: 15px;
  }
  .bonus .sect3{
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom:40px;
  }
  .bonus .sect4 .text-wrap h3{
    font-size: 20px; 
  }
  .bonus .sect4 .text-wrap p{
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .bonus .sect4 .text-wrap .market-wrap a{
    height: 50px;
    width: 47%;
    margin: 0;
  }
  .bonus .sect4 .text-wrap{
    padding: 40px 20px;
  }

  .bonus .sect4 .market-wrap{
    justify-content: space-between
  }
 
  header .logo{
    width: 75px;
  }
  .mainpage .burger-wrap, .menu .burger-wrap{
    right: 20px;
  }
  .menu .burger-wrap{
    top: 15px;
  }
  .tender .main-wrap .container{
    padding: 0;
  }
  .tender h3.main{
    padding: 0 20px;
  }
  h3.main{
    font-size: 22px;
    margin-top: 28px;
  }
  .tender .main-wrap .container > p{
    padding: 0 20px;
    font-size: 16px;
    width: 100%;
  }
  .tender .table .item .col a span{
    display: none;
  }
  .tender .table .item .col3 svg{
    font-size: 24px;
  }
  .tender .table .item .col span{
    font-size: 14px;
  }
  .tender .table .item .col{
    padding-left: 15px;
  }
  .tender .main-wrap .container > a{
    margin-left: 15px;
    margin-top: 20px;
  }

  .wholesale .main-wrap .col1 .flex-wrap > .block{
    width: 100%;
  }
  .wholesale .main-wrap .col1 .container2{
    padding-left: 0;
    padding-right: 0px;
  }

  .wholesale .main-wrap .col1 .flex-wrap > .block1{
    padding: 0 20px;
  }

  ul.my-ul li{
    font-size: 15px;
    margin-bottom: 20px;
  }
  ul.my-ul li::before{ 
    width: 12px;
    height: 12px;
  }
  ul.my-ul li::before{
    top: 3px;
  }

  .wholesale .main-wrap .col2{
    background: transparent;
  }

  .wholesale .main-wrap .col2 .block svg circle{
    fill: #D2EDD0;
    stroke: #D2EDD0;
  }
  .wholesale .main-wrap .col2 .block.last{
    margin-bottom: 0;
  }


  .clients .sect2 .container2{
    flex-direction: column;
  }

  .clients .sect3 .container2{
    flex-direction: column-reverse;
  }
  .clients .sect2 .col1,
  .clients .sect2 .col2{
    width: 100%;
  }
  .clients .sect2{
    padding: 0px;
  }
  .clients .sect2 .col1{
    margin-right: 0;
    margin-bottom: 75px;
  }

  .clients .sect3 .col1,
  .clients .sect3 .col2{
    width: 100%;
    margin-right: 0;
  }
  .clients .sect3 .col2 .img-wrap{
    transform: translateY(0px);
  }
  .clients .sect3 .col2{
    margin-top: 40px;
    margin-bottom: 110px;
  }
  .clients .sect3{
    /* background: #D2EDD0; */
    padding-top: 0;
    margin-top: 50px;
    padding-bottom: 50px;
    position: relative;
  }
  /* .clients .sect3::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #D2EDD0;
    z-index: -5;
  } */


  .news-wrap .block1, .news-wrap .block2{
    width: 100%;
  }



  .top-menu-mob .main, .top-menu-mob .ul-wrap ul{
    padding: 0 20px;
  }
  
  .top-menu-mob .main{
    height: 45px;
  }
  .top-menu-mob .main span{
    font-size: 15px;
  }
  .top-menu-mob .ul-wrap li{
    height: 45px;
    font-size: 15px;
  }
  .news-wrap .block.block-top{
    transform: translateY(0);
  }
  .news-wrap .block2{
    margin-top: 0;
  }
  .news-wrap .block .inf{
    transform: translate(0, -50px);
  }
  .news-wrap .block{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .news-wrap .block{
    margin-bottom: 40px;
  }

  .video .top-menu{
    padding: 28px 0 28px 20px;
  }
  .video .buttons{
    padding: 20px;
    bottom: 0px;
    background: rgba(210, 237, 208, 0.4);    
  }
  
  .video .block .inf{
    margin-bottom: 0;
  }

  .video .block .circle-wrap{
    width: 230px;
    height: 230px;
  }

  .news-wrap .block{
    width: calc(100% - 35px); 
  }
  .news-wrap{
    flex-direction: column;
  }
  .news-wrap .block{
   /* margin-bottom: 0px; slc*/
  }

  .single .main-img-wrap{
    height: auto;
  }
  .single .main-img-wrap img{
    width: 100%;
    height: auto;
    object-fit: initial;
  }
  .single .content-wrap{
    width: 100%;
    padding: 0 20px;
  }
  .single .content-wrap .title{
    padding: 16px;
  }
  .single .content-wrap .title .date{
    font-size: 13px;
    margin-bottom: 8px;
  }
  .single .content-wrap .title h1{
    font-size: 24px;
  }
  .single .content-wrap .title{
    transform: translateY(0%);
    margin-bottom: 0px;  
    margin-top: 25px;
  } 
  .single .content-wrap .content{
    padding: 0;
    padding-bottom: 35px;
    margin-top: 20px;
  }

  h3{
    font-size: 21px; 
  }
  .vacancies .col1{
    padding: 20px;
    padding-top: 25px;
    padding-bottom: 0;
  }

  .vacancies .col1 .inf-wrap .inf{
    padding: 20px 20px 30px 35px;
  }
  .vacancies ul.my-ul li{
    margin-bottom: 10px;
  }

  .star2 .sect1{
    padding-top: 35px;
  }
  .star2 .sect1 .container2{
    flex-direction: column;
  }
  .star2 .sect1 .col{
    width: 100%; 
  }
  .star2 .sect1 .col p.big{
    width: 100%;
  }

  .star2 .sect1 .col2{
    padding-top: 20px;
  }
  .news-wrap .block{
    width: 100%;
  }
  .star2 .sect2{
    padding-bottom: 15px;
  }
  .partners .main-wrap .col1 .row{
    padding-left: 20px;
    padding-right: 20px;
  }
  .vivo .sect2 .slider-wrap{
    width: 200vw;
    margin-left: -50vw;
  }

  .vivo .sect3 .container{
    padding: 0;
  }
  .vivo .sect3{
    margin-top: -140px;
  }
  .vivo .sect3 .bottom-wrap{
    padding-left: 20px;
    padding-right: 20px;
  }
  .vivo .sect3 .bottom-wrap .row1{
    flex-direction: column;
  }
  .vivo .sect3 .select-wrap{
    width: 100%;
  }
  .vivo .sect3 h3{
    width: 100%;
  }
  .vivo .sect3 h3{
    font-size: 24px;
    margin-bottom: 25px;
  }
  .vivo .sect3 .bottom-wrap .row2{
    margin-top: 30px;
  }
  .vivo .sect3 .cafe-wrap .flex-wrap .block{
    width: 100%;
    margin-right: 0;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #D2EDD0;
  }
  .vivo .sect3 .cafe-wrap .flex-wrap .block:last-child{
    border: none;
    margin-bottom: 0;
  }

  .hotel .sect2{
    width: 100%;
    overflow: hidden;
    padding-bottom: 0;
  }
  .hotel .sect1 .container2{
    padding: 0;
  }
  .hotel .sect1 .container2 .col1{
    padding: 0 20px;
  }
  .hotel .sect1 .col2{
    padding-top: 15px;
  }
  .hotel .sect1 .col2 .inner-wrap{
    padding: 25px 20px;
  }
  .hotel .sect1 .col2 .flex-wrap div span{
    font-size: 22px;
    margin-bottom: 5px;
  }
  .hotel .sect1 .col2 .flex-wrap div p{
    font-size: 14px;
  }
  .hotel .sect1 .col2 .wrap .flex div{
    width: 80%;
  }
  .hotel .sect1 .col2 .wrap p{
    width: 100%;
  }
  .hotel .sect2 .container2{
    padding: 0;
  }
  .hotel .sect2 .tab-wrap .main .content{
    position: static;
    opacity: 1;
    height: 0;
    overflow: hidden;
    padding: 0;
  }
  .hotel .sect2 .tab-wrap .main .content.active{
    height: auto;
    padding: 20px;
  }
  .hotel .sect2 .tab-wrap .main .content .row{
    flex-direction: column;
  }
  .hotel .sect2 .tab-wrap .main .content .row1 .col{
    width: 100%;
  }
  .hotel .sect2 .tab-wrap .main .content .row1 .col span{
    width: 100%;
    margin: 0px;
    margin-bottom: 25px;
    font-size: 16px;
  }
  .hotel .sect2 .tab-wrap .main .content .row1 .col p{
    font-size: 14px;
  }
  .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap1, .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap2, .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap3{
    width: 100%;
    margin-right: 0;
  }
  .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap4,
  .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap5{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap4{
    margin-bottom: 20px;
  }
  .hotel .sect2 .tab-wrap .main .content.active{
    padding: 20px;
  }
  .hotel .sect2 .tab-wrap .top{
    flex-direction: column; 
    transition: all 0.4s ease-out;
  }
  .hotel .sect2 .tab-wrap .top .button{
    width: 100%;
    border: none;
    border-bottom: 2px solid white;
  }
  .hotel .sect2 .tab-wrap .top .button.active{
    /* order: -5;  */
  }
  .hotel .sect2 .tab-wrap .main .content .row2,
  .hotel .sect2 .tab-wrap .main .content .row2 .img-wrap{
    height: 350px !important;
  }
  .lSSlideOuter .lSPager.lSpg > li a{
    background: transparent !important;
    border: 1px solid #52B04C;
  }

  .lSSlideOuter .lSPager.lSpg > li.active a{
    background: #52B04C !important; 
  }
  .lSSlideOuter .lSPager{
    margin-top: -5px !important;
  }
  .hotel .sect2 .tab-wrap{
    margin-bottom: 20px;
  }

  .contacts .container2 .h3-wrap h3{
    margin-bottom: 15px;
    margin-left: 20px;
  }
  .contacts .container2{
    padding: 0px;
  }
  .contacts .flex-wrap .col .item{
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
    padding: 25px 30px;
  }
  .contacts .flex-wrap .col3 .social{
    margin: 0;
    background: white;
    margin-top: -50px;
    padding: 75px 20px 30px 20px;
    position: relative;
    z-index: -1;
  }
  .contacts .flex-wrap .col3 .social a{
    width: 38px;
    margin-right: 22px;
  }

  .upg .sect3 .svg-wrap .svg1{ display: none; }
  .upg .sect3 .svg-wrap .svg2{ display: block; }

  .upg .sect1 .container2{
    flex-direction: column;
  }
  .upg .sect1 .col{
    width: 100%;
    padding: 0;
  }
  .upg .sect1 .col1{
    margin-bottom: 25px;
  }
  .upg .sect1 .col3{
    padding-bottom: 25px;
    padding-top: 25px;
  }  
  .upg .sect2 iframe{
    height: 320px;
  }
  .top-menu h3{
      font-size: 21px; 
  }
  
  .quality .sect1 h2 {
    width: 90%;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 25px;
    padding-left: 20px;
}
.quality .main-wrap .container{
    padding: 0 20px; 
}

.quality .main-wrap .container.sect1{
    padding: 0px;
}

.quality .sect1 .flex-wrap{
    flex-direction: column;
}
.quality .sect1 .flex-wrap .col{
    width: 100%;
}
  
  .quality .sect1 .flex-wrap .col1{
      margin-bottom: 25px;
      border-bottom: 1px solid #D2EDD0;
  }
  .quality .sect1 .flex-wrap .col span {
    font-size: 13px;
}
  .quality .sect1 .flex-wrap .col h4 {
    font-size: 14px;
}
.quality .sect2 .col{
    width: 100%;
}
.quality .sect2 .col p.big{
    font-size: 16px;
}
.quality .sect2 .col p{
    font-size: 14px;
}
.quality .sect2 .col p{
    margin-bottom: 30px;
}

.quality .button-wrap a span{
    font-size: 13px;
    line-height: 1;
    transform: translateY(-1px);
    display: block;
}
.quality .button-wrap a{
    padding: 12px 22px;
}
.quality .sect2 .svg-wrap{
    bottom: auto;
    top: -5%;
}
.quality .sect2{
    padding: 35px 0;
    padding-top: 155px; 
}
  .quality .sect3 > .container h3{
      margin-bottom: 30px;
  }
  .quality .main-wrap .s1 .container{
      flex-direction: column;
      padding: 0;
  }
  .quality .sect3 .s1 .item{
      width: 100%;
      height: 40px;
  }
  .quality .sect3 .s1 .item{
      border: none;
      border-bottom: 1px solid white;
  }
  .quality .sect3 .s2 .flex-wrap{
      flex-direction: column;
  }
   .quality .sect3 .s2 .flex-wrap .column{
      width: 100%;
  }
  .quality .sect3 .s2 .flex-wrap .column1{
      padding-top: 30px;
      padding-bottom: 20px;
  }
  .quality .sect3 .s2 .flex-wrap .column2{
      padding-top: 0px;
      padding-bottom: 30px;
  }
  .quality .sect3 .s2 h3{
      font-size: 16px;
  }
  .quality .last p{
      margin-top: 25px;
      font-size: 14px;
  }
  .quality .sect3 .s2 {
    padding-bottom: 50px;
}
  .quality .table-wrap .col span{
      font-size: 12px;
  }
  .quality .table-wrap .with-ul .inner-row .col{
      padding-bottom: 10px;
  }
  .quality .table-wrap .col{
      padding-left: 10px;
  }
  .chain .column{
    padding: 25px 20px;
  }
  .chain .items{
    margin-top: 25px;
  }
  .wholesale .bottom span{
    font-size: 13px;
    margin-left: 20px;
    transform: translateY(11px);
  } 
  .clients .sect1 .svg-wrap{
    display: block;
    margin-top: 50px;
  }
  .clients .my-svg1{ display: none; } 
  .clients .my-svg2, .my-span3{ display: block; }
  .clients .sect1{
    padding-bottom: 220px;
  }
  .clients .sect2 .svg-wrap{
    bottom: auto;
    top: 50px;
  }
  .clients .sect3 .svg-wrap{
    bottom: auto;
    top: 50px;
  }
  .clients .sect3 .svg-wrap{
    bottom: auto;
    top: 20px;
  }

  .vivo .sect2{
    margin-top: 0;
  }
  .vivo .sect3{
    height: auto;
  }

  .vivo .main-wrap{
    overflow: hidden;
  }


  .contacts .svg-wrap .svg2{
    display: block;
  }
  .contacts .svg-wrap{
    top: 95px;
  }
  .contacts .container2 .h3-wrap{
    margin-bottom: 80px;
  }
  .upg .sect3 .text-wrap span.span1 {
    transform: translate(1px, 45px);
    top: 54%;
    left: 6%;
}
  .upg .sect3 .text-wrap span.span2 {
      transform: translate(1px, -20px);
      top: 45%;
      left: 60%;
  }
  .upg .sect3 .text-wrap span{
    font-size: 12px;
    white-space: nowrap;
    min-width: 170px;
  }
  .upg .sect3 .text-wrap span.span-type1{
    opacity: 0;
  }
  .upg .sect3 .text-wrap span.span1,
  .upg .sect3 .text-wrap span.span2{
    opacity: 1;
  }

  .upg .sect3 .text-wrap span.span2 br{
    display: block;
  }
  .upg .sect3 .text-wrap span.span1{
    top: 10%;
    left: 10%;
  }
  .upg .sect3 .text-wrap span.span2{
    bottom: 26%;
    right: 19%;
    left: initial;
    top: initial;
    text-align: right;
  }
  .upg .sect3 .text-wrap span.span3{
    top: initial;
    left: 3%;
    bottom: 47%;
  }
  .upg .sect3 .text-wrap span.span4{ 
    left: 39%;
    top: 15%;
  }


  .upg .sect3 .text-wrap span.span5{
    top: 29%;
    left: 9%;
  }
  .upg .sect3 .text-wrap span.span6{
    bottom: 45%;
    right: 20%;
    left: initial;
    top: initial;
    text-align: right;
  }
  .upg .sect3 .text-wrap span.span7{
    top: initial;
    left: 3%;
    bottom: 32%;
  }
  .upg .sect3 .text-wrap span.span8{ 
    left: 38%;
    top: 32%;
  }


  .upg .sect3{
    position: relative;
    padding-bottom: 0;
  } 
  .upg .sect3 h3{
    margin-bottom: -40px;
  }
  .quality .sect2 .svg-wrap .svg1{
    display: none;
  }
  .upg .sect3 .text-wrap span.span1,
  .upg .sect3 .text-wrap span.span2,
  .quality .sect2 .svg-wrap .svg2{
    display: block;
  } 
  .mainpage-svg-wrap .svg-wrap1 span{
    font-size: 11px;
    left: 32.6%;
    top: 32.5%;
  }

  .price .main-line .svg1{
    display: none;
  }
  .price .main-line .svg2{
    display: block;
  } 

  .price .main-wrap .col1{
     
  }
  .price .main-wrap .col1{
    padding: 25px 20px;
  }
  .price .main-wrap .col1 h1{
    font-size: 28px; 
  }
  .price .main-wrap .col1 .span1{
    font-size: 12px;
  }
  .price .main-wrap .col1 .span2{
    font-size: 16px;
  }
  .price .main-wrap .col1 .span3{
    font-size: 12px;
  }
  .price .select-wrap{
    margin-top: 25px;
  }
  .price .main-wrap .col1 .button-wrap{
    margin-top: 25px;
  }
  .price .button-wrap a{
    padding: 15px 25px;
  }
  .price .container2{
    justify-content: flex-start; 
  }
  .price .main-wrap .col1 .button-wrap{
    position: absolute;
    left: 20px;
    bottom: 25px;
  }
  .price .abs-text .span1{
    font-size: 14px;
    transform: translate(11px, 5px);
  }
  .price .abs-text .span2{
    font-size: 16px;
    transform: translate(11px, -19px);
  }
  .price{
    overflow-y: auto;
  }
  .price .main-wrap{
    min-height: 620px;
    height: auto; 
    overflow-y: auto;
  }
  /* .price .abs-text-wrap{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
  } */
  .price .button-wrap{
    margin: 35px 0 20px 20px;
  }
  .video .slider-wrap{
    padding-top: 0;
  }

  .bonus .sect3 .col2 .block .col2{
    margin-left: 10px;
    margin-right: 15px;
  }

  .video, .video .main-wrap{
    min-height: 600px;  
    overflow-y: auto;
  }
  .video .block .date{
    text-align: center;
  }

  .action .sect1.ac1 .block{
    padding: 0px;
  }
  .action .sect2 .flex-wrap{
    column-count: 1;
  }
  .action .sect1.ac1{
    padding-bottom: 0px;
  }
  .action .sect1.ac1 .block .inf,
  .action .sect1.ac2 .block .inf,
  .action .sect1.ac3 .block .inf{
    width: 80%;
    padding: 20px 20px 55px 25px; 
    transform: translate(0px, -60px);
  }
  .action .sect1.ac1 .block a.img-wrap,
  .action .sect1.ac2 .block a.img-wrap,
  .action .sect1.ac3 .block a.img-wrap{
    padding-right: 35px;
  }
  .action .sect2{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .action .sect2 h3{
    margin-bottom: 25px;
  }
  .action .sect1{
    padding-top: 0;
  }
  .action .sect1.ac1.ac3{
    padding-bottom: 0;
  }
  .action .sect1 .container2 > h3{
    padding-top: 35px;
    margin-bottom: 30px;
  }

  .star .sect2 .flex-wrap .block{
    width: 100%; 
  }
  .quality .sect3 .s2 .column p{
    width: 100%;
  }
  .main-tel{
    margin: 0;
    background: white;
    padding-left: 20px;
    padding-bottom: 30px;
  }
  
  .mainpage .abs-text .top,
  .mainpage .abs-text .bottom p{
      display: none;
  }

  .mainpage-svg-wrap .svg-wrap svg{
    width: 100%;
    margin-left: 0;
  }
  /* .mainpage-svg-wrap .svg-wrap{
    bottom: 0px;
  } */
  .mainpage-svg-wrap .svg-wrap1{
    bottom: 30px;
  }
  .mainpage-svg-wrap .svg-wrap3{
    bottom: 30px;
  }
  .mainpage-svg-wrap .svg-wrap4{
    bottom: 60px;
  }
  .mainpage-svg-wrap .svg-wrap5{
    bottom: 0px;
  }
  .cart-popup{
    width: 90%;
    padding: 25px;
  }
  .cart-popup h3{
    font-size: 24px;
    margin-bottom: 15px;
  }
  .cart-popup .form-wrap{
    margin-top: 30px;
  }
  .cart-popup .input-wrap{
    margin-bottom: 15px;
  }
  .cart-popup .input-wrap input{
    height: 50px;
    padding: 10px;
    padding-top: 27px;
    font-size: 17px;
  }
  .cart-popup .input-wrap label {
    font-size: 16px;
    top: 16px;
    left: 10px;
  }
  .cart-popup .input-wrap label.active{
    font-size: 13px;
    top: 6px;
  }
  .cart-popup .button{
    width: 100%;
    height: 60px;
  }
  .cart-popup .button span{
    font-size: 14px;
  }
  div.wpcf7-validation-errors{
    position: static;
    margin-top: 15px !important;
  }


  .ie-popup .wrap{
    width: 90%;
  }
  .ie-popup h3{
    font-size: 24px;
  }
  .quality .sect3 > .container h3{
    padding-left: 20px;
  }
  .quality .sect3 .s2{
    padding-left: 20px;
    padding-right: 20px;
  }
  .quality .sect3 .s2{
    padding-bottom: 30px;
  }





}




@media screen and (max-width: 360px) { 
.downhref
{	
	font-size:inherit;	
}
  .upg .sect3 .text-wrap span{
    font-size: 11px;
  }
    .upg .sect3 .text-wrap span.span1{
      top: 5%;
    }
    .upg .sect3 .text-wrap span.span2{
      bottom: 22%;
    }
    .upg .sect3 .text-wrap span.span3{
      bottom: 50%;
    }
    .upg .sect3 .text-wrap span.span4{ 
      top: 11%;
    }
    .upg .sect3 .text-wrap span.span7{
      bottom: 28%;
    }
    .upg .sect3 .text-wrap span.span8{ 
      top: 32%;
    }

}

.a6
{
	/*display:none!important;	*/
}
 .title
{
display:block!important;
}

.inf p, .inf ul
{
	font-size:16px;
	/*list-style-image:url(../img/li.svg);*/
	list-style:disc;
}
.single ul
{
	list-style:disc;
	padding:0px 0 20px 20px;/*padding:20px 0 20px 20px; slc*/
}
.single ol
{
  padding:0px 0 20px 20px;/*padding:20px 0 20px 20px; slc*/
  list-style-type: decimal;
}
@media screen and (max-width: 1279px) { 
.col-lg-6
{
	display:inline-block;
	width:100%;	
	
}

}
@media screen and (min-width: 1280px) { 
		.col-lg-6
		{
			display:inline-block;
			width:48%;	/*45%*/
			margin:10px;
		}

}
.slc .button-wrap a{
  margin-right: 20px;
  text-align:center;
  text-decoration:none!important;
  text-transform:uppercase;
  
}
.wrapper         {width: 100%; height:100%; margin:0 auto; margin-top:2%;}
.wrapper2         {width: 100%;  padding:0 5% 20px 5%; }
.h_iframe        {position:relative; padding-top: 45%;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

.slider-item {
  text-align: center;
  margin:10px;
}


.black_background
{
	/*background: rgba(0,0,0,0.7);	*/
	background: url(../img/svg/back-line.svg) center center, #323332;
	/*background-repeat: no-repeat;*/
	background-size: cover;
	background-attachment: fixed;
	background-position: top;
	overflow:auto;
	max-width: 100%;
   overflow-x: hidden;
}
.left
{
	float:left;
}
.right
{
	float:right;
}

@media only screen and (min-width: 1280px)  /*and (max-width:9999px)*/
{
		.colx6
		{
			display:block;
			width:50%;
		}
		.colx12
		{
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display:block;
			width:100%;
			
		}
	.title_h1 p,.title_h1
		{
			font-style: normal; 
			font-weight: bold;
			font-size: 48px;
			line-height: 55px;
			letter-spacing: 0.02em;
			padding-bottom: 20px;
		}
	.land_circle
		{	
		  
		display: inline-block;
		width: 100%;
		height: 0;		   
		border-radius: 50%;		  
		padding: 50% 0;			
		background: url(../img/svg/back-line.png) center center, white;
		max-width:2000px;
		max-height:2000px;
				
		}
	.block1_text2
		{
				padding:2.5% 10% 0 2.5%;
		}
	.block2_text2
		{
				padding:2.5% 10% 0 2.5%;
		}
	.block1_text
	{
		padding:0 0 2% 52%;
		
	}
	.block2_l .block2_text p
		{	
			text-align:left;
		}
	
	#land_info
			{
				
				display:block;
				width: 250px;				
				margin-top:-45%;
			}
	#land_info2
			{
				margin-top:65%;
				display:block;
				width: 270px;
				margin-left:5%;
			}
	
			
	.block1_text p
			{
				
				color: #FFFFFF; 
				text-align:left;
			}
			

	.land_left
			{				
				font-size: 48px;
				line-height: 55px;
			}
	.land_right
			{				
				font-size: 64px;
				line-height: 74px;
			}
	.block1_text2 p
			{
				
				color: #FFFFFF;	
				text-align:left;
			}
	.slider_item1:before, .slider_item2:before,.slider_item3:before,.slider_item4:before,.slider_item5:before
			{
				content:'';
				height:130px;
				width:130px;
				display:inline-block;
			}
	.lisl p
			{
				font-style: normal;
				font-weight: 500;			
				font-size: 36px;
				line-height: 50px;
				min-height:165px;
				display:flex;
				align-items:center;
				padding-left:20px;
			}
	.lisl
			{
				display:flex;
				display: -moz-box;
				-moz-box-align: center;
				align-items: center;
			}
	.block2_l .block2_text p 
			{
				padding: 5%;			
				color: #FFFFFF;
			}
	.slider_title p
			{
				padding: 5%;
				padding-bottom:0;
				padding-top:6%;
				
				color: #FFFFFF;
			}
	.block1
			{
				/*padding-top:20%;*/
			}
	.slider-item
			{
				  text-align: center;
				  margin-top:-38%;
			}
	
	.block3_img
		{
			
			float:left;
			padding-top:15%;
			padding-right:10%;
		}
	.block3
		{
			padding-top:5%;
		}	
			
}

@media only screen and (min-width:1023px) and (max-width:1279px)
{
		
		.colx6
		{
			display:block;
			width:50%;
		}
		.colx12
		{
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display:block;
			width:100%;
			
		}
		.title_h1 p,.title_h1
		{
			font-style: normal; 
			font-weight: bold;
			font-size: 48px;
			line-height: 55px;
			letter-spacing: 0.02em;
			padding-bottom: 20px;
		}
		.land_circle
			{				  
			  display: inline-block;
			  width: 100%;
			  height: 0;			 
			  padding: 50% 0;
			  border-radius: 50%;
			  -webkit-box-shadow: 0 @shadow-length 0 0 @shadow;
					  box-shadow: 0 @shadow-length 0 0 @shadow;
			  text-shadow: 0 @shadow-length 0 @shadow;
			  background: url(../img/svg/back-line.png) , white;	
			}
		.block1_text2
			{
					padding:0 5% 0 5%;
					margin-bottom:10%;
			}
		.block1_text
			{			
				justify-content: center;
			}
		.block2_text2
			{
					padding:0 5% 0 5%;
					
			}
		.block2_l .block2_text p, .block1_text p
			{	
				text-align:center;
			}
		
				
		.block1_text p
			{
				
				color: #FFFFFF;
			}
		.block2_l .block2_text p
			{
				padding:5%;							
				color: #FFFFFF;
			}
		.land_left
			{				
				font-size: 35px;
				line-height: 45px;
			}
		.land_right
			{				
				font-size: 35px;
				line-height: 45px;
			}
		.block1_text2 p
			{
				
				color: #FFFFFF;	
				text-align:left;
			}
		.slider-item
			{
				  text-align: center;
				  margin-top:-40%;
			}
		.slider_item1:before, .slider_item2:before,.slider_item3:before,.slider_item4:before,.slider_item5:before
			{
				content:'';
				height:90px;
				width:90px;
				display:inline-block;
			}
		.lisl p
			{
				font-style: normal;
				font-weight: 500;
				font-size: 36px;
				line-height: 45px;				
				display:flex;
				align-items:center;
				padding-left:15px;
			}
		.block2_l .block2_text p 
			{
				padding: 5%;				
				color: #FFFFFF;
			}
		.slider_title p
			{
				padding: 5%;
				font-style: normal;
				font-weight: bold;
				font-size: 35px;
				line-height: 45px;
				color: #FFFFFF;
			}
			
		
		.lisl
		{
			text-align:left;
			height:160px;
			padding-left:20%;
			display:flex;
			display: -moz-box;
			-moz-box-align: center;
			align-items: center;
			
		}
		.block3_img {
		float: left;
		padding-top: 15%;
		padding-right: 10%;
		}
		.block3
		{
			padding-top:5%;
		}
}
 @media only screen and (min-width:768px) and (max-width:1023px)
{
		.colx6
			{
				display:block;
				width:100%;
			}
		.colx12
			{
				
				width:100%;
			}
		.title_h1 p,.title_h1
		{
			font-style: normal; 
			font-weight: bold;
			font-size: 48px;
			line-height: 55px;
			letter-spacing: 0.02em;
			padding-bottom: 20px;
		}
		.land_circle
			{	
			  
			  display: inline-block;
			  width: 100%;
			  height: 0;			 
			  padding: 50% 0;
			  border-radius: 50%;
			  -webkit-box-shadow: 0 @shadow-length 0 0 @shadow;
					  box-shadow: 0 @shadow-length 0 0 @shadow;
			  text-shadow: 0 @shadow-length 0 @shadow;
			  background: url(../img/svg/back-line.png) , white;	
			}
		#land_info
				{				
					display:block;
					width: 250px;
					margin-left:5%;
					margin-top:10%;
				}
		#land_info2
				{
					margin-top:15%;
					display:block;
					width: 270px;
					margin-left:5%;
				}
		
		.block1_text2
			{
					padding:0 5% 0 5%;
					margin-bottom:10%;
			}
		.block1_text
			{			
				justify-content: center;
			}
		.block2_text2
			{
					padding:0 5% 0 5%;
					
			}
		.block2_l .block2_text p, .block1_text p
			{	
				text-align:center;
			}
		
				
		.block1_text p
			{
			
				color: #FFFFFF;
			}
		.block2_l .block2_text p
			{
				padding:5%;
				color: #FFFFFF;
			}
		.land_left
			{				
				font-size: 35px;
				line-height: 45px;
			}
		.land_right
			{				
				font-size: 35px;
				line-height: 45px;
			}
		.block1_text2 p
			{
				
				color: #FFFFFF;	
				text-align:left;
			}
		.slider-item
			{
				  text-align: center;
				  margin-top:-40%;
			}
		.slider_item1:before, .slider_item2:before,.slider_item3:before,.slider_item4:before,.slider_item5:before
			{
				content:'';
				height:60px;
				width:60px;
				display:inline-block;
			}
		.lisl p
			{
				font-style: normal;
				font-weight: 500;
				font-size: 30px;
				line-height: 35px;				
				display:flex;
				align-items:center;
				padding-left:15px;
			}
		.block2_l .block2_text p 
			{
				padding: 5%;				
				color: #FFFFFF;
			}
		.slider_title p
			{
				padding: 5%;
				font-style: normal;
				font-weight: bold;
				font-size: 35px;
				line-height: 45px;
				color: #FFFFFF;
			}
			
		
		.lisl
		{
			text-align:left;
			height:120px;
			padding-left:20%;
			display:flex;
			display: -moz-box;
			-moz-box-align: center;
			align-items: center;			
		}
		
		.block3
		{
			padding-top:5%;
		}	
}
 @media only screen and (max-width:768px)
{
		.colx6
			{
				display:block;
				width:100%;
			}
		.colx12
			{
				
				width:100%;
			}
		.land_circle
			{	
			  
			  display: inline-block;
			  width: 200%;		
			  height: 0;
			  margin-left:-50%;
			  padding: 100% 50%;
			  border-radius: 50%;		
			
			  background: url(../img/svg/back-line.png) , white;
			  color: white;
			}
		#land_info
				{				
					display:block;
					width: 250px;
					margin-left:5%;
					margin-top:10%;
				}
		#land_info2
				{
					margin-top:15%;
					display:block;
					width: 270px;
					margin-left:5%;
				}
		
		.block1_text2
			{
					padding:0 5% 0 5%;
					margin-bottom:10%;
			}
		.block1_text
			{			
				justify-content: center;
			}
		.block2_text2
			{
					padding:0 5% 0 5%;
					
			}
		.block2_l .block2_text p, .block1_text p
			{	
				text-align:center;
			}
		
				
		.block1_text p
			{
				
				color: #FFFFFF;
			}
		.block2_l .block2_text p
			{
				padding:5%;
				color: #FFFFFF;
			}
		.land_left
			{				
				font-size: 35px;
				line-height: 45px;
			}
		.land_right
			{				
				font-size: 35px;
				line-height: 45px;
			}
		.block1_text2 p
			{
				
				color: #FFFFFF;	
				text-align:left;
			}
		.slider-item
			{
				  text-align: center;
				  margin-top:-70%;
			}
		
		.block2_l .block2_text p 
			{
				padding: 5%;				
				color: #FFFFFF;
			}
		.slider_title p
			{
				padding: 5%;
				font-style: normal;
				font-weight: bold;
				font-size: 35px;
				line-height: 45px;
				color: #FFFFFF;
			}
			
		
		.lisl
		{
			text-align:left;
			height:100px;
			padding-left:5%;
			padding-right:5%;
			/*padding-bottom:30%;*/
			display:flex;
			display: -moz-box;
			-moz-box-align: center;
			align-items: center;			
		}
		.slider_item1:before, .slider_item2:before,.slider_item3:before,.slider_item4:before,.slider_item5:before
			{
				content:'';
				height:45px;
				width:45px;
				min-height:45px;
				min-width:45px;
				display:inline-block;
				
			}
		.lisl p
			{
				font-style: normal;
				font-weight: 500;
				font-size: 15px;
				
				line-height: 20px;
				
				color: #313131;	
				display:flex;
				align-items:center;
				padding-left:10px;
				
			}
		.title_h1 p, .title_h1 
			{
		   font-style: normal;
			font-weight: bold;
			font-size: 24px;
			line-height: 28px;
			letter-spacing: 0.02em;
			color: #FFFFFF;
			
			padding-left:5%;
			padding-right:5%;
		}
		
		.wrapper, .block1, .block2_l, .block3
		{
			padding-top:10%;
		}
			
}


.block1_img
{
	padding:5%;
}

.block1_text2 p
{
	
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 28px;

	text-align:left;
}
.block1_text 
{
	color: #313131;	
	width:100%;
	
}
.block2_l
{
	color:#FFFFFF;
	display:inline-block;
}

.block2_l .block2_text2 p
{
	
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 28px;
	color: #FFFFFF;
	text-align:left;
}

.block3,.block3 p
{
	color:white;
}
.land_info3
{
	width:100%;
	padding-right:25%;
	padding-left:5%;
}
.land_info3 tr,td
{
	 border-bottom: 1px solid #ddd;
	 padding-top:4%;
	
}
.land_left
{
	text-align:left;	
	font-style: normal;
	font-weight: 500;
	
}
.land_right
{
	text-align:right;
	font-style: normal;
	font-weight: bold;
	
}
.block3 span
{
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
}

.block3_text
{	
	float:right;
}



.fixed_title
{	
	 
	position:fixed;
    /*top: 0px;*/
    left: 0;
    width: 100%; 
	height: 100px;
	z-index:1;	
	display:block!important;
}

.relative_title
{
	position:relative;
}

.block3 .button-wrap
{	
	padding: 10% 0 10% 5%;
}
.land_map
{
	background: url("../img/map_all.jpg") center center, white; 
	width:100%;
	min-height:200px;
	height:50vh;
	background-size: cover;
	display:flex;	
	padding-top:0;
	max-height:450px;
	align-items: center;
    justify-content: center;
	
}

.land_map_button
{	
	align-items: center; 
	opacity: 0;
	border:0;	
}
.land_map:hover,.land_map.hover
{
		
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/map_all.jpg") ;
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/map_all.jpg");
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/map_all.jpg");
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/map_all.jpg");
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url("../img/map_all.jpg");
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/map_all.jpg");
	background-position: center center;
    background-repeat: no-repeat; 
	background-size: cover;
	-moz-backface-visibility: hidden;
	 transform: translateZ(0);
	box-sizing: border-box;
}

 .land_map:hover>.land_map_button, .land_map.hover>.land_map_button
{
	
	visibility:visible;
	opacity:1;
	
}

.slider_item1:before
{	
	background:url("../img/list5.png") center center;
	background-size: cover;
}
.slider_item2:before
{	
	background:url("../img/list4.png") center center;	
	background-size: cover;
}
.slider_item3:before
{	
	background:url("../img/list3.png") center center;
	background-size: cover;
}
.slider_item4:before
{	
	background:url("../img/list2.png") center center;	
	background-size: cover;
}
.slider_item5:before
{	
	background:url("../img/list1.png") center center;	
	background-size: cover;
}
.land_map_button2
{
	margin-top:5%;
	text-align:center!important; 
	
	
}
.hidded_title
{
	
	background: url(../img/svg/back-line.svg) no-repeat center center, #323332;
	display:none;

}
.slider-nav
{
/*	background:red; */
	margin-bottom:3%;
	display:block;
	
}
.block1
{
	display:block;
}
.mob-row a
{
  margin-right:20px;
}
.downhref_google
{
	background:url("../img/icon/google-play-badge.png") no-repeat center;	
	background-size:contain;
	width:160px!important;
	height:70px!important;
	display:inline-block;
	text-decoration:none!important;
	
	
}
.downhref_apple
{
	background:url("../img/icon/apple-play-badge.png") no-repeat center;	
	background-size:contain;
	width:160px!important; 
	height:60px!important;
	display:inline-block;
	text-decoration:none!important;	
	
}
.downhref
{
	display:flex;
	align-items:center;			
}

#block4
{
	/*height:100%;
	max-height:600px;*/
	background: url(../img/svg/back-line.png) center center, white;
	text-align:center;
}
#title4
{
	padding-top:5%;
	padding-bottom:2%;	
	color:#313131;	
}
#title p, #block4 p, #block4 .title_h1
{
	color:#313131;	
}
#text4
{
	padding-left:5%;
	padding-right:5%;
}
.btn_download
{
	width:135px;
	height:45px;
	
}
#buttons4
{
	padding-top:5%;
	padding-bottom:10%;
}
#ipay_btn
{
	padding-right:3%;
}
#google_btn
{
	padding-left:3%;
}
/*  стили для блока знижка на промокод  */


.promo2-first-fluid {
	width: 100%;
}

.promo2-svg-wrap {
	width: 100%;
}

.promo2-svg-wrap svg {
	width: 100%;
}

.promo2-second-1000 {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	margin-top: -164px;
}

.promo2-second-title {
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	padding: 80px 100px;
	background: #FCFEFC;
	border: 1px solid #D2EDD0;
	margin-bottom: 71px;
}

.promo2-second-title h2 {
	font-family: Ubuntu-R;
	font-style: normal;
	font-weight: 500;
	font-size: 60px;
	line-height: 120%;
	color: #313131;
}

.promo2-second-content {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

.promo2-second-content p {
	font-weight: normal;
	font-size: 26px;
	line-height: 150%;
	color: #313131;
	margin-bottom: 50px;
}

.promo2-second-content p strong {
	font-weight: 500;
	color: #52B04C;
}

.promo2-timer-1000 {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 50px;
    background: #FCFEFC;
	border: 1px solid #D2EDD0;
    position: relative;
    z-index: 2;
    margin-bottom: 75px;
}

.promo2-timer-title {
    font-family: Ubuntu-R;
    font-style: normal;
    font-weight: 500;
	font-size: 40px;
	line-height: 130%;
	text-align: center;
	color: #313131;
	margin-bottom: 22px;
}

.promo2-timer-container {
    max-width: 584px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.promo2-timer-item {
    width: 150px;
    height: 150px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid #52B04C;
}

.promo2-timer-item__num {
    font-family: Ubuntu-R;
    font-style: normal;
    font-weight: 500;
    font-size: 60px;
    line-height: 120%;
    color: #52B04C;
}

.promo2-timer-item__text {
    font-family: Ubuntu-R;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 160%;
    color: #313131;
}

.promo2-form-fluid {
    width: 100%;
/*     position: relative; */
    box-sizing: border-box;
    margin-bottom: 135px;
    margin-top: -17%;
}

.promo2-form-svg-wrap {
    width: 100%;
    margin-bottom: -5%;
}

.form-step-text {
    max-width: 600px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
}

.promo2-step1-text {
    top: 30%;
    left: 30%;
    max-width: 330px;
}

.promo2-step2-text {
    top: 39%;
    left: 34.7%;
    max-width: 480px;
}

.form-step-text p {
    font-family: Ubuntu-R;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 130%;
    color: #52B04C;
}

.form-step-text span {
    font-family: Ubuntu-R;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 160%;
    color: #313131;
}

.promo2-form-block {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 75px 50px;
    background: #EAF9EB;
    position: relative;
    z-index: 90;
    margin-bottom: 5px;
    position: absolute;
    top: 55%;
    left: 75%;
    transform: translate(-50%, -50%);
}

.promo2-form-block.hide {
	display: none;
}

.promo2-form-block-input {
    max-width: 600px;
    width: 100%;
    height: 70px;
     margin-bottom: 30px;
     position: relative;
}

.promo2-form-block-input input {
    width: 100%;
    height: 70px;
    background: #fff;
    box-sizing: border-box;
    padding: 0 25px;
    border: 1px solid #D2EDD0;
    font-family: Ubuntu-R;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    display: flex;
    align-items: center;
    color: #313131;
}

.promo2-form-block-input input:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
	border: none;
}

.promo2-form-block-input.input-error {
	margin-bottom: 50px;
}

.promo2-form-block-input.input-error input{
	border: 1px solid #A94442;
	box-sizing: border-box;
}

.promo2-form-block-input.input-error input:focus{
	border: 1px solid #A94442;
	box-sizing: border-box;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.promo2-form-error {
	font-size: 16px;
	display: none;
	position: absolute;
	bottom: -38px;
	left: 25px;
	height: 32px;
	color: #A94442;
}

.promo2-form-block-input.input-error .promo2-form-error{
	display: block;
}



.promo2-form-block-btn {
    max-width: 600px;
    width: 100%;
    height: 70px;
    background: #52B04C;
    border: 1.5px solid #52B04C;
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Ubuntu-R;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 103.41%;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
    transition: all .3s ease;
}

.promo2-form-block-btn:hover {
    color: #52B04C;
    background: #fff;
}

.promo2-app-1000 {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.promo2-app-title {
    max-width: 650px;
    font-family: Ubuntu-R;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 140%;
    color: #313131;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.promo2-app-links {
    width: 333px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.promo2-app-btn {
    width: 160px;
    height: 55px;
    border: 1px solid #323332;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.promo2-app-btn-icon {
    margin-right: 11px;
    width: 23px;
}

.promo2-app-btn-icon svg {
    width: 100%;
}

.promo2-app-btn span {
    font-family: Ubuntu-R;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 126.39%;
    color: #323332;
}

.promo2-mobile-img {
	margin-top: -18%;
}

.promo2-step-text-left {
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background: #52B04C;
	flex-shrink: 0;
	margin-right: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	display: none;
}

.promo2-step-text-left span {
	color: #fff;
}

.promo2-app-mob-image {
	width: 100%;
	margin-top: -25%;
	margin-bottom: -16%;
	display: none;
}

.promo2-succes-block {
	max-width: 500px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 48px 20px 55px 20px;
    background: #EAF9EB;
    position: relative;
    z-index: 90;
    position: absolute;
    top: 55%;
    left: 69%;
    transform: translate(-50%, -50%);
    display: none;
}

.promo2-succes-block.show {
	display: flex;
}

.promo2-succes-images {
	margin-bottom: 15px;
}

.promo2-succes-title {
	font-family: Ubuntu-R;
	font-style: normal;
	font-weight: 500;
	font-size: 40px;
	line-height: 130%;
	text-align: center;
	color: #52B04C;
	margin-bottom: 15px;
}

.promo2-succes-desc {
	font-family: Ubuntu-R;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 23px;
	text-align: center;
	color: #313131;
	max-width: 390px;
	width: 100%;
}

@media only screen and (max-width:1500px) {
	.promo2-form-block {
		left: 75%;
	}
	.promo2-succes-block {
		left: 75%;
	}
}


@media only screen and (max-width:1366px) {
	.form-step-text p {
		font-size: 22px;
	}
	.form-step-text span {
		font-size: 18px;
	}
	.promo2-second-title h2 {
		font-size: 54px;
	}
	.promo2-second-content p {
		font-size: 24px;
	}
	.promo2-form-block {
		margin-bottom: 50px;
	}
	.promo2-form-block {
	    max-width: 420px;
	    padding: 55px 50px;
	    left: 79%;
	}
	.promo2-succes-block {
		max-width: 420px;
	    padding: 55px 50px;
	    left: 79%;
	}
}

@media only screen and (max-width:1100px) {
	.promo2-second-1000 {
       margin-top: -95px;
	}
	.promo2-second-title {
       padding: 55px 84px;
	}
	.promo2-form-svg-wrap {
		display: none;
	}
	.promo2-step1-text {
		position: static;
		margin-bottom: 30px;
		padding: 0 23px;
	}
	.promo2-step2-text {
		position: static;
		margin-bottom: 50px;
		padding: 0 23px;
	}
	.form-step-text p {
		margin-bottom: 10px;
	}
	.promo2-form-fluid {
		margin-top: 0;
	}
	.promo2-timer-1000 {
		margin-bottom: 50px;
	}
	.promo2-app-title {
		font-size: 20px;
		max-width: 462px;
	}
	.promo2-app-1000 {
		box-sizing: border-box;
		padding: 0 30px;
	}
	.promo2-step-text-left {
		display: flex;
	}
	
	.promo2-form-block {
	    max-width: 1000px;
	    padding: 75px 50px;
	    position: unset;
	    transform: translate(0%, 0%);
	}
	.promo2-succes-block {
		max-width: 1000px;
	    padding: 75px 50px;
	    position: unset;
	    transform: translate(0%, 0%);
	    margin-bottom: 50px;
	}
	.promo2-step1-text {
		max-width: 600px;
	}
	.promo2-step2-text {
		max-width: 600px;
	}
	
}

@media only screen and (max-width:768px) {
	.promo2-second-1000 {
    	width: 94%;
	}
	.promo2-second-title h2 {
    	font-size: 24px;
	}
	.promo2-second-title {
    	padding: 15px 15px;
    	margin-bottom: 24px;
	}
	.promo2-second-1000 {
    	margin-top: 26px;
	}
	.promo2-second-content p {
    	font-size: 16px;
    	margin-bottom: 30px;
	}
	.promo2-second-content {
		padding-bottom: 20px;
	}
	.promo2-timer-1000 {
    max-width: 626px;
    padding: 30px;
	}
	.promo2-timer-title {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.promo2-timer-item {
	    width: 75px;
	    height: 75px;
		border: 1px solid #52B04C;
	}
	.promo2-timer-item__num {
		font-weight: 500;
		font-size: 24px;
		line-height: 120%;
		color: #52B04C;
	}
	.promo2-timer-item__text {
		font-size: 16px;
		line-height: 160%;
	}
	.promo2-timer-container {
		max-width: 289px;
	}
	.form-step-text p {
		font-size: 16px;
		text-transform: uppercase;
	}
	.form-step-text span {
		font-size: 16px;
	}
	.promo2-form-block {
		max-width: 626px;
		padding: 35px;
		margin-bottom: 50px;
	}
	.promo2-form-block-input {
		max-width: 474px;
		height: 50px;
		margin-bottom: 18px;
	}
	.promo2-form-block-input input {
		height: 50px;
		font-size: 16px;
	}
	.promo2-form-block-btn {
		max-width: 474px;
		height: 50px;
	}
	.promo2-form-fluid {
		margin-bottom: 50px;
	}
	.promo2-mobile-img .svg-wrap {
		transform: scale(1.3);
	}
	.main-wrap {
		padding-bottom: 60px;
		overflow-x: hidden;
	}
	.promo2-form-block-input.input-error {
    	margin-bottom: 55px;
	}
	.promo2-form-error {
	font-size: 14px;
	}
	.promo2-succes-block {
		max-width: 626px;
    padding: 35px;
    margin-bottom: 50px;
	}
}

@media only screen and (max-width:640px) {
	.promo2-app-1000 {
		padding: 0;
	}
	.promo2-app-title {
		box-sizing: border-box;
		padding: 15px;
		margin-bottom: 0;
	}
	.promo2-app-mob-image {
		display: block;
	}
	.sect4 {
		display: none;
	}
	.promo2-app-links {
		width: 287px;
		margin: 0 auto;
	}
	.promo2-app-btn {
		width: 135.3px;
		height: 50px;
	}
	.promo2-app-btn span {
		font-size: 14px;
	}
	.promo2-succes-title {
		font-size: 34px;
	}
	.promo2-succes-block {
		padding: 25px;
	}
	.promo2-succes-desc {
		font-size: 16px;
	}
}

.slc_border_table {
  border-collapse: collapse;
  border-style: hidden;
}
.slc_border_table td {
  border: 1px solid rgb(168, 168, 168);
  padding:10px;
}
/*************LANDING********************/
@media screen and (min-width: 1024px) { 
  .fuel_land
  {
    padding: 100px 100px 100px 100px;
  }
  
  .fuel_land p
  {
    font-size:18px;
    padding-top:20px;
  }
  .fl_block1
  {
   padding:100px 0;
  }
  .fuel_land h2
  {
    font-size: 32px;
  }
  .fuel_land .left, .fuel_land .right
  {
   float: none;
  }
  .fl_line,.fuel_land h2
  { 
    text-align: left;
  }
  #fl_promocode_body
  {
    padding-top:150px;
    padding-bottom: 200px;
  }
  .fl_land_form::before, .fl_land_form:before
  {
    content:" ";
    height:120px;
    width:65px;
    background: url(../img/svg/fl_phone.png) no-repeat;
    background-size: cover;
    margin-right: 20px;
    margin-top: -60px;
  }
  .fl_land_form
  {
    display: flex;
    justify-content: center;
    padding-top:50px;
    max-width: 700px;
    margin: auto;
  }
  .fl_land_input input
  {
     
      max-width:450px;
      height:60px;   
      padding: 0 25px;
      font-size: 20px;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px;
  }
  .fl_land_button
  {
    font-size: 18px;
    height:60px;
    max-width:300px;
    margin-left: -50px;
  }
  .fl_img_footer_desctop
  {
    display: block;
  }
  .fl_img_footer_mobile
  {
    display: none;
  }
  #fl_block3, #fl_block4,#fl_block6
  {
    padding-top:0px;
  }
  .fl_line
  { 
    padding-top: 150px;
  }
  .img_mobile
  {
    display: none;
  }
  .fl_lines
  {
    position: absolute;
  }
  .fuel_land .fl_txt
  {
    padding: 50px 5% 20px 5%;
  }
  .youtube-player {
    padding-bottom: 35%;
  }
  div.youtube-play-btn {
    height: 180px;
    width: 180px;
    left: 45%;
    top: 40%;  
    background: url(../img/land_lines/play_btn.png) no-repeat center center;
    background-size: 180px 180px;
  }
  .fl_land_error
  {
    top:90px; 
    left: 50%; 
  }
}
/**********************************/
@media screen and (max-width: 1023px) { 
  .fuel_land
  {
    margin: 50px 3% 50px 3%;
  }
  .fuel_land p
  {
    font-size:14px;
    padding-top:20px;
  }
  .fuel_land h1
  {
    font-size: 24px;
  }
  .fl_block1
  {
    padding:8% 20px;
  }
  .fuel_land h2
  {
    font-size: 19px;
  }
 
  .fuel_land .left
  {
    order:2
  }
  .fuel_land .doubleleft
  {
    order:1!important;
  }
  .fuel_land .right
  {
    order:1
  }
  .fuel_land .doubleright
  {
    order:2!important;
  }
  .fl_line,.fuel_land h2
  { 
    text-align: center;
  }
  #fl_promocode_body
  {
    padding-top:60px;
    padding-bottom: 120px;
  }
  .fl_land_form
  {
    display: block;
    padding-top:30px;
    max-width: 700px;
    margin: auto;
  }
  .fl_land_input input
  {
    
    max-width:300px;
    height:50px;
    padding: 0 70px;
    font-size: 18px;
    border-radius:50px;
    margin: auto;
  }
  .fl_land_button
  {
    font-size: 18px;
    height:50px;
    max-width:300px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display:block;
  }
  .fl_img_footer_desctop
  {
    display: none;
  }
  .fl_img_footer_mobile
  {
    display: block;
  }
  .fl_line
  { 
    padding-top: 0px;
  }
  .img_desc{
    display:none;
  }
  .fuel_land .fl_txt
  {
    padding: 10px 5% 20px 5%;
  }
  .youtube-player {
    padding-bottom: 65%;
  }
  div.youtube-play-btn {
    height: 100px;
    width: 100px;
    left: 47%;
    top: 40%;
    background: url(../img/land_lines/play_btn.png) no-repeat center center;
    background-size: 100px 100px;
  }
  .fl_land_error
  {
    top:120px; 
    margin: auto;
    left:0;
    right:0;
    text-align: center;
  }
}
/********************************************************/
.fuel_land_bord
{
 
  background: rgb(255, 255, 255);
  /*border: 1px solid #52B04C; */
  height:100%;
  min-height: 400px;
  position: relative;
}

.fl_green
{
  color:#23A40E!important;
}
.fuel_land h1,.fuel_land h2
{  
  color: #000;
  font-weight: 600;
}
.fuel_land h1
{
  text-align: center;
}

.fl_center
{
  text-align: center!important;
}
.fl_line
{ 
  display: flex;flex-flow: wrap;
  align-items: center; 
}

#fl_promocode
{
    width: 100%;
    height: 100%;   
    display: block;
    background: url(../img/svg/fl_landing_promocode2.png) , white;
    background-size:cover;
    background-position:bottom left;
    /*-moz-background-size: 100%; /* Firefox 3.6+ */
    /*-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    /*-o-background-size: 100%; /* Opera 9.6+ */
   /* background-size: 100%; /* Современные браузеры */
}
.fl_land_input input
{
    background: #fff;
    box-sizing: border-box;
    border: 0px ;
    font-family: Ubuntu-R;
    font-style: normal;
    font-weight: normal;
    line-height: 23px;
    display: flex;
    align-items: center;
    color: #313131;
    width:100%;
}
.fl_land_button
{
  background: #3DAE2B;
  color: #fff;
  border-radius: 50px;
  border: 0px;
  width:100%;
  position: relative;
}
.fl_land_button:hover {
  color: #52B04C;
  background: #fff;
  border: 1.5px solid #52B04C;
}

.fl_line .colx6 img
{
  padding:5%;
}
.fl_land_error
{
  position: absolute;
  width:100%;
  max-width:320px;
  
  color: #A94442;
  
}
.fl_land_input
{
  position: relative;
}

.fl_land_input.input-error input{
	border: 1px solid #A94442;
	box-sizing: border-box;
}

.fl_land_input.input-error input:focus{
	border: 1px solid #A94442;
	box-sizing: border-box;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.fl_land_promofinall img
{
  height:60px;
  width:auto;
  margin: auto;
    display: block;
}
.fl_land_promofinall
{
  max-width:350px;
  margin: auto;
  display: none;
}
.fl_land_promofinall.show
{
  display: block;
}
.fl_land_promobody.hide
{
  display: none;
}
/*----------------------------video---------------------------------------*/
.youtube-container {
  display: block;
  width: 100%;
  margin: 0px auto;
  height:100%;
}
.youtube-player {
  display: block;  
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  cursor: hand;
  cursor: pointer;
  display: block;
}
img.youtube-thumbnail {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  height: auto;
  margin-bottom: 0px;
}
div.youtube-play-btn {
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
}
.youtube-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/************************VIDEO_END*************************/
.hideme
{
    opacity:0;
}
/*******************NEW_UPG100 ******************/
.upg100_new
{
  padding-top: 10px;
  padding-bottom: 10px;
}
.upg100_new h2
{
  text-align: center;
  font-size: 40px;  
}
.upg100_text
{
  display: block;
  max-width:700px;
  margin: auto;
}
.upg100_h2_padd
{
  padding-top:40px;
  padding-bottom: 40px;
}
.upg100_new_advantages_short
{
  display: none;
}
.upg100_new_adv_numb
{
  background: -webkit-linear-gradient( #333, #eee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 54px;
  line-height: 25px;
  font-weight: bold;
  margin-right:10px;
}
@media screen and (max-width: 1024px)
{
    .upg100_new
    {
      margin-top: 0px;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 0;
    }
    .upg100_new_wrap
    {
      padding-bottom: 10px;
    }
      .upg100_new h2
    {
      text-align: center;
      font-size: 20px;
      
    }
    .upg100_new_advantages_short
    {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding-left: 30%;
      padding-right:5%;
      padding-top:0;
    }
    .upg100_new_advantages_short p
    {
      margin: 0 auto;
    }
    .upg100_new_advantages
    {
      display: none;
    }
    .upg100_new_adv_numb
    {
      font-size: 38px;
    }
    .upg100_h2_padd
    {
      padding:0;
    }
    .upg100_new .land_map
    {
      margin-top: 20px;
    }
}
@media screen and (max-width:768px) {
  .upg100_new_advantages_short
    {
      display: flex;
      flex-direction: column;
      padding-left: 20%;
      padding-right:5%;
      align-items: flex-start;
      padding-top:0;
    }
  
}
@media screen and (max-width:400px) {
  .upg100_new_advantages_short
    {
      display: flex;
      flex-direction: column;
      padding-left: 10%;
      padding-right:5%;
      align-items: flex-start;
      padding-top:0;
    }
  
}
.upg100_new .fl_line
{
  padding-top:20px;
}
.upg100_new .fl_block1
{
  padding:0;
  padding-bottom:20px;
  padding-top: 50px;
}
.upg100_new .fl_land_button
{
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.upg100_new_adv_top,.upg100_new_adv_btm
{
    display: flex;
    flex-direction: row;  
}
.upg100_new_adv_btm p, .upg100_new_adv_top p,.upg100_new_advantages_short p
{
    max-width:400px;  
    /*margin: 50px auto;*/
    margin-top: 50px;
    margin-bottom: 10px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
}
.upg100_new_adv_btm p span, .upg100_new_adv_top p span, .upg100_new_advantages_short p span
{
    display: flex;
    align-items: center;
}
.upg100_new_advantages_short p
{
  height:90px;
  margin-top:10px;
  margin-bottom:10px;
  margin:0;
}
.upg100_new .fl_line
{
  justify-content: center;
}
@media screen and (min-width: 1651px){
  .upg100_obj1
  {
    margin-left:5%
  }.upg100_obj2
  {
    margin-left:20%
  }.upg100_obj3
  {
    margin-left:14%
  }.upg100_obj4
  {
    margin-left:14%
  }.upg100_obj5
  {
    margin-left:8%
  }
}
@media screen and (max-width: 1600px){
  .upg100_obj1
  {
    margin-left:5%
  }.upg100_obj2
  {
    margin-left:18%
  }.upg100_obj3
  {
    margin-left:8%
  }.upg100_obj4
  {
    margin-left:10%
  }.upg100_obj5
  {
    margin-left:5%
  }
}
@media screen and (max-width: 1400px){
  .upg100_obj1
  {
    margin-left:3%
  }.upg100_obj2
  {
    margin-left:16%
  }.upg100_obj3
  {
    margin-left:0%
  }.upg100_obj4
  {
    margin-left:2%
  }.upg100_obj5
  {
    margin-left:2%
  }
}
@media screen and (max-width: 1024px) { 
  .desctop_screen
  {	
    display: none;
  }
  .mobile_screen
  {	
    
    display: block;
  }
}
@media screen and (min-width: 1025px) { 
  .mobile_screen
  {	
    display: none;
  }
  .desctop_screen
  {	
    display: block;
  }
}
.slider_slc
{
  overflow: unset;
  flex-direction:column;
}
.slider_slc_text
{
  font-family: 'Ubuntu-M';
    font-size: 26px;
    color: #52B04C;
    padding: 10px 10px;
    line-height: normal;
}
.slider_slc img
{
  height:320px;
}
@media screen and (max-width: 1680px)
{
  .slider_slc_text
  {
    font-size: 22px;
  }
  .slider_slc img
  {
    height:260px;
  }
}
@media screen and (max-width: 1366px)
{
  .slider_slc_text
  {
    font-size: 18px;
  }
  .slider_slc img
  {
    height:220px;
  }
}
@media screen and (max-width: 1024px)
{  
  .slider_slc img
  {
    height:200px;
  }
}
.vivo .sect2 .slider-wrap li
{
 
  align-items: baseline;
}
.vivo .sect2 .slider-wrap .img-wrap1
{
  height: auto!important;
}
.slc_cutreg
{
  display: flex;
  justify-content: center;
  padding-top: 40px;
}
.cutregistration .sect3
{
  padding-bottom: 50px;
}
.slc_cabinet
{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top:20px;
  margin-bottom: 20px;
}
.slc_cabinet a
{
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  max-width:320px;
  height:74px;
  border: 2px solid #23A40E;
  color: #23A40E!important;
  text-decoration: none!important;
}
.slc_cabinet svg
{
  width:auto!important;
  margin-right: 10px;
}
#slc_modal_alert_backgr
{
  display: block;
  width:100%;
  height:100%;
  position: fixed;
    z-index: 98;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(43, 46, 56, 0.9);
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    display: flex;
  justify-content: center;
  align-items: center;
}
#slc_modal_alert
{
  position: absolute;
  width:100%;
  height:100%;
  max-width: 400px;
  max-height: 400px;
  border: 2px solid #23A40E;
  box-sizing: border-box;
  background: #ffffff;   
  z-index: 99;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
 
}
#slc_modal_alert h2
{
  color:#23A40E;
  font-size: 2.6em;
}
#slc_modal_alert button
{
  margin: 40px auto 0 auto;
}
#slc_modal_alert button a
{
  color: #FFFFFF;
}
#slc_modal_alert button:hover a
{
  color:#23A40E;
}