@font-face {
  font-family: 'Locke';
  src: url('./fonts/Locke-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Futura PT';
  src: url('./fonts/FuturaPT-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


.about__text p
{
    font-weight: 300;
    font-size: 19px;
    line-height: 25px;
}

h2.text-15
{
padding-bottom: 15px;
}

embed,
img,
object,
video {
  max-width: 100%;
}
sup {
  font-size: 58.3%;
  vertical-align: text-top;
}
sub {
  font-size: 58.3%;
  vertical-align: text-bottom;
}
.no-space-between-inline-blocks {
  *letter-spacing: normal; /*reset IE < 8*/
  letter-spacing: -0.31em; /*webkit*/
  word-spacing: -0.43em; /*IE < 8 && gecko*/
}
/*restore spacing on inner elements*/
.no-space-between-inline-blocks > * {
  letter-spacing: normal;
  word-spacing: normal;
}
.displace {
  left: -5000px;
  position: absolute;
}
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
  margin-top: 0;
}
.COLS_IN_ROW_WITHOUT_GAP {
  margin-left: -15px;
  margin-right: -15px;
}
.navbar-nav > li > a {
  padding: unset;
}
.navbar-nav > li > a:hover {
  background: unset;
}
a {
  color: inherit;
}
@media (min-width:1200px){
  .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
  .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
  .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
  .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}
html {
  font-size: 10px;
}
body {
	line-height: 1;
	/*font-family: "Open Sans"; 
    font-family: "soleil",sans-serif; 
    //font-family: 'Inter', sans-serif;*/
    font-family: 'Nunito Sans', sans-serif;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    color: #010101;
    font-size: 1.8rem; 
}
@media (max-width: 768px) {
html {
  font-size: 8px;
}
}
@media (min-width: 1200px) {
.container {
  width: 1830px;
}
}
.global_container_ {
  float: none;
  height: auto;
  margin: 0 auto;
  position: relative;
  background: #ffffff center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.header {
  position: relative;
}
.logo {
  display: block;
  margin: 12px auto 0;
  max-width: 326px;
  position: relative;
  right: 11.826698%;
  width: 100%;
}
@media (max-width: 768px) {
.logo {
  right: 0;
}
.rpt-25
{

}

}
.col-data-wrapper {
  margin: 4rem auto 0;
  position: relative;
}
.text {
 /* float: left;*/
  font-size: 2rem; /* 20px / 10px = 2rem */
}
.button {
  float: left;
  margin: 0 0 0 14.285714%; /* 96px / 672px = 14.285714% */
  max-width: 210px;
  min-height: 40px;
  width: 31.25%; /* 210px / 672px = 31.25% */
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #63cb75;
  background-position: center center;
  -webkit-box-shadow: 0 6px 13px 0 rgba(99, 203, 117, 0.5);
  -moz-box-shadow: 0 6px 13px 0 rgba(99, 203, 117, 0.5);
  box-shadow: 0 6px 13px 0 rgba(99, 203, 117, 0.5); /*drop shadow*/
  color: #ffffff;
  font-size: 1.5rem; /* 15px / 10px = 1.5rem */
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
}
.lang {
  float: left;
  margin: 8px 0 0 5.803571%; /* 39px / 672px = 5.803571% */
  max-width: 64px;
  width: 9.523809%; /* 64px / 672px = 9.523809% */
}
.container-2 {
  position: relative;
}
.photo {
  margin: 17px 0 0;
  min-height: 840px;
  padding: 7.5rem 0 49.4rem;
  position: relative;
  background: url(images/rectangle_1.jpg) no-repeat center 0;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.text-3 {
  position: relative;
}
.text-6 {
  margin: 21px auto 0;
  color: #ffffff;
  font-size: 5.5rem; /* 55px / 10px = 5.5rem */
  line-height: 1.2;
}
.col-11 {
  margin: 19px auto 0;
  padding: 0 2.459016%; /* 15px / 610px = 2.459016% */
  position: relative;
}
.shape-2-copy {
  display: block;
  height: 1px;
  margin: 22px auto 30px;
  position: relative;
  right: 6.647399%;
  width: 86.7052%; /* 150px / 173px = 86.7052% */
  background: #ffffff;
}
@media (max-width: 768px) {
.shape-2-copy {
  right: 0;
}
}
.text-4 {
  margin: 9px auto 0;
  color: #ffffff;
  font-size: 2rem; /* 20px / 10px = 2rem */
  line-height: 30px;
}
@media (max-width: 768px) {
.text-4 {
  margin-bottom: 20px;
}
}
.button-2 {
  margin: 3.6rem 22.413794% 30px 34.482758%; /* 130px / 580px = 22.413794%, 200px / 580px = 34.482758% */
  min-height: 50px;
  padding: 0 5.344828%; /* 31px / 580px = 5.344828% */
  position: relative;
  border: 1px solid #ffffff; /*stroke*/
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background-position: center center;
  color: #ffffff;
  font-size: 1.5rem; /* 15px / 10px = 1.5rem */
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
}
.container-3 {
  position: relative;
}
.group-2 {
  position: relative;
  background: #105d2d;
  background-position: center center;
}
.group-6 {
  margin: 0 auto;
  padding: 28.4rem 0 6.8rem;
  position: relative;
  background: #164646 center center;
}
.text-76 {
  left: 55px;
  max-width: 89px;
  position: absolute;
  top: 166px;
  width: 89px;
  color: #ffffff;
  font-size: 3rem; /* 30px / 10px = 3rem */
  line-height: 1.2;
}
@media (max-width: 768px) {
.text-76 {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  width: auto;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
.icon {
  left: 56px;
  max-width: 73px;
  position: absolute;
  top: 56px;
  width: 73px;
}
@media (max-width: 768px) {
.icon {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  width: auto;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
.text-13 {
  margin: 0 auto;
  color: #ffffff;
  font-size: 1.6rem; /* 16px / 10px = 1.6rem */
  line-height: 30px;
}
@media (max-width: 768px) {
.group-6 {
  margin-bottom: 20px;
}
}
.group-5 {
  margin: 6.1rem auto 0;
  position: relative;
}
.layer-34 {
  display: block;
  position: relative;
  width: 73px;
}
.text-11 {
  margin: 4.2rem 0 0;
  color: #ffffff;
  font-size: 3rem; /* 30px / 10px = 3rem */
  line-height: 1.2;
}
.text-12 {
  margin: 15px 0 10px 0;
  width: 100%; /* 340px / 340px = 100% */
  color: #ffffff;
  font-size: 17px ;
  line-height: 25px;
   text-align: justify;
}
@media (max-width: 340px) {
.text-12 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.col-data-wrapper-2 {
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.group-3 {
  margin: 0 5% 0 0; /* 48px / 885px = 5.423729% */
  padding: 30px 5% 20px 5%; /* 50px / 885px = 5.649717% */
  position: relative;
  background: #28864c  center center;
  display: block;
}
.layer-35 {
  display: block;
  position: relative;
  width: 64px;
}
.text-7 {
  margin: 20px 0 0;
  color: #ffffff;
  font-size: 24px;
  line-height: 1.2;
}
.text-8 {
  margin: 4.8rem 0 0;
  width: 96.31579%; /* 366px / 380px = 96.31579% */
  color: #ffffff;
  font-size: 1.6rem; /* 16px / 10px = 1.6rem */
  line-height: 30px;
}
@media (max-width: 366px) {
.text-8 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.group-4 {
    margin: 0 5% 0 0;
    padding:30px 5% 20px 0;
  position: relative;
  display: block;
}
.layer-36 {
  display: block;
  margin: 0 0 0 0.560224%; /* 2px / 357px = 0.560224% */
  position: relative;
  width: 73px;
}
.text-9 {
  margin: 4rem 0 0 0.560224%; /* 2px / 357px = 0.560224% */
  color: #ffffff;
  font-size: 3rem; /* 30px / 10px = 3rem */
  line-height: 1.2;
}
.text-10 {
  margin: 4.6rem 0 0;
  color: #ffffff;
  font-size: 1.6rem; /* 16px / 10px = 1.6rem */
  line-height: 30px;
}
.col-data-wrapper-2 > * {
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 768px) {
.col-data-wrapper-2 {
  margin-bottom: 20px;
}
}
.container-4 {
  position: relative;
}
.about {
  position: relative;
}
.col-data-wrapper-3 {
  margin: 7.9rem auto 0;
  position: relative;
}
.photo-2 {
  float: left;
  margin: 0 2.363897% 0 0; /* 33px / 1396px = 2.363897% */
  min-height: 701px;
  position: relative;
  width: 63.53868%; /* 887px / 1396px = 63.53868% */
  background: url(images/bg_5.png) no-repeat center 0;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.rectangle-15 {
  left: 50%;
  max-width: 470px;
  position: absolute;
  top: 49px;
  width: 100%;
  margin-left: -220.5px;
}
.rectangle-25-copy {
  left: 50%;
  max-width: 270px;
  position: absolute;
  top: 380px;
  width: 30.439684%; /* 270px / 887px = 30.439684% */
  margin-left: 80.5px;
}
.logo-2 {
  left: 50%;
  max-width: 126px;
  min-height: 126px;
  padding: 24px 2.59301% 15px; /* 23px / 887px = 2.59301% */
  position: absolute;
  top: 472px;
  width: 14.205186%; /* 126px / 887px = 14.205186% */
  background: #0d9b63;
  -webkit-box-shadow: 0 6px 27px 0 rgba(13, 155, 99, 0.35);
  -moz-box-shadow: 0 6px 27px 0 rgba(13, 155, 99, 0.35);
  box-shadow: 0 6px 27px 0 rgba(13, 155, 99, 0.35); /*drop shadow*/
  margin-left: -170.5px;
}
.layer-46 {
  display: block;
  margin: 0 auto;
  width: 79px;
}
@media (max-width: 768px) {
.photo-2 {
  min-height: unset;
}
.photo-2 > * {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
.text-14 {
  float: left;
  margin: 7.4rem 0 0;
  position: relative;
  width: 34.09742%; /* 476px / 1396px = 34.09742% */
}
.line {
  height: 3px;
  margin: 0 0 0 0.840336%; /* 4px / 476px = 0.840336% */
  max-width: 70px;
  position: relative;
  width: 14.705882%; /* 70px / 476px = 14.705882% */
  background: #63cb75;
}
.text-15 {
  font-size: 4.4rem; /* 44px / 10px = 4.4rem */
      font-family: Locke, sans-serif;
  font-weight: bold;
  line-height: 1.2;
}
.text-16 {
  margin: 3.8rem 0 0;
  width: 98.739494%; /* 470px / 476px = 98.739494% */
  line-height: 32px;
}
@media (max-width: 470px) {
.text-16 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.container-5 {
  position: relative;
}
.koncepcija-wrapper {
  position: relative;
}
.koncepcija {
  margin: 7px auto 0;
  position: relative;
}
.koncepcija-2 {
  margin: 0 0 0 0.510638%; /* 6px / 1175px = 0.510638% */
  position: relative;
  opacity: 0.1;
  font-size: 18rem; /* 180px / 10px = 18rem */
  font-weight: bold;
  text-transform: uppercase;
}
.row-8 {
  margin-top: -22px;
}
.col-data-wrapper-7 {
  margin: 8.2rem auto 0;
  position: relative;
}
.line-2 {
  float: left;
  height: 3px;
  margin: 20px 9.090909% 0 0; /* 32px / 352px = 9.090909% */
  max-width: 70px;
  width: 19.886364%; /* 70px / 352px = 19.886364% */
  background: #63cb75;
}
.koncepcija-3 {
  float: left;
  width: 71.02273%; /* 250px / 352px = 71.02273% */
  font-size: 4.4rem; /* 44px / 10px = 4.4rem */
  font-weight: bold;
}
.text-17 {
  margin: 8.2rem auto 0;
  font-size: 2.4rem; /* 24px / 10px = 2.4rem */
  line-height: 32px;
}
.wrapper-3 {
  margin: 8.8rem 0 0;
  min-height: 1569px;
  position: relative;
  width: 100%; /* 1175px / 1175px = 100% */
}
.line-3 {
  height: 1523px;
  left: 50%;
  position: absolute;
  top: 46px;
  width: 0.085106%; /* 1px / 1175px = 0.085106% */
  background-color: rgba(25, 29, 27, 0.12); /*Layer's solid color*/
  margin-left: 0.5px;
}
.rectangle {
  height: 70px;
  left: 50%;
  max-width: 26px;
  position: absolute;
  top: 449px;
  width: 2.212766%; /* 26px / 1175px = 2.212766% */
  background: #ffffff;
  margin-left: -10.5px;
}
.rectangle-2 {
  height: 70px;
  left: 50%;
  max-width: 26px;
  position: absolute;
  top: 1039px;
  width: 2.212766%; /* 26px / 1175px = 2.212766% */
  background: #ffffff;
  margin-left: -10.5px;
}
.row-9 {
  position: absolute;
  top: 1059px;
  width: 100%;
}
.rectangle-6-copy-2 {
  display: block;
  margin: 10px auto 0;
  position: relative;
  right: 3.62069%;
  width: 86.206894%; /* 500px / 580px = 86.206894% */
}
@media (max-width: 768px) {
.rectangle-6-copy-2 {
  right: 0;
}
}
.col-data-wrapper-8 {
  margin: 0 auto;
  position: relative;
}
.rectangle-7-copy-2 {
  float: left;
  height: 10px;
  margin: 10px 13.863216% 0 0; /* 75px / 541px = 13.863216% */
  max-width: 10px;
  width: 1.848429%; /* 10px / 541px = 1.848429% */
  background: #63cb75;
}
.text-18 {
  float: left;
  width: 84.28835%; /* 456px / 541px = 84.28835% */
  line-height: 32px;
}
@media (max-width: 768px) {
.col-data-wrapper-8 {
  margin-bottom: 20px;
}
}
.group-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  justify-content: flex-end;
  left: 50%;
  position: absolute;
  top: 470px;
  width: 99.14893%; /* 1165px / 1175px = 99.14893% */
  margin-left: -577.5px;
}
.group-7 > * {
  float: left;
  margin: 0 6.781116% 0 0; /* 79px / 1165px = 6.781116% */
}
.group-7 > *:last-child {
  margin-right: 0 !important;
}
@media (max-width: 1165px) {
.group-7 > * {
  display: inline-block;
  float: none;
  max-width: 100%;
}
}
.text-19 {
  width: 42.660946%; /* 497px / 1165px = 42.660946% */
  line-height: 32px;
  text-align: right;
}
.rectangle-7-copy {
  height: 10px;
  max-width: 10px;
  width: 0.858369%; /* 10px / 1165px = 0.858369% */
  background: #63cb75;
  margin-top: 9px !important;
}
.rectangle-6-copy {
  max-width: 500px;
  width: 42.918453%; /* 500px / 1165px = 42.918453% */
  margin-top: 9px !important;
}
.rectangle-6 {
  left: 50%;
  max-width: 500px;
  position: absolute;
  top: 9px;
  width: 42.553192%; /* 500px / 1175px = 42.553192% */
  margin-left: -582.5px;
}
.rectangle-7 {
  height: 10px;
  left: 50%;
  max-width: 10px;
  position: absolute;
  top: 9px;
  width: 0.851064%; /* 10px / 1175px = 0.851064% */
  background: #63cb75;
  margin-left: -3.5px;
}
.text-20 {
  left: 50%;
  position: absolute;
  top: 0;
  width: 38.468086%; /* 452px / 1175px = 38.468086% */
  line-height: 32px;
  margin-left: 86.5px;
}
@media (max-width: 1175px) {
.wrapper-3 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.container-6 {
  position: relative;
}
.figures-copy {
  min-height: 650px;
  padding: 12.9rem 0 11.3rem;
  position: relative;
  background: url(images/bg_4.jpg) no-repeat center 0;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.col-data-wrapper-4 {
  margin: 0 auto;
  position: relative;
}
.text-21 {
  margin: 2px auto 0;
  color: #63cb75;
  font-size: 12rem; /* 120px / 10px = 12rem */
}
@media (max-width: 768px) {
.text-21 {
  margin-bottom: 20px;
}
}
.text-22 {
  margin: 17px auto 0;
  color: #ffffff;
  font-size: 4.4rem; /* 44px / 10px = 4.4rem */
  line-height: 1.2;
}
.wrapper-4 {
  margin: 8rem 0 0 1.680672%; /* 20px / 1190px = 1.680672% */
  min-height: 217px;
  position: relative;
  width: 98.31933%; /* 1170px / 1190px = 98.31933% */
}
.line-4 {
  left: 50%;
  position: absolute;
  top: 4px;
  width: 100%;
  margin-left: -585px;
}
.group-8 {
  left: 50%;
  position: absolute;
  top: 0;
  width: 10.42735%; /* 122px / 1170px = 10.42735% */
  margin-left: 217px;
}
.rectangle-18-copy-2 {
  height: 10px;
  margin: 0 0 0 0.819672%; /* 1px / 122px = 0.819672% */
  max-width: 10px;
  position: relative;
  width: 8.196721%; /* 10px / 122px = 8.196721% */
  background: #63cb75;
}
.text-23 {
  margin: 4.4rem 0 0 0.819672%; /* 1px / 122px = 0.819672% */
  color: #ffffff;
  font-size: 8rem; /* 80px / 10px = 8rem */
}
.text-24 {
  margin: 24px 0 0;
  color: #ffffff;
  font-size: 2.4rem; /* 24px / 10px = 2.4rem */
  line-height: 1.2;
}
.group-9 {
  left: 50%;
  position: absolute;
  top: 0;
  width: 18.547009%; /* 217px / 1170px = 18.547009% */
  margin-left: -155px;
}
.rectangle-18-copy {
  height: 10px;
  max-width: 10px;
  position: relative;
  width: 4.608295%; /* 10px / 217px = 4.608295% */
  background: #63cb75;
}
.text-25 {
  margin: 4.4rem 0 0;
  color: #ffffff;
  font-size: 8rem; /* 80px / 10px = 8rem */
}
.text-26 {
  margin: 23px 0 0;
  color: #ffffff;
  font-size: 2.4rem; /* 24px / 10px = 2.4rem */
  line-height: 1.2;
}
.group-10 {
  left: 50%;
  position: absolute;
  top: 0;
  width: 15.128205%; /* 177px / 1170px = 15.128205% */
  margin-left: -513px;
}
.rectangle-18 {
  height: 10px;
  max-width: 10px;
  position: relative;
  width: 5.649717%; /* 10px / 177px = 5.649717% */
  background: #63cb75;
}
.text-27 {
  margin: 4.4rem 0 0;
  color: #ffffff;
  font-size: 8rem; /* 80px / 10px = 8rem */
}
.text-28 {
  margin: 23px 0 0;
  color: #ffffff;
  font-size: 2.4rem; /* 24px / 10px = 2.4rem */
  line-height: 1.2;
}
@media (max-width: 1170px) {
.wrapper-4 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.container-7 {
  position: relative;
}
.plans-wrapper {
  position: relative;
}
.plans {
  margin: 14.2rem auto 0;
  position: relative;
}
.text-29 {
  margin: 0 0 0 0.851064%; /* 10px / 1175px = 0.851064% */
  overflow: hidden;
  position: relative;
  width: 99.14893%; /* 1165px / 1175px = 99.14893% */
}
.shape-4-copy-3 {
  float: left;
  height: 3px;
  margin: 17px 2.575107% 0 0; /* 30px / 1165px = 2.575107% */
  max-width: 70px;
  width: 6.008584%; /* 70px / 1165px = 6.008584% */
  background: #63cb75;
}
.text-30 {
  float: left;
  width: 28.412018%; /* 331px / 1165px = 28.412018% */
  font-size: 4.4rem; /* 44px / 10px = 4.4rem */
  font-weight: bold;
  line-height: 1.2;
}
@media (max-width: 1165px) {
.text-29 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.row-13 {
  margin-top: -3px;
}
.layer-26 {
  display: block;
  left: 0.807636%;
  margin: 5.1rem auto 0;
  max-width: 750px;
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
.layer-26 {
  left: 0;
}
}
.col-10 {
  
  position: relative;
}
.group-11 {
  position: relative;
  width: 100%; /* 402px / 402px = 100% */
 display: flex;
  align-items: center; /* ?????????? ?????????? ?? ????????? */
  padding-bottom: 20px;
}
.ellipse-1-holder {
  float: left;
  margin: 0 18px 0 0;
  min-height: 50px;
  padding: 5px;
  width: 50px;
  border: 3px solid #63cb75; /*stroke*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.ellipse-1-copy-holder {
  min-height: 34px;
  width: 34px;
  -webkit-border-radius: 16.82px;
  -moz-border-radius: 16.82px;
  border-radius: 16.82px;
  background: #63cb75;
  background-position: center center;
  color: #ffffff;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
}
.text-32 {
  float: left;
  margin: 5px 0 0;
  line-height: 1.2;
}
@media (max-width: 402px) {
.group-11 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.group-12 {
  margin: 4.9rem 0 0;
  position: relative;
  width: 100%; /* 402px / 402px = 100% */
}
.ellipse-1-holder-2 {
  float: left;
  margin: 0 18px 0 0;
  min-height: 50px;
  padding: 5px;
  width: 50px;
  border: 3px solid #0d9b63; /*stroke*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.ellipse-1-copy-holder-2 {
  min-height: 34px;
  -webkit-border-radius: 16.82px;
  -moz-border-radius: 16.82px;
  border-radius: 16.82px;
  background: #0d9b63;
  background-position: center center;
  color: #ffffff;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
}
.text-34 {
  float: left;
  margin: 2px 0 0;
  width: 83.08458%; /* 334px / 402px = 83.08458% */
  font-size: 2.4rem; /* 24px / 10px = 2.4rem */
  line-height: 1.2;
}
@media (max-width: 402px) {
.group-12 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.group-13 {
  margin: 4.9rem 0 0;
  position: relative;
  width: 100%; /* 402px / 402px = 100% */
}
.ellipse-1-holder-3 {
  float: left;
  margin: 0 18px 0 0;
  min-height: 50px;
  padding: 5px;
  width: 50px;
  border: 3px solid #0d9b63; /*stroke*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.ellipse-1-copy-holder-3 {
  min-height: 34px;
  -webkit-border-radius: 16.82px;
  -moz-border-radius: 16.82px;
  border-radius: 16.82px;
  background: #0d9b63;
  background-position: center center;
  color: #ffffff;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
}
.text-36 {
  float: left;
  margin: 5px 0 0;
  width: 83.08458%; /* 334px / 402px = 83.08458% */
  font-size: 2.4rem; /* 24px / 10px = 2.4rem */
  line-height: 1.2;
}
@media (max-width: 402px) {
.group-13 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.group-14 {
  margin: 4.4rem 0 0;
  position: relative;
  width: 100%; /* 402px / 402px = 100% */
}
.ellipse-1-holder-4 {
  float: left;
  margin: 0 18px 0 0;
  min-height: 50px;
  padding: 5px;
  width: 50px;
  border: 3px solid #0d9b63; /*stroke*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.ellipse-1-copy-holder-4 {
  min-height: 34px;
  -webkit-border-radius: 16.82px;
  -moz-border-radius: 16.82px;
  border-radius: 16.82px;
  background: #0d9b63;
  background-position: center center;
  color: #ffffff;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
}
.text-38 {
  float: left;
  margin: 4px 0 0;
  width: 67.66169%; /* 272px / 402px = 67.66169% */
  font-size: 2.4rem; /* 24px / 10px = 2.4rem */
  line-height: 1.2;
}
@media (max-width: 402px) {
.group-14 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.group-15 {
  margin: 4.5rem 0 0;
  position: relative;
  width: 100%; /* 402px / 402px = 100% */
}
.ellipse-1-holder-5 {
  float: left;
  margin: 0 18px 0 0;
  min-height: 50px;
  padding: 5px;
  width: 50px;
  border: 3px solid #0d9b63; /*stroke*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.ellipse-1-copy-holder-5 {
  min-height: 34px;
  -webkit-border-radius: 16.82px;
  -moz-border-radius: 16.82px;
  border-radius: 16.82px;
  background: #0d9b63;
  background-position: center center;
  color: #ffffff;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
}
.text-40 {
  float: left;
  margin: 17px 0 0;
  width: 83.08458%; /* 334px / 402px = 83.08458% */
  font-size: 2.4rem; /* 24px / 10px = 2.4rem */
}
@media (max-width: 402px) {
.group-15 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.plan {
  margin: 11.9rem 0 0 0.425532%; /* 5px / 1175px = 0.425532% */
  min-height: 418px;
  padding: 16px 1.957447% 13px; /* 23px / 1175px = 1.957447% */
  position: relative;
  width: 99.57447%; /* 1170px / 1175px = 99.57447% */
  background: url(images/plan.png) no-repeat center 0;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.color {
  display: block;
  margin: 0 auto;
  max-width: 1103px;
  position: relative;
  right: 0.934164%;
  width: 100%;
}
@media (max-width: 768px) {
.color {
  right: 0;
}
}
@media (max-width: 1170px) {
.plan {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.container-8 {
  position: relative;
}
.slider {
  margin: 12.2rem 0 0;
  min-height: 700px;
  position: relative;
  background: url(images/rectangle_9.jpg) no-repeat center 0;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.down-arrow-2 {
  max-width: 24px;
  position: absolute;
  right: 75px;
  top: 325px;
  width: 24px;
}
@media (max-width: 768px) {
.down-arrow-2 {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  width: auto;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
.down-arrow-2-copy {
  left: 68px;
  max-width: 24px;
  position: absolute;
  top: 325px;
  width: 24px;
}
@media (max-width: 768px) {
.down-arrow-2-copy {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  width: auto;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
.partnership {
  position: relative;
}
.col {
  overflow: hidden;
  padding: 13.5rem 0 14.6rem;
  position: relative;
  background: #144040;
  background-position: center center;
}
.col-data-wrapper-5 {
  margin: 0 auto;
  position: relative;
}
.col-8 {
  margin: 15px auto 0;
  position: relative;
}
.shape-4-copy-4 {
  height: 3px;
  max-width: 70px;
  position: relative;
  width: 14.492754%; /* 70px / 483px = 14.492754% */
  background: #63cb75;
}
.text-41 {
  margin: 19px 0 14px;
  width: 100%; /* 483px / 483px = 100% */
  color: #ffffff;
  font-size: 4.4rem; /* 44px / 10px = 4.4rem */
  font-weight: bold;
  line-height: 1.2;
}
@media (max-width: 483px) {
.text-41 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.text-42 {
  margin: 5px auto 0;
  color: #ffffff;
  line-height: 32px;
}
@media (max-width: 768px) {
.text-42 {
  margin-bottom: 20px;
}
}
.group-16 {
  margin: 10rem 0 0;
  position: relative;
  width: 100% /* 1545px / 1920px = 80.46875% */
}
.wrapper-11 {
  float: left;
  margin: 6px 5.889967% 0 0; /* 91px / 1545px = 5.889967% */
  min-height: 480px;
  position: relative;
  width: 63.68932%; /* 984px / 1545px = 63.68932% */
}
.rectangle-12 {
  left: 50%;
  max-width: 945px;
  position: absolute;
  top: 0;
  width: 96.03658%; /* 945px / 984px = 96.03658% */
  margin-left: -492px;
}
.group-17 {
  left: 50%;
  margin: 0 0 0 38.821136%; /* 382px / 984px = 38.821136% */
  max-width: 110px;
  min-height: 110px;
  position: absolute;
  top: 162px;
  width: 11.178862%; /* 110px / 984px = 11.178862% */
  background: #63cb75;
  color: #ffffff;
  font-size: 5rem; /* 50px / 10px = 5rem */
  line-height: 110px;
  text-align: center;
}
@media (max-width: 768px) {
.wrapper-11 {
  min-height: unset;
}
.wrapper-11 > * {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
.text-44 {
  float: left;
  min-height: 576px;
  position: relative;
  width: 30.420712%; /* 470px / 1545px = 30.420712% */
}
.text-45 {
  left: 50%;
  max-width: 470px;
  position: absolute;
  top: 0;
  width: 100%; /* 470px / 470px = 100% */
  margin-left: -235px;
}
.text-45 > * {
  color: #ffffff;
  line-height: 32px;
}
.rectangle-11 {
  height: 7px;
  left: 50%;
  max-width: 7px;
  position: absolute;
  top: 379px;
  width: 1.489362%; /* 7px / 470px = 1.489362% */
  background: #63cb75;
  margin-left: -234px;
}
.rectangle-11-copy {
  height: 7px;
  left: 50%;
  max-width: 7px;
  position: absolute;
  top: 494px;
  width: 1.489362%; /* 7px / 470px = 1.489362% */
  background: #63cb75;
  margin-left: -234px;
}
@media (max-width: 768px) {
.text-44 {
  min-height: unset;
}
.text-44 > * {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
@media (max-width: 1545px) {
.group-16 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.group-18 {
  left: 9.791667%;
  margin: 9.4rem auto 0;
  position: relative;
  width: 80.416664%; /* 1544px / 1920px = 80.416664% */
}
.text-46 {
  float: left;
  margin: 0 6.023316% 0 0; /* 93px / 1544px = 6.023316% */
  min-height: 537px;
  position: relative;
  width: 30.181347%; /* 466px / 1544px = 30.181347% */
}
.text-47 {
  left: 50%;
  max-width: 465px;
  position: absolute;
  top: 0;
  width: 99.78541%; /* 465px / 466px = 99.78541% */
  margin-left: -232px;
}
.text-47 > * {
  color: #ffffff;
  line-height: 32px;
}
.rectangle-11-copy-2 {
  height: 7px;
  left: 50%;
  max-width: 7px;
  position: absolute;
  top: 340px;
  width: 1.502146%; /* 7px / 466px = 1.502146% */
  background: #63cb75;
  margin-left: -233px;
}
.rectangle-11-copy-3 {
  height: 7px;
  left: 50%;
  max-width: 7px;
  position: absolute;
  top: 454px;
  width: 1.502146%; /* 7px / 466px = 1.502146% */
  background: #63cb75;
  margin-left: -233px;
}
@media (max-width: 768px) {
.text-46 {
  min-height: unset;
}
.text-46 > * {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
.wrapper-10 {
  float: left;
  margin: 5px 0 0;
  min-height: 480px;
  position: relative;
  width: 63.795338%; /* 985px / 1544px = 63.795338% */
}
.rectangle-12-copy {
  left: 50%;
  max-width: 945px;
  position: absolute;
  top: 0;
  width: 95.93909%; /* 945px / 985px = 95.93909% */
  margin-left: -452.5px;
}
.group-19 {
  left: 50%;
  margin: 0 0 0 -50%; /* -492.5px / 985px = -50% */
  max-width: 110px;
  min-height: 110px;
  position: absolute;
  top: 182px;
  width: 11.167513%; /* 110px / 985px = 11.167513% */
  background: #63cb75;
  color: #ffffff;
  font-size: 5rem; /* 50px / 10px = 5rem */
  line-height: 110px;
  text-align: center;
}
@media (max-width: 768px) {
.wrapper-10 {
  min-height: unset;
}
.wrapper-10 > * {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
@media (max-width: 1544px) {
.group-18 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
@media (max-width: 768px) {
.group-18 {
  left: 0;
}
}
.group-20 {
  margin: 9.2rem 0 0;
  position: relative;
  width: 80.46875%; /* 1545px / 1920px = 80.46875% */
}
.wrapper-8 {
  float: left;
  margin: 6px 5.825243% 0 0; /* 90px / 1545px = 5.825243% */
  min-height: 480px;
  position: relative;
  width: 63.68932%; /* 984px / 1545px = 63.68932% */
}
.rectangle-12-copy-2 {
  left: 50%;
  max-width: 945px;
  position: absolute;
  top: 0;
  width: 96.03658%; /* 945px / 984px = 96.03658% */
  margin-left: -492px;
}
.group-21 {
  left: 50%;
  margin: 0 0 0 38.821136%; /* 382px / 984px = 38.821136% */
  max-width: 110px;
  min-height: 110px;
  position: absolute;
  top: 162px;
  width: 11.178862%; /* 110px / 984px = 11.178862% */
  background: #63cb75;
  color: #ffffff;
  font-size: 5rem; /* 50px / 10px = 5rem */
  line-height: 110px;
  text-align: center;
}
@media (max-width: 768px) {
.wrapper-8 {
  min-height: unset;
}
.wrapper-8 > * {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
.wrapper-9 {
  float: left;
  min-height: 609px;
  position: relative;
  width: 30.485437%; /* 471px / 1545px = 30.485437% */
}
.text-50 {
  left: 50%;
  max-width: 471px;
  position: absolute;
  top: 0;
  width: 100%; /* 471px / 471px = 100% */
  margin-left: -235.5px;
}
.text-50 > * {
  color: #ffffff;
  line-height: 32px;
}
.rectangle-11-copy-4 {
  height: 7px;
  left: 50%;
  max-width: 7px;
  position: absolute;
  top: 379px;
  width: 1.4862%; /* 7px / 471px = 1.4862% */
  background: #63cb75;
  margin-left: -234.5px;
}
.rectangle-11-copy-5 {
  height: 7px;
  left: 50%;
  max-width: 7px;
  position: absolute;
  top: 525px;
  width: 1.4862%; /* 7px / 471px = 1.4862% */
  background: #63cb75;
  margin-left: -234.5px;
}
@media (max-width: 768px) {
.wrapper-9 {
  min-height: unset;
}
.wrapper-9 > * {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
@media (max-width: 1545px) {
.group-20 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.group-22 {
  left: 9.765625%;
  margin: 9.2rem auto 0;
  position: relative;
  width: 80.46875%; /* 1545px / 1920px = 80.46875% */
}
.text-51 {
  float: left;
  margin: 0 2.394822% 0 0; /* 37px / 1545px = 2.394822% */
  min-height: 257px;
  position: relative;
  width: 33.85113%; /* 523px / 1545px = 33.85113% */
}
.text-52 {
  left: 50%;
  max-width: 522px;
  position: absolute;
  top: 0;
  width: 99.80879%; /* 522px / 523px = 99.80879% */
  margin-left: -260.5px;
}
.text-52 > * {
  color: #ffffff;
  font-size: 3rem; /* 30px / 10px = 3rem */
  line-height: 32px;
}
.rectangle-11-copy-6 {
  height: 7px;
  left: 50%;
  max-width: 7px;
  position: absolute;
  top: 180px;
  width: 1.338432%; /* 7px / 523px = 1.338432% */
  background: #63cb75;
  margin-left: -261.5px;
}
.rectangle-11-copy-7 {
  height: 7px;
  left: 50%;
  max-width: 7px;
  position: absolute;
  top: 230px;
  width: 1.338432%; /* 7px / 523px = 1.338432% */
  background: #63cb75;
  margin-left: -261.5px;
}
@media (max-width: 768px) {
.text-51 {
  min-height: unset;
}
.text-51 > * {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
.wrapper-7 {
  float: left;
  margin: 5px 0 0;
  min-height: 480px;
  position: relative;
  width: 63.754044%; /* 985px / 1545px = 63.754044% */
}
.rectangle-12-copy-3 {
  left: 50%;
  max-width: 945px;
  position: absolute;
  top: 0;
  width: 95.93909%; /* 945px / 985px = 95.93909% */
  margin-left: -452.5px;
}
.group-23 {
  left: 50%;
  margin: 0 0 0 -50%; /* -492.5px / 985px = -50% */
  max-width: 110px;
  min-height: 110px;
  position: absolute;
  top: 182px;
  width: 11.167513%; /* 110px / 985px = 11.167513% */
  background: #63cb75;
  color: #ffffff;
  font-size: 5rem; /* 50px / 10px = 5rem */
  line-height: 110px;
  text-align: center;
}
@media (max-width: 768px) {
.wrapper-7 {
  min-height: unset;
}
.wrapper-7 > * {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
@media (max-width: 1545px) {
.group-22 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
@media (max-width: 768px) {
.group-22 {
  left: 0;
}
}
.list {
  margin: 9.4rem auto 0;
  min-height: 267px;
  position: relative;
  right: 16.927084%;
  width: 27.1875%; /* 522px / 1920px = 27.1875% */
}
.text-54 {
  left: 50%;
  position: absolute;
  top: 0;
  width: 100%; /* 522px / 522px = 100% */
  margin-left: -261px;
}
.text-54 > * {
  color: #ffffff;
  line-height: 32px;
}
.rectangle-14 {
  height: 7px;
  left: 50%;
  max-width: 7px;
  position: absolute;
  top: 114px;
  width: 1.340996%; /* 7px / 522px = 1.340996% */
  background: #63cb75;
  margin-left: -258px;
}
.rectangle-14-copy {
  height: 7px;
  left: 50%;
  max-width: 7px;
  position: absolute;
  top: 165px;
  width: 1.340996%; /* 7px / 522px = 1.340996% */
  background: #63cb75;
  margin-left: -258px;
}
.rectangle-14-copy-2 {
  height: 7px;
  left: 50%;
  max-width: 7px;
  position: absolute;
  top: 216px;
  width: 1.340996%; /* 7px / 522px = 1.340996% */
  background: #63cb75;
  margin-left: -258px;
}
@media (max-width: 522px) {
.list {
  left: 0;
  right: 0;
  wiÿh: ??%;
  margin-left: 0;
  margin-right: 0;
}
}
@media (max-width: 768px) {
.list {
  right: 0;
}
}
.container-9 {
  position: relative;
}
.green-block {
  margin: 0 auto;
  max-width: 570px;
  min-height: 450px;
  padding: 7.6rem 0 7.9rem 1.639344%; /* 10px / 610px = 1.639344% */
  position: relative;
  background: #0d9b63;
  background-position: center center;
}
.text-55 {
  margin: 0 auto;
  width: 76.60714%; /* 429px / 560px = 76.60714% */
  color: #ffffff;
  line-height: 32px;
}
.container-10 {
  position: relative;
  margin-top: -400px;
}
.place {
  position: relative;
}
.col-data-wrapper-6 {

  position: relative;
}
.col-7 {

  position: relative;
}
.shape-4-copy-5 {
  height: 3px;
  max-width: 70px;
  position: relative;
  width: 14.522821%; /* 70px / 482px = 14.522821% */
  background: #63cb75;
}
.mestoraspolozhenie {
  margin: 23px 0 30px 0.207469%; /* 1px / 482px = 0.207469% */
  font-size: 4.4rem; /* 44px / 10px = 4.4rem */
  font-weight: bold;
}
.text-56 {
  margin: 0px auto 0;
  font-size: 22px; /* 30px / 10px = 3rem */
  line-height: 1.2;
}
.text-57 {
  margin: 4.1rem 0 0 auto;
  opacity: 0.1;
  font-size: 14rem; /* 140px / 10px = 14rem */
  font-weight: bold;
  text-transform: uppercase;
}
.row-19 {
  /*//left: 11.103679%;
  //margin: 24px auto 0;*/
  position: relative;
  /*//width: 77.79264%;  1163px / 1495px = 77.79264% */
}
.group-24 {
  float: left;
  position: relative;
  width: 31.470335%; /* 366px / 1163px = 31.470335% */
}
.color-fill-1 {
  display: block;
  position: relative;
  width: 40px;
}
.text-58 {
  margin: 10px 0 0 0;
  width: 100%; /* 366px / 366px = 100% */
  line-height: 28px;
}
@media (max-width: 366px) {
.text-58 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.group-25 {
  float: left;
  margin: 0 0 0 2.837489%; /* 33px / 1163px = 2.837489% */
  position: relative;
  width: 31.642303%; /* 368px / 1163px = 31.642303% */
}
.color-fill-1-copy-2 {
  display: block;
  position: relative;
  width: 40px;
}
.text-59 {
  margin: 3.2rem 0 0;
  width: 100%; /* 368px / 368px = 100% */
}
@media (max-width: 368px) {
.text-59 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.group-26 {
  float: left;
  margin: 0 0 0 2.579536%; /* 30px / 1163px = 2.579536% */
  position: relative;
  width: 31.470335%; /* 366px / 1163px = 31.470335% */
}
.color-fill-1-copy-3 {
  display: block;
  position: relative;
  width: 40px;
}
.text-60 {
  margin: 3.2rem 0 0;
  width: 100%; /* 366px / 366px = 100% */
}
@media (max-width: 366px) {
.text-60 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
@media (max-width: 1163px) {
.row-19 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
@media (max-width: 768px) {
.row-19 {
  left: 0;
}
}
.row-20 {
  margin-top: 9.3rem;
  min-height: 500px;
  background: url(images/rectangle_21.jpg) no-repeat center 0;
}
.group-30 {
  margin: 10.8rem auto 11.4rem;
  position: relative;
}
.layer-37 {
  display: block;
 
  position: relative;
  width: 90px;
}
@media (max-width: 768px) {
.layer-37 {
  left: 0;
}

.firstimgs
{
padding-top: 50px;
}
}
.text-67 {
  margin: 5.6rem -51.28205% 0 auto; /* -180px / 351px = -51.28205% */
  color: #ffffff;
  font-size: 2.4rem; /* 24px / 10px = 2.4rem */
  line-height: 1.2;
}
.text-68 {
  margin: 29px -51.28205% 30px auto; /* -180px / 351px = -51.28205% */
  color: #63cb75;
  font-size: 5rem; /* 50px / 10px = 5rem */
}
.group-29 {
  margin: 12.2rem auto 11.4rem;
  position: relative;
}
.layer-38 {
  display: block;
  margin: 0 0 0 0.492611%; /* 1px / 203px = 0.492611% */
  position: relative;
  width: 90px;
}
.text-65 {
  margin: 7.1rem 0 0;
  color: #ffffff;
  font-size: 2.4rem; /* 24px / 10px = 2.4rem */
  line-height: 1.2;
}
.text-66 {
  margin: 30px 0 30px 0.492611%; /* 1px / 203px = 0.492611% */
  color: #63cb75;
  font-size: 5rem; /* 50px / 10px = 5rem */
}
.group-28 {
  margin: 11.7rem auto 11.4rem;
  position: relative;
}
.layer-39 {
  display: block;
  position: relative;
  width: 90px;
}
.text-63 {
  margin: 6.1rem 0 0;
  color: #ffffff;
  font-size: 2.4rem; /* 24px / 10px = 2.4rem */
  line-height: 1.2;
}
.text-64 {
  margin: 29px 0 30px;
  color: #63cb75;
  font-size: 5rem; /* 50px / 10px = 5rem */
}
.group-27 {
  margin: 10.6rem auto 11.4rem;
  position: relative;
}
.layer-40 {
  display: block;
  position: relative;
  width: 90px;
}
.text-61 {
  margin: 5.7rem 0 0;
  color: #ffffff;
  font-size: 2.4rem; /* 24px / 10px = 2.4rem */
}
.text-62 {
  margin: 6.1rem 0 30px 1.360544%; /* 2px / 147px = 1.360544% */
  color: #63cb75;
  font-size: 5rem; /* 50px / 10px = 5rem */
}
.col-3 {

  position: relative;
}
.text-69 {
  position: relative;
}
.text-69 > * {
  line-height: 32px;
}
.shape-4 {
  height: 70px;
  margin: -70px 0 30px;
  max-width: 3px;
  position: relative;
  width: 0.606061%; /* 3px / 495px = 0.606061% */
  background: #63cb75;
}
.col-data-wrapper-9 {
  position: relative;
}
.col-9 {
  float: left;
  margin: 8px 4.770992% 0 0; /* 25px / 524px = 4.770992% */
  position: relative;
  width: 1.335878%; /* 7px / 524px = 1.335878% */
}
.rectangle-19 {
  height: 7px;
  margin: 0 auto;
  max-width: 7px;
  width: 100%; /* 7px / 7px = 100% */
  background: #63cb75;
}
.rectangle-19-copy {
  height: 7px;
  margin: 15.8rem auto 0;
  max-width: 7px;
  width: 100%; /* 7px / 7px = 100% */
  background: #63cb75;
}
.rectangle-19-copy-2 {
  height: 7px;
  margin: 24.8rem auto 0;
  max-width: 7px;
  width: 100%; /* 7px / 7px = 100% */
  background: #63cb75;
}
.text-70 {
  float: left;
  width: 93.89313%; /* 492px / 524px = 93.89313% */
  line-height: 32px;
}
.container-11 {
  position: relative;
}
.slider-2 {
  position: relative;
  z-index: 0;
}
.green-block-2 {
  margin: 9.7rem auto 0;
  max-width: 500px;
  min-height: 310px;
  padding: 8.1rem 10.491803% 8.5rem 12.459017%; /* 64px / 610px = 10.491803%, 76px / 610px = 12.459017% */
  position: relative;
  background: #0d9b63;
  background-position: center center;
}
.text-71 {
  margin: 0 auto;
  width: 100%; /* 360px / 360px = 100% */
  color: #ffffff;
  font-size: 3rem; /* 30px / 10px = 3rem */
  line-height: 1.2;
}
.container-12 {
  overflow: hidden;
  position: relative;
  z-index: 25;
}
.rectangle-9-copy-holder {
  margin: -206px 0 0;
  min-height: 700px;
  position: relative;
  z-index: 20;
  background: url(images/rectangle_9_copy.jpg) no-repeat center 0;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.down-arrow-2-copy-2 {
  max-width: 24px;
  position: absolute;
  right: 75px;
  top: 325px;
  width: 24px;
}
@media (max-width: 768px) {
.down-arrow-2-copy-2 {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  width: auto;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
.down-arrow-2-copy-3 {
  left: 68px;
  max-width: 24px;
  position: absolute;
  top: 325px;
  width: 24px;
}
@media (max-width: 768px) {
.down-arrow-2-copy-3 {
  display: block;
  margin: 15px auto;
  position: relative;
  width: 100%;
  width: auto;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
}
.contacts {
  position: relative;
}
.text-72 {
  margin: 10.9rem auto 0;
  padding: 0 3.938731%; /* 18px / 457px = 3.938731% */
  position: relative;
}
.shape-4-copy-6 {
  height: 3px;
  margin: 0 0 0 1.405152%; /* 6px / 427px = 1.405152% */
  max-width: 70px;
  position: relative;
  width: 17.902813%; /* 70px / 391px = 17.902813% */
  background: #63cb75;
}
.kontakti {
  margin: 25px 0 0 2.107728%; /* 9px / 427px = 2.107728% */
  font-size: 4.4rem; /* 44px / 10px = 4.4rem */
  font-weight: bold;
}
.text-73 {
  margin: 4.4rem auto 0;
  position: relative;
  right: 0.895141%;
  width: 94.62916%; /* 370px / 391px = 94.62916% */
  font-size: 3rem; /* 30px / 10px = 3rem */
  line-height: 1.2;
}
@media (max-width: 370px) {
.text-73 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
@media (max-width: 768px) {
.text-73 {
  right: 0;
}
}
.button-3 {
  margin: 3.6rem 0 0;
  padding: 20px 7.025761% 3.1rem; /* 30px / 427px = 7.025761% */
  position: relative;
  background: url(images/rounded_rectangle_3_copy_.png) no-repeat center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  color: #ffffff;
  font-size: 1.5rem; /* 15px / 10px = 1.5rem */
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
}
.text-75 {
  margin: 3.4rem 0 30px 1.405152%; /* 6px / 427px = 1.405152% */
  width: 93.35038%; /* 365px / 391px = 93.35038% */
  font-weight: bold;
  line-height: 32px;
}
@media (max-width: 365px) {
.text-75 {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}
.map {
  margin: 0 auto;
  /*max-width: 1046px;*/
  min-height: 727px;

  position: relative;
  /*background: url(images/rectangle_24.jpg) no-repeat center 0;*/
  background-position: center center;
}
.point {
  display: block;
  margin: 0 auto;
  position: relative;
  right: 5.783939%;
  width: 59px;
}
@media (max-width: 768px) {
.point {
  right: 0;
}
}
@media (max-width: 768px) {
.map {
  
}
}
.container-13 {
  position: relative;
}
.text-style-15 {
  color: #999999;
  font-size: 1.4rem; /* 14px / 10px = 1.4rem */
}
.text-style-4 {
  font-weight: bold;
  line-height: 32px;
}
.text-style-5 {
  line-height: 50px;
}
.text-style-6 {
  margin: 0px 0% 0px 6.382979%; /* 0px / 470px = 0%, 30px / 470px = 6.382979% */
}
.text-style-12 {
  margin: 0px 0% 0px 5.736138%; /* 0px / 523px = 0%, 30px / 523px = 5.736138% */
}
.text-style-13 {
  margin: 0px 0% 0px 5.747127%; /* 0px / 522px = 0%, 30px / 522px = 5.747127% */
}
.text-style-14 {
  font-size: 3rem; /* 30px / 10px = 3rem */
}
.text-style-7 {
  margin: 0px 0% 0px 6.437768%; /* 0px / 466px = 0%, 30px / 466px = 6.437768% */
}
.text-style-9 {
  font-size: 1.8rem; /* 18px / 10px = 1.8rem */
  font-weight: bold;
  line-height: 32px;
}
.text-style-11 {
  font-size: 1.8rem; /* 18px / 10px = 1.8rem */
  line-height: 50px;
}
.fw400 {
  font-weight: normal;
}
.text-style-10 {
  font-size: 1.8rem; /* 18px / 10px = 1.8rem */
  line-height: 32px;
}
.text-style-3 {
  line-height: 32px;
}
.text-style-17 {
  color: #999999;
  font-size: 1.4rem; /* 14px / 10px = 1.4rem */
  line-height: 1.2;
}
.text-style-18 {
  margin: 0px 0% 0px 6.060606%; /* 0px / 495px = 0%, 30px / 495px = 6.060606% */
}
.text-style-16 {
  color: #999999;
  font-size: 1.4rem; /* 14px / 10px = 1.4rem */
  line-height: 32px;
}
.text-style {
  font-size: 3rem; /* 30px / 10px = 3rem */
  line-height: 32px;
}
.text-style-8 {
  margin: 0px 0% 0px 6.369427%; /* 0px / 471px = 0%, 30px / 471px = 6.369427% */
}
.text-style-2 {
  font-size: 3rem; /* 30px / 10px = 3rem */
  line-height: 1.2;
}
@media (max-width: 768px) {
.group-5 {
  margin: 6.1% auto 0;
}
}
@media (max-width: 768px) {
.group-4 {
  padding: 5.6% 6.510417%; /* 50px / 768px = 6.510417% */
}
}
@media (max-width: 768px) {
.col-data-wrapper-3 {
  margin: 7.9% auto 0;
}
}
@media (max-width: 768px) {
.text-14 {
  margin: 7.4% 0 0;
}
}
@media (max-width: 768px) {
.col-data-wrapper-7 {
  margin: 8.2% auto 0;
}
}
@media (max-width: 768px) {
.text-17 {
  margin: 8.2% auto 0;
}
}
@media (max-width: 768px) {
.wrapper-3 {
  margin: 8.8% 0 0;
}
}
@media (max-width: 768px) {
.wrapper-4 {
  margin: 8% 0 0; /* 20px / 1190px = 1.680672% */
}
}
@media (max-width: 768px) {
.plans {
  margin: 10% auto 0;
}
}
@media (max-width: 768px) {
.layer-26 {
  margin: 5.1% auto 0;
}
}
@media (max-width: 768px) {
.col-10 {

}
}
@media (max-width: 768px) {
.plan {
  margin: 10% 0 0; /* 5px / 1175px = 0.425532% */
}
}
@media (max-width: 768px) {
.slider {
  margin: 10% 0 0;
}
}
@media (max-width: 768px) {
.group-16 {
  margin: 10% 0 0;
}
}
@media (max-width: 768px) {
.group-18 {
  margin: 9.4% auto 0;
}
}
@media (max-width: 768px) {
.group-20 {
  margin: 9.2% 0 0;
}
}
@media (max-width: 768px) {
.group-22 {
  margin: 9.2% auto 0;
}
}
@media (max-width: 768px) {
.list {
  margin: 9.4% auto 0;
}
}
@media (max-width: 768px) {
.col-data-wrapper-6 {
  /*margin: 9.3% auto 0;*/
}
}
@media (max-width: 768px) {
.row-20 {
  margin: 9.3% 0 0;
}
}
@media (max-width: 768px) {
.group-30 {
  margin: 10% auto 11.4%;
}
}
@media (max-width: 768px) {
.text-67 {
  margin: 5.6% 0 0 -23.4375%; /* -180px / 768px = -23.4375% */
}
}
@media (max-width: 768px) {
.group-29 {
  margin: 10% auto 11.4%;
}
}
@media (max-width: 768px) {
.text-65 {
  margin: 7.1% 0 0;
}
}
@media (max-width: 768px) {
.group-28 {
  margin: 10% auto 11.4%;
}
}
@media (max-width: 768px) {
.text-63 {
  margin: 6.1% 0 0;
}
}
@media (max-width: 768px) {
.group-27 {
  margin: 10% auto 11.4%;
}
}
@media (max-width: 768px) {
.text-61 {
  margin: 5.7% 0 0;
}
}
@media (max-width: 768px) {
.text-62 {
  margin: 6.1% 0 30px; /* 2px / 147px = 1.360544% */
}
}
@media (max-width: 768px) {
.col-3 {

}
}
@media (max-width: 768px) {
.col-data-wrapper-9 {
 
}
}
@media (max-width: 768px) {
.rectangle-19-copy {
  margin: 10% auto 0;
}
}
@media (max-width: 768px) {
.rectangle-19-copy-2 {
  margin: 10% auto 0;
}
}
@media (max-width: 768px) {
.green-block-2 {
  margin: 9.7% auto 0;
}
}
@media (max-width: 768px) {
.text-72 {
  margin: 10% auto 0;
}
}
@media (max-width: 768px) {
.photo {
  padding: 7.5% 5% 49.4%; /* 38.4px / 768px = 5% */
}
}
@media (max-width: 768px) {
.group-6 {
  padding: 28.4% 5% 6.8%; /* 38.4px / 768px = 5% */
}
}
@media (max-width: 768px) {
.group-3 {
  padding: 5.6% 6.510417%; /* 50px / 768px = 6.510417% */
}
}
@media (max-width: 768px) {
.figures-copy {
  padding: 12.9% 5% 11.3%; /* 38.4px / 768px = 5% */
}
}
@media (max-width: 768px) {
.col {
  padding: 13.5% 5% 14.6%; /* 38.4px / 768px = 5% */
}
}
@media (max-width: 768px) {
.green-block {
  padding: 7.6% 0 7.9% 1.302083%; /* 10px / 768px = 1.302083% */
}
}
@media (max-width: 768px) {
.green-block-2 {
  padding: 8.1% 8.333333% 8.5% 9.895833%; /* 64px / 768px = 8.333333%, 76px / 768px = 9.895833% */
}
}
@media (max-width: 768px) {
.map {
  /*padding: 27.6% 5% 36.4%; /* 38.4px / 768px = 5% */
}
}


  .divider {
    border-left: 1px solid #ccc;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
  }

  .green-square {
    width: 5px;
    height: 5px;
    background-color: green;
    margin-bottom: 10px;
  }

  .row-block {
    position: relative;
    padding: 2rem 0;
  }

  @media (max-width: 767.98px) {
    .divider {
      display: none;
    }
  }
  
  
  @media (max-width: 780px) {
.group-24, .group-25, .group-26
{
    width: 100% !important;
    margin: 0 !important;
}

}

.marupe_imgs
{
    height: 100px;
    padding-bottom: 30px;
}

.green_text
{
color: #1e351b;
}

.green_text_light
{
color: #63cb75;
}

.white_text_light
{
     color: rgba(255, 255, 255, 0.8); 
}

.green_text_light a
{
color: #63cb75;
text-decoration: underline;
}
.green_text_light a:hover
{
color: #fff;
text-decoration: underline;
}


.place
{
background: rgb(237, 246, 237);
}

.map-plan
{
    text-align: center;
}


.txt2, .txt4 {
  margin-top: 4rem;
}


/* Мобильная адаптация */
@media (max-width: 768px) {
  .places__row_order,
  .places__row_order.reverse {
    flex-direction: column;
  }
  .txt2, .txt4 {
  margin-top: 0;
}
.txt2 {
  margin-bottom: 3rem;
}
  .places__col {
    flex: 1 1 100%;
  }

   /* Управление порядком в мобильной версии */
  .mobile-img {
    order: 1;
  }

  .mobile-text {
    order: 2;
  }
}


.info_text {
  position: relative;
  padding-left: 25px; 
  color: rgba(255, 255, 255, 0.85); 
  font-size: 16px;
  line-height: 1.5;
  background: transparent;
}

.info_text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5%;
  bottom: 5%;
  width: 4px;
  background-color: #63cb75;
  border-radius: 2px;
}

.topbar {
  background-color: #63cb75;
  color: #fff;
  font-size: 14px;
  padding: 8px 0;
}

.topbar__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.topbar__left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.topbar__phone {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.topbar__phone:hover {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}

.topbar__icon {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.topbar__icon:hover {
  color: #fff;
}

.topbar__right .topbar__link {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}

.topbar__right .topbar__link:hover {
  color: #fff;
  text-decoration: underline;
}

.topbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #63cb75; /* ??????? ???? WhatsApp */
  color: white;
  padding: 8px 0;
  z-index: 1000; /* ???? ????????? ????????? */
  font-size: 16px;
}

.topbar__container {
  max-width: 1600px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.topbar a {
  color: white;
  text-decoration: none;
  font-size: 18px;
}

.topbar i {
  margin-left: 5px;
  font-size: 20px;
}

body {
  padding-top: 40px; 
}