/* inter-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v20-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v20-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v20-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v20-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

a{
  color: #000;
  text-decoration: none;
}

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

b{
font-weight:600;
}

html{
font:normal 62.5%/1.4em Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
}

blockquote, q{
  quotes: none;
}

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

ins{
text-decoration: underline;
}

del{
text-decoration: line-through;
}

table{
border-collapse:collapse;
border-spacing:0;
}

html{
scroll-behavior:smooth;  
}


body{
margin:0px;
padding:0px;
font-size:16px;
font-family: "Inter", sans-serif;
font-weight:400;
overflow-x:hidden;
background-color:#fefefe;
/*font-family: "Merriweather", serif;*/
}


body input, body textarea, body button, body select{
font-family: "Inter", sans-serif;
}

.body-hide-ow{
overflow:hidden;
}

.container{
width:calc(100% - 40px);
max-width:75vw;
padding:0px 20px;
margin:0px auto;
}





/*HEADER TOP*/

.header-page{
padding-top:4vw;
}

.header-page-block{
position:absolute;
top:0px;
left:0px;
width:100%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index:999; 
background:#fff;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.22);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.22);
}

.header-page-block-f{
position:fixed;
top:0px;
left:0px;
width:100%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index:999;
background:#fff;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.22);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.22);
}

.header-page-block-content{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
}

.header-page-block-content-left{

}

.header-page-block-content-right{
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:nowrap;
}


.header-page-block .header-page-block-content-left-brand{
width:10.42vw;
display:block;
margin:0px 0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.header-page-block-f .header-page-block-content-left-brand{
width:8.4vw;
display:block;
margin:0px 0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.header-page-block-content-left-brand img{
width:100%;
height:auto;
display:block;
}

.icon-top{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap;
margin-left:2vw;
}

.icon-top-a{
display:block;
width:1vw;
height:1vw;
-webkit-mask: url("../images/phone.svg") no-repeat center;
mask:url("../images/phone.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
margin-right:1vw;
}

.icon-top-b{
display:block;
width:1vw;
height:1vw;
-webkit-mask: url("../images/mail.svg") no-repeat center;
mask:url("../images/mail.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
margin-right:1vw;
}


.icon-top-text{
color:#636363;
font-size:0.6vw;      /* 12px */
font-weight:600;
}

.icon-top-text span{
color:#636363;
font-size:0.7vw;      /* 14px */
line-height:1.3vw;    /* 26px */
font-weight:600;
}

.button-top{
display:inline-block;
vertical-align:middle;
padding:0.5vw 0.75vw; /* 10px 15px */
border-radius:0.3vw;  /* 6px */
color:#fff;
font-size:0.7vw;      /* 14px */
font-weight:600;
background:#087f30;
margin-left:2vw;      /* 40px */
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}


/*SECKAJA START*/

.section-start{
position:relative;
}

.section-start-bg{
width:100%;
height:30vw; /* 600px */
}

.section-start-bg img{
width:100%;
height:100%;
object-fit:cover;
object-position:center left;
}

.section-start-bg-block{
position:absolute;
top:50%;
left:0;
width:100%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}

.section-start-bg-block h1{
font-size:2.3vw;      /* 46px */
text-transform:uppercase;
line-height:normal;
margin-bottom:1.5vw;  /* 30px */
}

.spanh-a{
color:#087f30;
}

.spanh-b{
font-size:1.8vw;      /* 36px */
}

.section-start-bg-block-text{
width:100%;
max-width:27vw;       /* 540px */
}

.section-start-bg-block-text p{
font-size:0.8vw;      /* 16px */
color:#000;
line-height:1.3vw;    /* 26px */
padding-bottom:1.5vw; /* 30px */
}

.hero-list{
list-style:none;
padding:0;
margin:0;
font-size:0.7vw;      /* 14px */
margin-bottom:2vw;    /* 40px */
}

.hero-list li{
position:relative;
padding-left:1.35vw;  /* 27px */
margin:0.5vw 0;
line-height:normal;
}

.hero-list li::before{
content:"✓";
position:absolute;
left:0;
top:0.05vw;           /* 1px */
width:0.85vw;         /* 17px */
height:0.85vw;        /* 17px */
border-radius:50%;
background:#087f30;
color:#fff;
font-size:0.55vw;     /* 11px */
display:grid;
place-items:center;
font-weight:bold;
background:#087f30;
}

.section-start-bg-block-text-button{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap;
}

.button-hero{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
padding:0.5vw 1vw;    /* 10px 20px */
border-radius:0.3vw;  /* 6px */
color:#fff;
font-size:0.7vw;      /* 14px */
font-weight:600;
background:#087f30;
margin-right:1vw;     /* 20px */
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
width:100%;
max-width:8.5vw;      /* 170px */
}

.button-hero:hover{
background:#13a545;
}

.button-hero-a{
display:inline-block;
vertical-align:middle;
width:1.5vw;          /* 30px */
height:1.5vw;         /* 30px */
-webkit-mask:url("../images/kursy.svg") no-repeat center;
mask:url("../images/kursy.svg") no-repeat center;
background-color:#fff;
-webkit-mask-size:contain;
mask-size:contain;
margin-right:0.5vw;   /* 10px */
}

.button-hero-b{
display:inline-block;
vertical-align:middle;
width:1.5vw;          /* 30px */
height:1.5vw;         /* 30px */
-webkit-mask:url("../images/szkolenia.svg") no-repeat center;
mask:url("../images/szkolenia.svg") no-repeat center;
background-color:#fff;
-webkit-mask-size:contain;
mask-size:contain;
margin-right:0.5vw;   /* 10px */
}

.button-hero-text{
color:#fff;
text-align:center;
}


/*SEKCJA BNEFITY*/

.section-benefits-block{
transform:translateY(-1vw);
-webkit-transform:translateY(-1vw);
-ms-transform:translateY(-1vw);
border-radius:0.6vw;
background:#fff;
padding:2vw 0;
-webkit-box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
-moz-box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
}

.section-benefits-block-content{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
}

.section-benefits-block-content article{
width:calc(20% - 4vw);
padding:0 2vw;
position:relative;
}

.section-benefits-block-content article::before{
content:'';
position:absolute;
top:1vw;
right:0;
width:0.1vw;
background:#ededed;
height:calc(100% - 2vw);
}

.section-benefits-block-content article:last-child::before{
display:none;
}

.icon-benefits-a{
width:3.5vw;
height:3.5vw;
-webkit-mask:url("../images/wiedza.svg") no-repeat center;
mask:url("../images/wiedza.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
margin:0 auto 1.5vw auto;
}

.icon-benefits-b{
width:3.5vw;
height:3.5vw;
-webkit-mask:url("../images/cwiczenia.svg") no-repeat center;
mask:url("../images/cwiczenia.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
margin:0 auto 1.5vw auto;
}

.icon-benefits-c{
width:3.5vw;
height:3.5vw;
-webkit-mask:url("../images/materialy.svg") no-repeat center;
mask:url("../images/materialy.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
margin:0 auto 1.5vw auto;
}

.icon-benefits-d{
width:3.5vw;
height:3.5vw;
-webkit-mask:url("../images/poziom.svg") no-repeat center;
mask:url("../images/poziom.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
margin:0 auto 1.5vw auto;
}

.icon-benefits-e{
width:3.5vw;
height:3.5vw;
-webkit-mask:url("../images/wsparcie.svg") no-repeat center;
mask:url("../images/wsparcie.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
margin:0 auto 1.5vw auto;
}

.section-benefits-block-content h3,
.section-benefits-block-content h2{
font-size:0.9vw;
font-weight:600;
color:#000;
text-align:center;
margin-bottom:1vw;
line-height:normal;
}

.section-benefits-block-content p{
font-size:0.7vw;
color:#000;
line-height:1.2vw;
text-align:center;
}


/*SEKCJA DLA KOGO*/

.section-for-you{
padding-top:1.4vw;
}

.section-for-you-heading{
font-size:1.4vw;
text-transform:uppercase;
line-height:normal;
margin-bottom:3vw;
position:relative;
text-align:center;
}

.section-for-you-heading::before{
content:'';
position:absolute;
background-color:#087f30;
bottom:-1vw;
left:50%;
width:4vw;
height:0.1vw;
margin-left:-2vw;
}

.section-for-you-block{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
margin:0 -0.5vw;
}

.section-for-you-block-item{
width:calc(20% - 5vw);
margin:0 0.5vw;
padding:2vw;
-webkit-box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
-moz-box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
border-radius:0.6vw;
}

.icon-for-you-a{
height:3.5vw;
width:3.5vw;
-webkit-mask:url("../images/biura.svg") no-repeat center;
mask:url("../images/biura.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
margin:0 auto 1.5vw auto;
}

.icon-for-you-b{
height:3.5vw;
width:3.5vw;
-webkit-mask:url("../images/kalkulator.svg") no-repeat center;
mask:url("../images/kalkulator.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
margin:0 auto 1.5vw auto;
}

.icon-for-you-c{
height:3.5vw;
width:3.5vw;
-webkit-mask:url("../images/dzial.svg") no-repeat center;
mask:url("../images/dzial.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
margin:0 auto 1.5vw auto;
}

.icon-for-you-d{
height:3.5vw;
width:3.5vw;
-webkit-mask:url("../images/glowna.svg") no-repeat center;
mask:url("../images/glowna.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
margin:0 auto 1.5vw auto;
}

.icon-for-you-e{
height:3.5vw;
width:3.5vw;
-webkit-mask:url("../images/pocz.svg") no-repeat center;
mask:url("../images/pocz.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
margin:0 auto 1.5vw auto;
}

.section-for-you-block-item h3{
font-size:0.9vw;
font-weight:600;
color:#000;
text-align:center;
margin-bottom:1vw;
line-height:normal;
}

.section-for-you-block-item p{
font-size:0.7vw;
color:#000;
line-height:1.2vw;
text-align:center;
}

/*SEKCJA CZEGO SIĘ NAUCZYSZ*/

.section-learn{
padding-top:2.4vw;
}

.section-learn-block{
display:flex;
justify-content:space-between;
align-items:stretch;
flex-wrap:wrap;
}

.section-learn-block-left{
width:calc(50% - 0.5vw);
border-radius:0.6vw;
overflow:hidden;
}

.section-learn-block-left img{
width:100%;
height:100%;
object-fit:cover;
position:center;
}

.section-learn-block-right{
width:calc(50% - 0.5vw);
border-radius:0.6vw;
-webkit-box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
-moz-box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
}

.section-learn-list{
list-style:none;
padding:2vw;
margin:0;
font-weight:300;
font-size:0.9vw;
}

.section-learn-list li{
position:relative;
padding-left:1.7vw;
margin:1.25vw 0;
line-height:normal;
}

.section-learn-list li b{
font-weight:600;
}

.section-learn-list li::before{
content:"✓";
position:absolute;
left:0;
top:-0.1vw;
width:1vw;
height:1vw;
border-radius:50%;
background:#087f30;
color:#fff;
font-size:0.55vw;
display:grid;
place-items:center;
font-weight:bold;
background:#087f30;
}


/*SEKCJA WYBIERZ FORMĘ NAUKI*/

.section-choose{
padding-top:2.4vw;
}

.section-choose-block{
display:flex;
justify-content:space-between;
align-items:stretch;
flex-wrap:wrap;
}

.section-choose-block-item{
width:calc(50% - 4.6vw);
border-radius:0.6vw;
-webkit-box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
-moz-box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
border:0.05vw solid #b5deb5;
padding:2vw;
}

.section-choose-content{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.section-choose-content-icon{
width:8vw;
height:8vw;
background:#e9f3eb;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
flex-direction:column;
}

.section-choose-content-text{
width:calc(100% - 10vw);
margin-left:2vw;
}

.section-choose-content-icon-a{
width:3.5vw;
height:3.5vw;
display:block;
-webkit-mask:url("../images/kursy.svg") no-repeat center;
mask:url("../images/kursy.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
}

.section-choose-content-icon-b{
width:3.5vw;
height:3.5vw;
display:block;
-webkit-mask:url("../images/szkolenia.svg") no-repeat center;
mask:url("../images/szkolenia.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
}

.section-choose-content-text h3{
font-size:1.2vw;
font-weight:600;
color:#087f30;
text-transform:uppercase;
margin-bottom:1vw;
line-height:normal;
}

.section-choose-content-text p{
font-size:0.8vw;
color:#000;
line-height:1.3vw;
padding-bottom:1.5vw;
}

.section-choose-button{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
padding:0.5vw 1vw;
border-radius:0.3vw;
color:#fff;
font-size:0.9vw;
font-weight:600;
background:#087f30;
margin-right:1vw;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
width:100%;
max-width:14vw;
}

.section-choose-button:hover{
background:#13a545;
}

.section-choose-button-a{
display:inline-block;
vertical-align:middle;
width:1.5vw;
height:1.5vw;
-webkit-mask:url("../images/strzalka.svg") no-repeat center;
mask:url("../images/strzalka.svg") no-repeat center;
background-color:#fff;
-webkit-mask-size:contain;
mask-size:contain;
margin-left:0.5vw;
}

.section-choose-button-text{
color:#fff;
}

/*SEKCJA O MNIE*/

.section-about{
padding-top:3vw;
}

.section-about-content{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
}

.section-about-content-img{
width:11vw;
height:11vw;
border-radius:50%;
overflow:hidden;
}

.section-about-content-text{
width:calc(100% - 13vw);
}

.section-about-content-img img{
width:100%;
height:100%;
object-position:center;
object-fit:cover;
}

.section-about-content-text h2{
font-size:1.4vw;
text-transform:uppercase;
line-height:normal;
margin-bottom:3vw;
position:relative;
}

.section-about-content-text h2::before{
content:'';
position:absolute;
background-color:#087f30;
bottom:-1vw;
left:0;
width:4vw;
height:0.1vw;
}

.section-about-content-text p{
font-size:0.8vw;
color:#000;
line-height:1.3vw;
padding-bottom:1.5vw;
}


/*SEKCJA OPINIE*/

.section-reviews{
padding-top:2.4vw;
}

.section-reviews-block{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
margin:0 -0.5vw;
}

.section-reviews-item{
width:calc(33.33333333333333333333333333% - 5vw);
margin:0 0.5vw;
padding:2vw;
-webkit-box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
-moz-box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
border-radius:0.6vw;
}

.section-reviews-item-icon{
width:1.5vw;
height:1.5vw;
-webkit-mask:url("../images/opinnie.svg") no-repeat center;
mask:url("../images/opinnie.svg") no-repeat center;
background-color:#087f30;
-webkit-mask-size:contain;
mask-size:contain;
margin-bottom:1vw;
}

.section-reviews-item p{
font-size:0.7vw;
color:#000;
line-height:1.2vw;
padding-bottom:1vw;
}


/*PYTANIA I ODPOWIEDZI*/

.section-faq{
padding-top:2.4vw;
}

.section-faq-block{
margin:0 0 1vw 0;
-webkit-box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
-moz-box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
box-shadow:0 0.05vw 0.35vw 0 rgba(0,0,0,.22);
border-radius:0.3vw;
}

.section-faq-block-q{
font-size:0.8vw;
color:#000;
line-height:1.2vw;
font-weight:600;
cursor:pointer;
position:relative;
padding:1vw 2vw 1vw 1vw;
}

.section-faq-block-f{
font-size:0.8vw;
color:#000;
line-height:1.2vw;
cursor:pointer;
position:relative;
padding:0 1vw 1vw 1vw;
display:none;
}

.open .section-faq-block-f{
display:block;
}

.section-faq-block-q::before{
content:'';
position:absolute;
right:1vw;
top:1.5vw;
width:1vw;
height:0.1vw;
background:#087f30;
}

.section-faq-block-q::after{
content:'';
position:absolute;
right:1.45vw;
top:1.05vw;
width:0.1vw;
height:1vw;
background:#087f30;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
opacity:0;
}

.open .section-faq-block-q::after{
opacity:1;
}


/*STOPKA*/

.footer-page{
padding-top:2.5vw;
}

.footer-page-top{
padding:2vw 0;
background:#232a31;
}

.footer-page-top-content{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
}

.footer-page-top-content-item{
width:calc(22% - 1vw);
}

.footer-page-top-content-item.footer-page-top-content-item-a{
width:calc(34% - 1vw);
}

.footer-page-top-content-item-h{
font-size:0.9vw;
color:#fff;
text-transform:uppercase;
line-height:normal;
margin-bottom:2vw;
}

.footer-page-top-content-item ul{
padding:0;
margin:0;
}

.footer-page-top-content-item ul li{
list-style-type:none;
padding:0;
margin:0;
}

.footer-page-top-content-item ul li a{
font-size:0.8vw;
color:#fff;
line-height:1.3vw;
padding-bottom:1.5vw;
}

.footer-page-top-content-item ul li span{
font-size:0.8vw;
color:#fff;
line-height:1.3vw;
padding-bottom:1.5vw;
}

@media (max-width: 1920px) {



}

@media (max-width: 1600px) {

.container{
width:calc(100% - 40px);
max-width:1240px;
padding:0px 20px;
margin:0px auto;
}

.header-page{
padding-top:80px;
}

.header-page-block .header-page-block-content-left-brand{
width:200px;
}

.header-page-block-f .header-page-block-content-left-brand{
width:80px;
}

.header-page-block-content-right{
margin:10px 0px;
}

.icon-top{
margin-left:40px;
}

.icon-top-a{
width:20px;
height:20px;
margin-right:20px;
}

.icon-top-b{
display:block;
width:20px;
height:20px;
margin-right:20px;
}


.icon-top-text{
font-size:12px;
}

.icon-top-text span{
font-size:14px;
line-height:26px;
}

.button-top{
padding:10px 15px;
border-radius:6px;
font-size:14px;
margin-left:40px; 
}

.section-start-bg{
height:600px;
}

.section-start-bg-block h1{
font-size:46px;
margin-bottom:30px;
}

.spanh-b{
font-size:36px;
}

.section-start-bg-block-text{
max-width:540px;
}

.section-start-bg-block-text p{
font-size:16px;
line-height:26px;
padding-bottom:30px;
}

.hero-list{
font-size:14px;	
margin-bottom:40px;
}

.hero-list li{
padding-left: 27px;
margin:10px 0px 10px 0px;
}

.hero-list li::before {
top:1px;
width:17px;
height:17px;
font-size:11px;
}

.button-hero{
padding:10px 20px;
border-radius:6px;
font-size:14px;
margin-right:20px; 
max-width:170px;
}

.button-hero-a{
width:30px;
height:30px;
margin-right:10px;
}

.button-hero-b{
width:30px;
height:30px;
margin-right:10px;
}

.section-benefits-block{
transform:translateY(-20px);
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
border-radius:12px;
padding:40px 0px;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.22);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.22);
}



.section-benefits-block-content article{
width:calc(20% - 80px);
padding:0px 40px;
}

.section-benefits-block-content article::before{
top:20px;
right:0px;
width:2px;
height:calc(100% - 40px);
}

.icon-benefits-a{
width:70px;
height:70px;        
margin:0px auto 30px auto;	
}

.icon-benefits-b{
width:70px;
height:70px;        
margin:0px auto 30px auto;	
}

.icon-benefits-c{
width:70px;
height:70px;        
margin:0px auto 30px auto;	
}

.icon-benefits-d{
width:70px;
height:70px;        
margin:0px auto 30px auto;	
}

.icon-benefits-e{
width:70px;
height:70px;        
margin:0px auto 30px auto;	
}


.section-benefits-block-content h3,
.section-benefits-block-content h2{
font-size:18px;
margin-bottom:20px;
}

.section-benefits-block-content p{
font-size:14px;
line-height:24px;
}


.section-for-you{
padding-top:28px;
}

.section-for-you-heading{
font-size:28px;
margin-bottom:60px;
}

.section-for-you-heading::before{
bottom:-20px;
width:80px;
height:2px;
margin-left:-40px;
}

.section-for-you-block{
margin:0px -10px;
}

.section-for-you-block-item{
width:calc(20% - 100px);
margin:0px 10px;
padding:40px;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.22);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.22);
border-radius:12px;
}

.icon-for-you-a{
height:70px;
width:70px;
margin:0px auto 30px auto;
}

.icon-for-you-b{
height:70px;
width:70px;
margin:0px auto 30px auto;
}

.icon-for-you-c{
height:70px;
width:70px;
margin:0px auto 30px auto;
}

.icon-for-you-d{
height:70px;
width:70px;
margin:0px auto 30px auto;
}

.icon-for-you-e{
height:70px;
width:70px;
margin:0px auto 30px auto;
}

.section-for-you-block-item h3{
font-size:18px;
margin-bottom:20px;
}

.section-for-you-block-item p{
font-size:14px;
line-height:24px;
}

.section-learn{
padding-top:48px;	
}

.section-learn-block-left{
width:calc(50% - 10px);
border-radius:12px;
}

.section-learn-block-right{
width:calc(50% - 10px);
border-radius:12px;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.22);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.22);
}

.section-learn-list{
padding:40px;
font-size:18px;	
}

.section-learn-list li{
padding-left:34px;
margin:25px 0px 25px 0px;
line-height:normal;
}

.section-learn-list li::before {
left:0;
top:-2px;
width:20px;
height:20px;
font-size:11px;
}

.section-choose{
padding-top:48px;	
}


.section-choose-block-item{
width:calc(50% - 92px);
border-radius:12px;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.22);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.22);
border:1px solid #b5deb5;
padding:40px;
}



.section-choose-content-icon{
width:160px;
height:160px;
}

.section-choose-content-text{
width:calc(100% - 200px);
margin-left:40px;
}

.section-choose-content-icon-a{
width:70px;
height:70px;
}

.section-choose-content-icon-b{
width:70px;
height:70px;
}

.section-choose-content-text h3{
font-size:24px;
margin-bottom:20px;
}


.section-choose-content-text p{
font-size:16px;
line-height:26px;
padding-bottom:30px;
}


.section-choose-button{
padding:10px 20px;
border-radius:6px;
font-size:18px;
margin-right:20px; 
width:100%;
max-width:280px;
}

.section-choose-button-a{
width:30px;
height:30px;
margin-left:10px;
}

.section-about{
padding-top:60px;
}


.section-about-content-img{
width:220px;
height:220px;
}

.section-about-content-text{
width:calc(100% - 260px);
}

.section-about-content-text h2{
font-size:28px;
margin-bottom:60px;
}

.section-about-content-text h2::before{
bottom:-20px;
left:0px;
width:80px;
height:2px;
}

.section-about-content-text p{
font-size:16px;
line-height:26px;
padding-bottom:30px;
}

.section-reviews{
padding-top:48px;
}

.section-reviews-block{
margin:0px -10px;
}

.section-reviews-item{
width:calc(33.33333333333333333333333333% - 100px);
margin:0px 10px;
padding:40px;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.22);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.22);
border-radius:12px;
}

.section-reviews-item-icon{
width:30px;
height:30px;
margin-bottom:20px;	
}

.section-reviews-item p{
font-size:14px;
line-height:24px;
padding-bottom:20px;
}

.section-faq{
padding-top:48px;	
}

.section-faq-block{
margin:0px 0px 20px 0px;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.22);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.22);
border-radius:6px;
}

.section-faq-block-q{
font-size:16px;
line-height:24px;
font-weight:600;
padding:20px 40px 20px 20px;
}

.section-faq-block-f{
font-size:16px;
line-height:24px;
padding:0px 20px 20px 20px;
}


.section-faq-block-q::before{
right:20px;
top:30px;
width:20px;
height:2px;
}

.section-faq-block-q::after{
right:29px;
top:21px;
width:2px;
height:20px;
}


.footer-page{
padding-top:50px;
}

.footer-page-top{
padding:40px 0px;
}


.footer-page-top-content-item{
width:calc(22% - 20px);
}

.footer-page-top-content-item.footer-page-top-content-item-a{
width:calc(34% - 20px);
}


.footer-page-top-content-item-h{
font-size:18px;
margin-bottom:40px;
}

.footer-page-top-content-item ul li a{
font-size:16px;
line-height:26px;
padding-bottom:30px;
}

.footer-page-top-content-item ul li span{
font-size:16px;
line-height:26px;
padding-bottom:30px;
}



}


@media (max-width: 1400px) {

.section-choose-content-icon{
width:160px;
height:160px;
margin:0px auto 30px auto;
}

.section-choose-content-text{
width:100%;
margin-left:0px;
}

.section-choose-content-text h3{
text-align:center;
}


.section-choose-content-text p{
text-align:center;
}

.section-choose-button{
margin:0px auto;
}


}

@media (max-width: 1200px) {

.section-benefits-block-content article{
width:calc(33.33333333333333333333333333% - 80px);
margin-bottom:40px;
}

.section-benefits-block-content article:nth-child(3)::before{
display:none;
}

.section-benefits-block-content article:last-child::before{
display:block;
}

.section-for-you-block-item{
width:calc(33.3333333333333333333333333% - 100px);
margin:0px 10px 20px 10px;
}

.footer-page-top-content-item{
width:calc(50% - 20px);
margin-bottom:40px;
}

.footer-page-top-content-item.footer-page-top-content-item-a{
width:calc(50% - 20px);
margin-bottom:40px;
}

}


@media (max-width: 992px) {



}


@media (max-width: 768px) {

.icon-top-text span, .icon-top-text br{
display:none;
}

.icon-top-a, .icon-top-b{
margin-right:10px;
}

.section-benefits-block-content article{
width:calc(100% - 80px);
margin-bottom:80px;
}

.section-benefits-block-content article:nth-child(3)::before{
display:none;
}

.section-benefits-block-content article::before{
display:none;
}

.section-benefits-block-content article::after{
content:'';
position:absolute;
bottom:-44px;
right:40px;
width:calc(100% - 80px);
background:#ededed;
height:2px;
}

.section-benefits-block-content article:last-child::after{
display:none;
}

.header-page-block-content-right{
margin:20px 0px;
}

.section-for-you-block-item{
width:calc(100% - 100px);
margin:0px 10px 20px 10px;
}

.section-learn-block-left{
width:100%;
height:400px;
margin-bottom:20px;
}

.section-learn-block-right{
width:100%
}

.section-choose-block-item{
width:100%;
margin-bottom:20px;
}

.section-choose-button{
width:calc(100% - 40px);
line-height:normal;
}

.section-about-content-img{
width:160px;
height:160px;
margin:0px auto 40px auto;
}

.section-about-content-text{
width:100%;
}

.section-about-content-text h2{
font-size:28px;
margin-bottom:60px;
text-align:center;
}

.section-about-content-text h2::before{
bottom:-20px;
left:50%;
width:80px;
height:2px;
margin-left:-40px;
}

.section-about-content-text p{
text-align:justify;
hyphens:auto;
-webkit-hyphens:auto;
-ms-hyphens:auto;
}


.section-reviews-item{
width:calc(100% - 100px);
margin:0px 10px 20px 10px;
}

.footer-page-top-content-item{
width:calc(100% - 20px);
margin-bottom:40px;
}

.footer-page-top-content-item.footer-page-top-content-item-a{
width:calc(100% - 20px);
margin-bottom:40px;
}


}




@media (max-width: 576px) {


.section-start-bg-block{
top:20px;
transform: translateY(0%);
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
}

.icon-top-text{
display:none;
}
.icon-top{
margin-left:10px;
}

.section-start-bg-block h1{
font-size:32px;
margin-bottom:30px;
}

.spanh-b{
font-size:28px;
}

.section-start-bg-block-text-button{
justify-content:space-between;
}

.section-start-bg-block-text-button{
flex-wrap:wrap;
}

.button-hero{
padding: 10px 20px;
margin-right: 0px;
max-width: calc(100% - 40px);
width: calc(100% - 40px);
margin-bottom: 20px;
}


}


@media (max-width: 500px) {

.section-start-bg{
display:none;
}

.section-start-bg-block{
position:relative;
top:auto;
left:auto;
width:100%;
transform:translateY(0%);
-webkit-transform:translateY(0%);
-ms-transform:translateY(0%);
padding-top:30px;
}

}

@media (max-width: 400px) {

.section-start-bg-block h1{
font-size:28px;
margin-bottom:20px;
}

.spanh-b{
font-size:24px;
}


.header-page-block .header-page-block-content-left-brand{
width:180px;
}

.section-start-bg-block-text-button{
justify-content:space-between;
flex-wrap:wrap;
}

.button-hero{
padding: 10px 20px;
margin-right:0px;
max-width:calc(100% - 40px);
width:calc(100% - 40px);
margin-bottom:20px;
}

.section-benefits{
padding-top:60px;
}

.section-benefits-block{
transform:translateY(0px);
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
}

}


.section-for-you-block-item-z{
height:3vw;
}

.section-for-you-block-item-z a{
position:absolute;
left:50%;
bottom:1vw;
padding:0.5vw 1vw;    /* 10px 20px */
border-radius:0.3vw;  /* 6px */
color:#fff;
font-size:0.7vw;      /* 14px */
font-weight:600;
background:#087f30;
line-height:normal;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
width:100%;
max-width:8.5vw;      /* 170px */
text-align:center;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
min-height:2vw;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
}

.section-for-you-block-item-z a:hover{
background:#13a545;
}

.section-for-you-block-item{
position:relative;
}

@media (max-width: 1600px) {

.section-for-you-block-item-z{
height:47px;
}

.section-for-you-block-item-z a{
position:absolute;
left:50%;
bottom:20px;
padding:10px 20px;
border-radius:6px;
font-size:14px;
max-width:170px;
text-align:center;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
min-height:40px;
}



}