@font-face {
  font-family: 'CeraLight';
  src: url('//www.you.gr/App_Themes/YouGR/fonts/Cera GR Light.otf') format('opentype'), url('//www.you.gr/App_Themes/YouGR/fonts/Cera GR Light.woff') format('woff');
}
@font-face {
  font-family: 'CeraBlack';
  src: url('//www.you.gr/App_Themes/YouGR/fonts/Cera GR Black.otf') format('opentype');
}
.MyContainer {
  background-color: #5b54bc;
  background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/Top10/images/TopLeftDecor.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/Top10/images/TopRightDecor.png');
  background-position: left top, right top;
  background-repeat: no-repeat;
  position: relative;
  font-family: 'CeraLight';
  padding: 100px 0 50px 0;
  text-align: center;
  color: white;
}
.BigCategTitles {
  margin: 50px 0;
}
.HalfDivs {
  width: 50%;
  float: left;
  margin-bottom: 40px;
}
.Titles {
  font-family: 'CeraBlack';
  font-size: 50px;
  line-height: 50px;
  color: #8888e7;
  display: inline-block;
  position: relative;
  padding: 20px 40px 0 40px;
  margin-bottom: 10px;
}
.Titles::before {
  content: url(https://support3.you.gr/you/newsletter/LANDING_PAGE/Top10/images/Flag.png);
  position: absolute;
  left: 0;
  top: 0;
}
.ProductLink {
  display: inline-block;
  padding: 20px 15px 40px 15px;
  transition: all linear 0.2s;
  border-radius: 60px;
}
.ProductLink img {
  margin: 0 auto;
}
.ProductLink span {
  background-color: #deddf2;
  color: #5b54bc;
  border-radius: 30px;
  font-size: 23px;
  font-family: 'CeraBlack';
  display: inline-block;
  height: 50px;
  width: 200px;
  padding-top: 6px;
  margin-top: 30px;
  -webkit-box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 0.47);
  box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 0.47);
  transition: all linear 0.2s;
}
.ProductLink span:hover {
  background-color: #252571;
  color: white;
}
.ProductLink:hover {
  background-color: #433f95;
  border-radius: 60px;
}
.TVsWrapper {
  background: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/Top10/images/TVs-stars.png') center center no-repeat;
}
.LaptopsWrapper {
  background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/Top10/images/Laptops-LeftDecor.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/Top10/images/Laptops-RightDecor.png');
  background-position: left bottom, right top;
  background-repeat: no-repeat;
}
.ComponentsWrapper {
  background: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/Top10/images/Components-Decor.png') center center no-repeat;
}
.PersonalCareWrapper {
  background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/Top10/images/TVs-stars.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/Top10/images/Laptops-RightDecor.png');
  background-position: 32% 20%, right top;
  background-repeat: no-repeat;
}
.GymWrapper {
  background: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/Top10/images/Laptops-LeftDecor.png') left center no-repeat;
}
@media (max-width: 991px) {
  .Titles {
    font-size: 30px;
    line-height: 30px;
    padding: 18px 40px 0 40px;
  }
  .Titles::before {
    content: url(https://support3.you.gr/you/newsletter/LANDING_PAGE/Top10/images/Flag_small.png);
  }
}
@media (max-width: 768px) {
  .MyContainer {
    background-image: none, url('https://support3.you.gr/you/newsletter/LANDING_PAGE/Top10/images/TopRightDecor.png');
  }
}
@media (max-width: 500px) {
  .HalfDivs {
    width: 100%;
  }
  .ProductLink span {
    font-size: 19px;
    width: 150px;
    padding-top: 9px;
  }
}