@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&family=Roboto&display=swap')


body, section, input, h1, h2, h3, h4, h5, ul, ul li{
    padding: 0;
    margin: 0;
    list-style: none;
    border: none;
    font-weight: normal;
  -webkit-appearance: none;
}


html, body {
    scrollbar-width: none;
    -ms-overflow-style: none;
  -webkit-appearance: none;
}

html::-webkit-scrollbar, .caselist::-webkit-scrollbar {
    width: 0;
    height: 0;
}


html {
    overflow-x: hidden;
  -webkit-appearance: none;
}

a, img, div {
    transition: all 0.2s;
    -ms-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    text-decoration: none;
}

body::-webkit-scrollbar {
    width: 0em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: #000;
    outline: 0px solid #000;
}


body::-moz-scrollbar {
    width: 0em;
}

body::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-moz-scrollbar-thumb {
    background-color: #c8baad;
    outline: 0px solid #000;
}

::selection {
    background: #fff;
    color: #000;
}
::-moz-selection {
    background: #fff;
    color: #000;
}



body {
    overflow-x: hidden;
    -webkit-appearance: none;
    font-family: Poppins;
    font-weight: normal;
    font-style: normal;
    padding:  0;
    margin: 0;
    color:  #444;
}


.clear {
    clear: both;
}

/* ----- Display ----- */


.wrap {
    display: block;
    margin: 0 auto;
    width: 80%;
}


.home {
    display:  block;
    padding: 10vw 0 5vw 0;
    background:  url(img/bg.jpeg) top center no-repeat;
    background-size: cover;
}


.home h1 {
    display:  block;
    text-align:  center;
    font-size:  4vw;
    font-weight:  600;
    color:  #fff;
}

.home h1 span {
  display:  block;
}

.home h1 b {
    display: block;
    font-size: 1.3vw;
    position: relative;
    padding: 0.2vw;
    margin: -7vw 0 8vw 70%;
    width: 5vw;
    border-radius: 2vw;
    color: #fff;
    background: #8030CA;
}

.home p {
    display:  block;
    text-align:  center;
    font-size:  1.6vw;
    margin:  -2.5vw 0 0 0;
    color: #fff;
    line-height: 3vw;
    font-family:  Poppins;
}

.home p span {
    display:  block;
    color: #FE9900;
    font-weight:  600;
    font-size:  2vw;
}

header {
    display:  block;
    position:  absolute;
    z-index:  2;
    color:  #fff;
    width:  100%;
    text-align:  center;
    padding:  1vw 0 0 0;
}


header ul li {
    display:  inline-block;
    margin:  0 1vw;
}

header ul li a {
    color:  #fff;
    font-size:  0.9vw;
    font-weight:  400;
}

.hero1 {
    display: block;
    width: 25vw;
    position: absolute;
    top: 21vw;
    height: 15vw;
    background: url(img/puto3.png) top center no-repeat;
    background-size: auto 100%;
    left: 0;
}


.hero2 {
    display: block;
    width: 15vw;
    position: absolute;
    top: 18vw;
    height: 15vw;
    background: url(img/puto2.png) top center no-repeat;
    background-size: auto 100%;
    right: 5vw;
}


.hero3 {
    display: block;
    width: 25vw;
    position: relative;
    top: -35vw;
    bottom: 0;
    margin-bottom: -30vw;
    height: 25vw;
    background: url(img/puto2.png) top center no-repeat;
    background-size: auto 80%;
    right: 0;
}



 .timer__items {
      display: flex;
      font-size:  3.2vw
    }

    .timer__item {
    position: relative;
    min-width: 7vw;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5vw;
    text-align: center;
}

    .timer__item::before {
      content: attr(data-title);
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      font-size: 0.8vw;
      color:  #999;
    }

    .timer__item:not(:last-child)::after {
      content: ':';
      position: absolute;
      right: -1vw;
    }


 
.timerbox {
    display:  block;
    margin:  -2vw auto 3vw auto;
    width:  47vw;
    padding:  2vw;
    background:  #fff;
    border-radius:  1.5vw;
    box-shadow:  0 2vw 3vw rgba(0,0,0,0.05);
    text-align:  center;
    color:  #444;
}

.fintimer {
    display:  block;
    float:  left;
    width: 60%;
}


.finbut {
    display:  block;
    float:  right;
    width:  30%;
    padding-top:  1vw;
}

.buttonx {
    display:  block;
    color:  #fff;
    padding:  0.8vw 0;
    background: #FC0281;
    font-size:  1.1vw;
    font-weight:  500;
    border-radius:  0.7vw;
    text-align:  center;
}

.buttonx:hover {
    opacity:  0.8;
}


.partn {
    display: flex;
    justify-content: center;
    margin-bottom: 2vw;
}

.parners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2vw 0 3vw 0;
    align-content: center;
}

.partn img {
    display: block;
    margin: 0 1.3vw;
    height: 3.5vw;
}

.despre {
    display:  block;
    padding:  3vw 0;
    background:  #FCFCFC;
}

.w50 {
    display:  block;
    float:  left;
    width:  50%;
}

h2 {
    display:  block;
    font-size:  2.3vw;
    color:  #D51668;
    font-weight:  500;
}

p {
    display:  block;
    font-size:  1vw;
    line-height:  1.7vw;
    color:  #555555;
    font-family:  Roboto;
}


.w50 p {
    width:  90%;
}


.photobox {
    display:  block;
    width:  90%;
    float:  right;
    border-radius:  1vw;
    background:  url(img/pbg.svg) bottom right no-repeat;
    background-size:  90%;
}


.photobox img {
    display:  block;
    margin:  0 auto;
    width:  90%;
    border-radius:  1.1vw;
}


.slick-dots li.slick-active button:before {
    color: #fff !important;
}

.num {
    display: flex;
    justify-content: flex-start;
    font-family: roboto;
    align-items: baseline;
    align-content: space-around;
    flex-direction: column;
    margin: 0 4.5%;
}

.numers {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.numberbox {
    display:  block;
    padding:  3vw 0;
}


.num b {
    display:  block;
    font-size:  1.6vw;
    font-weight:  600;
    color:  #444;
}

.num span {
    display: block;
    font-size:  1vw;
    margin:  0.5vw 0 0 0;
    color:  #444;
}

.abouts {
    padding:  2vw 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}


.z50 {
    display:  block;
    width:  50%;
    margin:  2vw 0;
}

.zimage {
    display: block;
    margin-right: 1.5vw;
    float: left;
}

.zimage img {
    display:  block;
    width:  5vw;
}

.ztext {
    display: block;
    width: 70%;
    float: left;
}


h3 {
    display:  block;
    font-size:  1.5vw;
    font-weight:  500;
    margin-top: -0vw;
    font-family:  poppins;
    color:  #D51668;
    padding-bottom:  0;
    margin-bottom:  -0.5vw;
}

.z50:nth-child(4) h3, .z50:nth-child(3) h3 {
    color:  #8030CA;
}

.pdf {
    margin:  0 auto 1vw auto;
    width:  20vw;
    background: #FC0281 url(img/pdf.svg) center left no-repeat;
    background-size:  1.5vw;
    background-position:  2vw;
    padding-left:  2vw;
}

.start {
    display:  block;
    padding:  3vw 0 0 0;
    background:  #FCFCFC;
}

.start h2 {
    text-align: center;
    padding-bottom:  3vw;
}

.startbox {
    display: block;
    margin: -2vw auto 3vw auto;
    width: 80%;
    z-index: 2;
    padding: 2vw;
    position: relative;
    background: #fff;
    border-radius: 1.5vw;
    box-shadow: 0 2vw 3vw rgba(0,0,0,0.05);
    color: #444;
}

.startbut {
    width: 100%;
    margin: 0 0 1vw 0;
    float: none;
}

.downloadbut {
    background:  url(img/download.svg) center right no-repeat !important;
    background-size:  1.4vw;
    font-size:  1vw;
    color:  #444;
    width:  45%;
    float:  right;
}

.startbox p {
    width: 100%;
    padding: 1vw 0;
}

.boxers:nth-child(3) h3 {
    color:  #8030CA;
}

.boxers:nth-child(3) .buttonx {
    background:  #8030CA;
}

.boxers:nth-child(3) .startbox {
    min-height: 14vw;
}

.boxers:nth-child(5) .startbox {
    width: 90%;
    position: relative;
    min-height: auto;
    margin-bottom: -2vw;
    margin-top: 0vw;
}

.lyleft {
    display:  block;
    width:  65%;
    float:  left;
}

.lyright {
    display:  block;
    float:  right;
    width: 30%;
}

.boxers:nth-child(5) .startbut {
    width: 90%;
    padding-left:  1vw;
    padding-right:  1vw;
    margin-top:  3vw;
    background:  #FBC038;
}


.boxers:nth-child(5) h3 {
    color:  #FBC038;
 }

.newsbox {
    display:  block;
    padding:  8vw 0 4vw 0;
    background:  url(img/newsbg.jpeg) top center no-repeat;
    background-size:  cover;
    text-align:  center;
}

.newsbox h2 {
    color:  #fff;
    margin:  0 auto 2vw auto;
    width:  55%;
}


.morenews {
    margin: 0 auto 3vw auto;
    width: 20vw;
    background: #8030CA url(img/arrow.svg) center right no-repeat;
    background-size: 1.5vw;
    background-position: 90%;
}

.infoline {
    display:  block;
    padding:  2vw 0;
    text-align:  center;
}

.infoline p {
    width:  50%;
    margin:  0 auto 2.5vw auto;
}


.socials {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 2vw 0 3vw 0;
}

.soc {
    display: flex;
    justify-content: center;
    padding:  0 1vw;
}

.soc img {
    display:  block;
    height:  2vw;
}

.copy {
    display:  block;
    text-align:  center;
    font-size:  0.8vw;
    color:  #444;
    margin:  0 0 3vw 0;

}

.copy a {
    color:  #999;
}

.copy span {
    display: inline-block;
    vertical-align: top;
    padding-top: 0.8vw;
    padding-right: 1vw;
}

.copy img {
    display: inline-block;
    height: 2.5vw;
    vertical-align: top;
}


.mobilemenu {
    display:  none;
}

.partn span {
    text-align: right;
    font-size: 0.8vw;
}


.partn:nth-child(7) img {
  height: 3vw;
}

.w999 b {
    font-weight: 600;
    color: #000 !important;
}


/* ------------------------------------------------------------------------------------------------------------------------- */



@media (max-width: 600px) {



.wrap {
    width: 90%;
}

header ul {
    display:  none;
}

.home h1 {
    font-size: 7vw;
}

.home {
    padding: 20vw 0 10vw 0;
}


.home {
    background-size: auto 120%;
}


.home p {
    font-size: 4vw;
    margin: -2vw 0 0 0;
    line-height: 6vw;
}

.home p span {
    font-size: 4vw;
}

.timerbox {
    margin: -4vw auto 6vw auto;
    width: 90%;
    padding: 4vw;
    border-radius: 3vw;
}


.fintimer {
    display: block;
    float: none;
    width: 100%;
}

.finbut {
    display: block;
    float: none;
    width: 100%;
    padding-top: 4vw;
}

.timer__item {
    min-width: 20vw;
    padding-bottom: 4vw;
}

.timer__item::before {
    font-size: 3vw;
}

.timer__items {
    font-size: 8vw;
}

.buttonx {
    padding: 2vw 0;
    font-size: 3.5vw;
    border-radius: 2vw;
}

.hero1 {
    width: 30vw;
    top: 8vw;
    height: 45vw;
    left: -11vw;
    background-size: 80%;
}

.hero2 {
    width: 30vw;
    top: 8vw;
    height: 38vw;
    right: -14vw;
        background-size: 70%;
}

.home h1 b {
    font-size: 3vw;
    padding: 0.2vw;
    margin: -14vw 0 13vw 75%;
    width: 12vw;
}

.parners {
    margin: 4vw 0 6vw 0;
}

.partn img {
    margin: 0 3vw;
    height: 7vw;
}

.w50 {
    float: none;
    width: 100%;
}

h2 {
    font-size: 5vw;
}

.w50 p {
    width: 100%;
}

p {
    font-size: 3.5vw;
    line-height: 5vw;
}

.photobox {
    width: 100%;
    float: none;
    padding-bottom: 1vw;
    padding-right: 2vw;
    border-radius: 3vw;
    background-size: 90%;
    margin-top:  5vw;
}

.photobox img {
    width: 100%;
    border-radius: 3vw;
}

.num span {
    font-size: 3vw;
    margin: 2vw 0 0 0;
}

.num b {
    font-size: 6vw;
}

.numers {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    flex-direction: row;
}




.num {
    width: 50%;
    margin: 0 0 5vw 0;
}

.numberbox {
    padding: 6vw 0;
}

h3 {
    font-size: 4.5vw;
 }

 .z50 {
    width: 100%;
    margin: 2vw 0;
}

.zimage img {
    display: block;
    width: 10vw;
}

.zimage {
    margin-right: 4vw;
}

.pdf {
    margin: 0 auto 1vw auto;
    width: 90%;
    background-size: 5vw;
    background-position: 10vw;
    }

.start {
    padding: 6vw 0 0 0;
}

.startbox {
    margin: 2vw auto 6vw auto;
    width: 90%;
    padding: 4vw;
    border-radius: 3vw;
    }


.downloadbut {
    background-size: 5vw;
    width: 50%;
    font-size:  2.8vw;
}


.lyleft, .lyright {
    display: block;
    width: 100%;
    float: none;
}

.boxers:nth-child(5) .startbut {
    width: 100%;
    margin: 0;
}

.newsbox h2 {
    margin: 0 auto 4vw auto;
    width: 90%;
}

.morenews {
    margin: 0 auto 3vw auto;
    width: 70%;
    background-size: 5vw;
    background-position: 90%;
}

.newsbox {
    padding: 16vw 0 8vw 0;
}

.infoline p {
    width: 90%;
    margin: 0 auto 5vw auto;
}

.soc img {
    display: block;
    height: 7vw;
}

.copy {
    font-size: 3vw;
    margin: 10vw 0 6vw 0;
}

.copy img {
    height: 7vw
    }


.mobilemenu {
    display:  block;
    font-size:  2vw;
}

.mobilemenu a {
    color:  #fff;
    font-size:  4vw;
    padding:  0 1vw;
}



.parners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2vw 0 3vw 0;
    flex-direction: row;
}

.partn:nth-child(7) img {
    height: 7vw;
}

.partn {
    margin-bottom: 3vw;
}

.partn span {
    text-align: right;
    font-size: 2vw;
    width: 40%;
}



}