@font-face {

  font-family: Betandyou-Main;

  font-display: swap;

  src: url(../fonts/Betandyou-Main.woff) format("woff"), url(../fonts/Betandyou-Main.woff2) format("woff2");

  font-weight: "400";

  font-style: normal
}



@font-face {

  font-family: Nunito-Black;

  font-display: swap;

  src: url(../fonts/Nunito-Black.woff) format("woff"), url(../fonts/Nunito-Black.woff2) format("woff2");

  font-weight: "400";

  font-style: normal
}

/* font for  Greece language */
@font-face {
  font-family: "Commissioner-Medium";
  font-display: swap;
  src: url("../fonts/Commissioner-Medium.woff2") format("woff2"),
    url("../fonts/Commissioner-Medium.woff") format("woff"),
    url("../fonts/Commissioner-Medium.ttf") format("ttf");
  font-weight: "400";
  font-style: "normal";
}



*,

::after,

::before {

  -webkit-box-sizing: border-box;

  box-sizing: border-box
}



p {

  margin: 0;

  font-size: 1.9vw;

  width: 100%;

  font-style: italic
}



a {

  text-decoration: none
}



img,

svg {

  display: block;

  max-width: 100%;

  height: auto
}



html {

  background-image: url(/img/bg.jpg);
  /* background-image: url(/img/olimpic-bg.jpg); */

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  min-height: 100%;

  overflow: hidden;

  overflow-y: scroll;

  -webkit-box-shadow: inset 2px 2px 10em #000, 1px 1px 10em #000;

  box-shadow: inset 2px 2px 10em #000, 1px 1px 10em #000
}



body {

  font-size: 25px;

  font-family: 'Betandyou_main', 'Commissioner-Medium';

  color: #fff;

  padding: 0;

  min-height: 100vh;

  /* min-height: 500px; */

  position: relative;

  overflow: hidden;

  margin: 0
}



.page {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding: 1% 7%;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-family: 'Betandyou-Main', 'Commissioner-Medium';
}



h1 {

  font-family: 'Betandyou-Main', 'Commissioner-Medium';

  text-transform: uppercase;

  color: #fff;

  font-weight: 800;

  text-align: center;

  font-size: 4vw;

  line-height: 1;

  margin: 0;

  font-style: italic
}



.orange {

  color: #ffbc00
}



.yellow {

  color: #ffe400
}



.bylogo {

  width: 20vw;

  margin: 0 auto 1vw
}



.heading span {

  font-style: italic;

  font-family: 'Betandyou-Main', 'Commissioner-Medium';

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-size: 3vw
}



.heading {

  margin: 0 0 1.5vw
}



.main_section {

  margin: 1% 0
}



.main_section .entry {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex
}



.left {

  width: 30%;

  position: relative
}



.right {

  width: 70%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column
}



.main_text {

  font-size: 2vw;

  font-style: italic;

  margin: -1vw 0 0 0
}



.destop_block {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column
}



.top_image {

  width: 40vw;

  height: 7vw;

  margin-left: 4vw;

}



.top_img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  display: block
}



.phone {

  width: 20vw
}



.first_row {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 0;

  height: 16vw;

  display: block
}



.first_block,

.second_block {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0.5vw;

  padding-left: 0;

}



.first_block img,

.second_block img {

  margin-right: 4vw
}



.first_block {

  width: 40vw;

  opacity: 0
}



.second_block {

  width: 40vw;

  opacity: 0
}



.main_text p.wotsymb {

  font-size: 1.75vw !important
}



.number {

  width: 4vw
}



.pic {

  padding: 3vw 0 1.5vw 1.5vw
}



.pic_left {

  width: 11vw
}



.pic_right {

  width: 23vw
}



.second_row {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 43vw;

  opacity: 0;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center
}



.second_row img {

  margin-right: 4vw
}



.button_section {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 3vw 0;

  z-index: 9999;

  /*width: 30%;*/

  /*margin-left: 8.5vw*/

  width: 40%;

  margin-left: 11vw
}



.button_section .center {

  text-transform: uppercase;

  text-align: center;

  padding-top: 2.5em;

  width: calc(100% + 49.25%);

  font-size: calc(1em + 1vw)
}



.button_section a {

  color: #454444;

  text-decoration: none;

  text-align: center
}



.button_logos {

  width: 20px;

  height: 20px;

  background-color: #eabd2c
}



.button {

  display: inline-block;

  padding: .525em 1.8em;

  background: -o-linear-gradient(45deg, #eabd2c, #f7e234);

  background: linear-gradient(45deg, #eabd2c, #f7e234);

  border-radius: 6px;

  border: none;

  cursor: pointer;

  text-transform: uppercase;

  -webkit-transition: -webkit-box-shadow .5s;

  transition: -webkit-box-shadow .5s;

  -o-transition: box-shadow .5s;

  transition: box-shadow .5s;

  transition: box-shadow .5s, -webkit-box-shadow .5s;

  color: #454444;

  font-family: Arial;

  font-weight: 600;

  z-index: 99999;

  font-size: 1.5vw
}



.button.target_link {

  width: 100%;

}



.button:hover {

  -webkit-box-shadow: 0 0 35px #fff000;

  box-shadow: 0 0 35px #fff000
}



.rules {

  color: #fff !important;

  text-transform: uppercase;

  text-decoration: underline !important;

  margin: 1vw 0;

  font-size: 1.3vw
}



.rules.target_link {

  position: relative;

  margin-top: 40px;

  transform: translateX(-2vw);

}



.rules.target_link:after,

.rules.target_link:before {

  content: '';

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background-size: cover;

  background-repeat: no-repeat
}



.rules.target_link:before {

  bottom: 0;

  left: 105%;

  width: 3vw;

  height: 3vw;

  background-image: url(img/18-plus.png)
}



.rules.target_link::after {

  bottom: 0;

  right: 0;

  left: 130%;

  width: 2.5vw;

  height: 4.5vw;

  background-image: url(img/license.png)
}


.banner-link {
  position: absolute;
  top: 73%;
  right: 0;  
  width: 25vw;

}

.banner {
  display: none
}



.banner.active {

  -webkit-animation: moveIn .5s ease-in, pulse 2s ease-in-out infinite;

  animation: moveIn .5s ease-in, pulse 2s ease-in-out infinite;

  display: block
}


/* 
.olympic {

  position: absolute;

  width: 14.27vw;

  top: 28%;

  right: 5vw;

  z-index: -1;

  display: none

} */

.girl {

  position: absolute;

  width: 24vw;

  top: 28%;

  right: 0;

  z-index: -1;

  display: none
}



.girl.active {

  animation: moveIn 2s ease-in;

  opacity: 1;

  display: block
}



.first_block.active,

.second_block.active,

.second_row.active {

  -webkit-animation: moveIn .5s ease-in;

  animation: moveIn .5s ease-in;

  opacity: 1
}



@-webkit-keyframes moveIn {

  from {

    -webkit-transform: translate(100%, 0);

    transform: translate(100%, 0);

    opacity: 0
  }



  to {

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

    display: block;

    opacity: 1
  }

}



@keyframes moveIn {

  from {

    -webkit-transform: translate(100%, 0);

    transform: translate(100%, 0);

    opacity: 0
  }



  to {

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

    display: block;

    opacity: 1
  }

}



@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1)
  }



  50% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)
  }



  100% {

    -webkit-transform: scale(1);

    transform: scale(1)
  }

}



@keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1)
  }



  50% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)
  }



  100% {

    -webkit-transform: scale(1);

    transform: scale(1)
  }

}



.dn {

  display: none
}



.webp html {

  background-image: url(/img/bg.webp)
}



@media (max-width:480px) {

  body {
    overflow-y: scroll;
  }

  .page {

    padding: 5% 4%
  }



  .main_section .entry {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap
  }



  .bylogo {

    width: 40vw;

    margin-bottom: 2vw
  }



  rules.target_link:before {

    width: 5vw;

    height: 5vw;

  }



  rules.target_link:after {

    width: 3vw;

    height: 6vw;

  }



  .heading .entry {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column
  }



  .heading span {

    font-size: 7vw;

    width: 100%;

    display: block;

    text-align: center
  }



  .heading {

    margin: 0 0 5.5vw
  }



  .destop_block {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    height: 110vw
  }



  .girl {

    display: none !important;

  }

  /* .olympic {
    right: auto;
    left: 10vw;
    top: 96%;
  } */

  h1 {

    font-size: 8vw;

    margin-bottom: 3vw
  }



  p {

    font-size: 4vw;

    width: 70%
  }



  .right {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center
  }



  .phone {

    width: 60vw;

    position: absolute;

    max-width: 36vw;

    top: 0;

    right: -25%
  }



  .right .main_text p {

    text-align: left;

    font-size: 4vw;

    margin: 4vw 0 0 0;

    line-height: 1
  }



  .dn {

    display: block !important;

    height: 10vw;

    width: auto
  }



  .pic_left {

    display: none
  }



  .pic_right {

    display: none
  }



  .first_row {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    height: 50%
  }



  .second_row {

    /*padding-left: 35%;*/

    width: 100%;



  }



  .number {

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

    order: 1;

    width: 12vw;

    margin-right: 4vw
  }



  .first_block,

  .second_block {

    width: 100%;

    padding-left: 35%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center
  }



  .top_image {

    width: 100%;

    padding-left: 39%;



  }



  .rules.target_link {

    margin-top: 2vh;

  }



  .second_block {

    margin-top: 50px;

  }



  .main_text p.wotsymb {

    text-align: left !important;

    font-size: 3.5vw !important
  }



  .button_section {

    width: 100%;

    margin: 0;

    /* transform: translateY(18vw); */

  }



  .banner {

    width: 44vw;

    top: 97%
  }



  .pic_right {

    margin: 2vw 0
  }



  .button {

    font-size: 5vw;

    border-radius: 4px
  }



  .rules {

    margin: 1vw;

    font-size: 2.5vw
  }

}



.webp html {

  background-image: url(/img/bg.webp)
}