.afthimeron_landing img{
  width: unset!important;
  max-width: 100%!important;
}
.afthimeron_landing h1{
  font-size: 42px;
  margin: 0
}

.afthimeron_landing h3{
  font-size: 32px;
}

.afthimeron_landing h4{
  font-weight: lighter;
  margin: 0;
  font-size: 26px;
}

.afthimeron_landing h5{
  font-size: 24px;
}

.afthimeron_landing p{
  font-weight: lighter;
  font-size: 18px;
}

.afthimeron_landing .greybg {
    background: url('https://support3.you.gr/you/redesign/landing_pages/afthimeron-paradosi/greybg.png') center top no-repeat;
    /* height: 800px; */
    padding-bottom: 3em;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 1;
}

.afthimeron_landing .titleBorderStyle{
  position: relative;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 1rem;
}

.afthimeron_landing .titleBorderStyle span{
  font-size: 50px;
  color: #2b2d40;
}

.afthimeron_landing .titleBorderStyle::before{
  content: "";
  position: absolute;
  bottom: 7px;
  height: 15px;
  width: 105%;
  background-color: #FFC439;
  z-index: 1;
  left: -10px;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  color: #2b2d40;
}

.afthimeron_landing .greybg h5{
  margin: 5px 0;
  font-size: 30px;
  color: #2b2d40;

}

.afthimeron_landing .greybg h4{
  font-size: 24px;
  color: #2b2d40;
  width: 80%;
  font-weight: 300;
}

.afthimeron_landing .greybg .text{
  padding-top: 5em;
}

.afthimeron_landing .header-img{
  height: 470px;
  display: block;
  position: relative;
  left: -95px;
}

.afthimeron_landing .header-img img{
  display: block;
  position: absolute;
  max-width: 100%;
  height: auto;
}

.afthimeron_landing .purple{
  bottom: 0;
  position: relative;
  margin: 0 auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -280px;
  left: 0;
  right: 0;
}
.afthimeron_landing .hi {
  background-image: url('https://support3.you.gr/you/redesign/landing_pages/afthimeron-paradosi/hi.png');
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  /* background-position: 73% 0; */
  z-index: 2;
  position: absolute;
  height: 610px;
}

.afthimeron_landing .questions{
  background-color: #4960f2;
  padding: 2em 6em 3em;
}

.afthimeron_landing .questions h1{
  position: relative;
  top:135px;
  /* left: 10px; */
  color: white;
}

/* .letter1{
  float: left;
  transform: translate(230%, 21%) rotate(-20deg);
}

.letter2{
  float: left;
transform: translate(250%, 3%) rotate(0deg);
}

.letter3{
  float: left;
transform: translate(330%, 13%) rotate(13deg);
}

.letter4{
  float: left;
transform: translate(970%, 13%) rotate(13deg)
} */

.afthimeron_landing .questions.first{
  padding-top: 18em;
}

.afthimeron_landing .first .textCenter {
  position: relative;
}

.afthimeron_landing svg{
  margin: 0 auto;
  position: absolute;
  left: 0%;
  font-size: 55px;
  width: 100%;
  top: 80px;

}

.afthimeron_landing svg path {
  fill: transparent!important;
}

.afthimeron_landing text {
  fill: white;
}

.afthimeron_landing .questions .textCenter{
  padding: 0 1em;
}

.afthimeron_landing .whiteBox{
  background-color: white;
  padding: 1.5em;
  height: 450px;
  min-height: 450px;
}

.afthimeron_landing .imgbox{
  width: 20%;
  margin: 5em auto 1em;
}

.afthimeron_landing .circle {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: transparent;
  color: #2b2d40;
  text-align: center;
  top: 100px;
}

.afthimeron_landing .circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #ffd95e;
  content: "";
}

.afthimeron_landing .circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.afthimeron_landing .circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.afthimeron_landing .circle__content {
  display: table-cell;
  padding: 3.8em 1.5em 1em;
  vertical-align: top;
  font-size: 20px;
}

.afthimeron_landing .circle__content p{
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
}

.afthimeron_landing .circle__content span{
  font-weight: 800;
  display: block;
}

.afthimeron_landing .circle__content span.euro{
  font-size: 30px;
}

.afthimeron_landing .white{
  color: white;
  font-size: 18px;
}
 .afthimeron_landing .textBox p{
    font-weight:400;
  }
@media screen and (max-width: 2048px){
  .afthimeron_landing .questions.first {
    padding-top: 14em!important;
  }
}

@media (max-width: 1610px) {

  .afthimeron_landing .greybg .flexCol_lg_6{
    flex-basis: 58.33%;
    max-width: 58.33%;
  }

  .afthimeron_landing .greybg .flexCol_lg_4{
    flex-basis: 41.66%;
    max-width: 41.66%;
  }
  .afthimeron_landing .header-img{
    left: -8px;
  }

  .afthimeron_landing .header-img img{
    max-width: 90%;
  }

  .afthimeron_landing .questions .textCenter{
    padding: 0 1em;
  }
  .afthimeron_landing .questions{
    padding: 2em 1em;
  }
  .afthimeron_landing .circle__content, .circle__content p{
    font-size: 18px;
  }

  .afthimeron_landing .circle__content span.euro{
    font-size: 28px;
  }
}

@media (max-width: 1725px) {
  .afthimeron_landing .questions{
    padding: 2em 4em;
  }
}

@media (max-width: 1500px) {
  .afthimeron_landing .questions{
    padding: 2em 4em;
  }

  .afthimeron_landing .circle__content{
    padding: 3.5em 1.5em 1em;
  }

  .afthimeron_landing .circle__content, .circle__content p, .textBox p{
    font-size: 16px;
  }

  .afthimeron_landing .circle__content span.euro{
    font-size: 25px;
  }
  .afthimeron_landing .whiteBox {
    background-color: white;
    padding: 1.5em;
    height: 400px;
    min-height: 400px;
  }
}

@media (max-width: 1440px){
  .afthimeron_landing .header-img img {
      max-width: 100%;
  }
  .afthimeron_landing .questions.first{
    padding-top: 12em;
  }

  .afthimeron_landing .circle__content {
      font-size: 16px;
      line-height: 20px;
  }

  .afthimeron_landing .circle__content p {
      font-size: 16px;
      line-height: 18px;
  }

  .afthimeron_landing .circle__content span.euro{
    font-size: 25px;
  }
}

@media (max-width: 1410px){
  .afthimeron_landing .purple{
    margin-top: -390px;
  }
}

@media (max-width: 1380px){
  .afthimeron_landing .circle__content {
    padding: 3em 1.5em 1em;
  }
}

@media (max-width: 1365px){
  .afthimeron_landing .circle__content {
      padding: 2em 1.5em 1em;
  }
}

@media (max-width: 1350px){
  .afthimeron_landing .flexCol_lg_3 {
    flex-basis: 40%;
    max-width: 40%;
  }

  .afthimeron_landing .purple {
    margin-top: -450px;
  }

  .afthimeron_landing .circle__content {
      padding: 4.5em 1.5em 1em;
  }

  .afthimeron_landing .circle__content {
      font-size: 20px;
      line-height: 20px;
  }

  .afthimeron_landing .circle__content p {
      font-size: 20px;
      line-height: 20px;
  }

  .afthimeron_landing .circle__content span.euro{
    font-size: 30px;
  }

  .afthimeron_landing .textBox p{
    font-size: 18px;
  }
}

@media (max-width: 1400px){

  .afthimeron_landing .greybg{
    padding-bottom: 12em;
  }

  .afthimeron_landing .questions.first{
    padding-top: 12em;
  }
}

@media (max-width: 1200px){
  .afthimeron_landing .greybg .flexCol_lg_6,.greybg .flexCol_lg_4 {
      flex-basis: 45%;
      max-width: 45%;
  }

  .afthimeron_landing .header-img {
    left: 70px;
  }
  .afthimeron_landing .greybg h4{
    width: 100%;
  }
  .afthimeron_landing .titleBorderStyle span{
    font-size: 42px;
  }
}

@media (max-width: 1060px){
  .afthimeron_landing .greybg .flexCol_lg_6,.greybg .flexCol_lg_4 {
      flex-basis: 50%;
      max-width: 50%;
  }
  .afthimeron_landing .greybg h4{
    width: 100%;
    font-size: 22px;
  }
  .afthimeron_landing .titleBorderStyle span{
    font-size: 40px;
  }

  .greybg h5{
    font-size: 26px;
  }
}

@media (max-width: 991px){
  .afthimeron_landing .greybg .flexCol_lg_6{
    flex-basis: 100%;
    max-width: 100%;
  }

  .afthimeron_landing .greybg .flexCol_lg_4{
    flex-basis: 50%;
    max-width: 50%;
  }

  .afthimeron_landing .questions.first{
    padding-top: 22em!important;
  }
}

@media (max-width: 960px){
  .afthimeron_landing .purple{
    margin-top: -590px;
  }
}


@media (max-width: 840px){
  .afthimeron_landing .circle__content {
    padding: 2em 1.5em 1em;
  }
}

@media (max-width: 810px){
  .afthimeron_landing .greybg .flexCol_lg_4{
    flex-basis: 60%;
    max-width: 60%;
  }

  .afthimeron_landing .questions.first{
    padding-top: 24em!important;
  }

  .afthimeron_landing .circle__content {
    padding: 3em 1.5em 1em;
  }
    .afthimeron_landing .circle__content {
        font-size: 16px;
        line-height: 20px;
    }

    .afthimeron_landing .circle__content p {
        font-size: 16px;
        line-height: 20px;
    }

    .afthimeron_landing .circle__content span.euro{
      font-size: 25px;
    }

    .afthimeron_landing .textBox p{
      font-size: 16px;
    }
}

@media (max-width: 768px){

  .afthimeron_landing svg path {
    fill: transparent!important;
  }

  .afthimeron_landing .circle__content {
      padding: 4em 3em 1em;
  }

  .afthimeron_landing .circle__content {
      font-size: 19px;
      line-height: 20px;
  }

  .afthimeron_landing .circle__content p {
      font-size: 19px;
      line-height: 20px;
  }
  .afthimeron_landing .circle__content span.euro{
    font-size: 30px;
  }

  .afthimeron_landing .textBox p{
    font-size: 18px;
  }
  .afthimeron_landing .questions {
      padding: 2em 0em;
  }

  .afthimeron_landing .questions.first{
    padding-top: 28em!important;
  }

  .afthimeron_landing .greybg{
    padding-bottom: 12em;
  }

  .afthimeron_landing .purple{
    margin-top: -650px;
  }
}

@media screen and (max-width: 1150px) {
  .afthimeron_landing .flexCol_lg_3{
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media screen and (max-width: 768px) and (orientation: portrait) {

  .afthimeron_landing .flexCol_xs_12 {
      max-width: 55%;
      flex-basis: 55%;
  }
  .afthimeron_landing .questions.first {
    padding-top: 32em;
  }
}

@media screen and (max-width: 690px){
  .afthimeron_landing .circle__content p,.circle__content,.textBox p {
      font-size: 17px;
      line-height: 18px;
  }

  .afthimeron_landing .circle:after {
    display: block;
    padding-bottom: 80%;
    width: 80%;
    height: 0;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #ffd95e;
    content: "";
  }

  .afthimeron_landing .circle__content {
    padding: 3em 3em 1em;
  }

  .afthimeron_landing .whiteBox {
    height: 340px;
    min-height: 340px;
  }
}

@media screen and (max-width: 640px){
  .afthimeron_landing .circle__content p,.circle__content,.textBox p {
      font-size: 15px;
      line-height: 18px;
  }


  .afthimeron_landing .circle__content {
    padding: 4em 3em 1em;
  }

  .afthimeron_landing .purple{
    margin-top: -700px;
  }
}

@media screen and (max-width: 600px) and (orientation: portrait) {
  .afthimeron_landing .questions.first{
    padding-top: 20em;
  }

  .afthimeron_landing .greybg .flexCol_lg_4 {
    flex-basis: 70%;
    max-width: 70%;
  }

  .afthimeron_landing .header-img {
    left: 60px;
  }
}

@media screen and (max-width: 500px) {
 .afthimeron_landing svg{
   top: 60px;
 }
}
@media screen and (max-width: 500px) and (orientation: portrait) {
  .afthimeron_landing .questions.first{
    padding-top: 20em;
  }

  .afthimeron_landing .greybg .flexCol_lg_4 {
    flex-basis: 90%;
    max-width: 90%;
  }

  .afthimeron_landing .header-img {
    left: 20px;
  }

  .afthimeron_landing .greybg {
    padding-bottom: 8em;
  }

  .afthimeron_landing .questions.first {
      padding-top: 32em!important;
  }
}

@media screen and (max-width: 540px) and (orientation: portrait) {
  .afthimeron_landing .flexCol_xs_12 {
      max-width: 70%;
  }
  .afthimeron_landing .questions.first{
    padding-top: 32em!important;
  }

  .afthimeron_landing .circle__content {
    padding: 5em 3em 1em;
  }

}

@media screen and (max-width: 500px) and (orientation: portrait) {
  .afthimeron_landing .flexCol_xs_12 {
    max-width: 80%;
  }

  .afthimeron_landing .circle{
    margin: 1em 0;
  }

  .afthimeron_landing .circle__content {
      padding: 4em 3em 1em;
  }
  .afthimeron_landing .circle:after {
    display: block;
    padding-bottom: 80%;
    width: 80%;
    height: 0;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #ffd95e;
    content: "";
  }

  .afthimeron_landing .whiteBox {
    background-color: white;
    padding: 1.5em;
    height: 300px;
    min-height: 300px;
}

  .afthimeron_landing .circle__content p {
    font-size: 15px;
    line-height: 18px;
  }

  .afthimeron_landing .circle__content, .textBox p{
    font-size: 15px;
  }
}

@media screen and (max-width: 430px) and (orientation: portrait) {

  .afthimeron_landing .circle__content {
      padding: 3em 3em 1em;
  }
  .afthimeron_landing .questions.first{
    padding-top: 28em!important;
  }
}

@media screen and (max-width: 420px) and (orientation: portrait) {

  .afthimeron_landing .circle__content {
      padding: 3em 3em 1em;
  }
  .afthimeron_landing svg{
    top: 70px;
  }
}

@media screen and (max-width: 400px) and (orientation: portrait) {
  .afthimeron_landing .questions.first{
    padding-top: 27em!important;
  }
}

@media screen and (max-width: 378px) and (orientation: portrait) {

  .afthimeron_landing .circle__content {
      padding: 2em 3em 1em;
  }
}
@media screen and (max-width: 360px) and (orientation: portrait) {
  .afthimeron_landing .flexCol_xs_12 {
      max-width: 100%;
  }
  .afthimeron_landing .circle__content {
    padding: 4em 3em 1em;
  }
  .afthimeron_landing .questions.first{
    padding-top: 27em!important;
  }

  .afthimeron_landing svg{
    top: 65px;
  }
}

@media screen and (max-width: 300px) and (orientation: portrait) {
  .afthimeron_landing .flexCol_xs_12 {
      max-width: 100%;
  }
  .afthimeron_landing .circle__content {
    padding: 1.5em 3em 1em;
  }
  .afthimeron_landing .circle__content p {
    font-size: 13px;
    line-height: 16px;
  }

  .afthimeron_landing svg{
    top: 70px;
  }
}