.margin-bottom{margin-bottom:20px}
#homepage-profile-container div.profile-container{width:25%;margin-top:15px}

@media screen and (max-width: 950px) {
    #homepage-profile-container div.profile-container{width:49%;margin-top:15px}
}

@media screen and (max-width: 810px) {
    #homepage-5-left-container{width:96%;margin-left:2%}
    #homepage-5-right-container{width:96%;margin-left:2%}
}

@media screen and (max-width: 450px) {
    #homepage-profile-container div.profile-container{width:99%;margin-top:15px}
}#search-second-2, #search-second-3{display:none}

.choice-container{float:left;width:110px;height:30px;line-height:30px;border:1px solid grey;margin:5px 0px 5px 0px;box-sizing:border-box;text-align:center;cursor:pointer}
.choice-container.men{margin-right:10px}
.search-second-container div.title-text{text-transform:uppercase;font-weight:bold}
#search-second-button-search{width:100%;height:35px;line-height:35px;text-align:center;margin-top:10px;cursor:pointer}

#search-second-title{text-transform:uppercase;font-weight:bold;width:100%;float:left;margin-bottom:15px;text-align:center}
.button-search-second-2-choice{float:left;width:100%;margin-bottom:10px;cursor:pointer;text-align:center;border:1px solid grey;height:30px;line-height:30px}
#button-search-second-next-2{float:left;width:100%;margin:20px 0px 5px 0px;cursor:pointer;text-align:center;height:40px;line-height:40px;}

#search-second-third-title{text-transform:uppercase;float:left;width:100%;text-align:center;font-weight:bold;font-size:9pt}
#search-second-3 input#email, #search-second-3 input#username, #search-second-3 input#password{float:left;width:100%;height:30px;line-height:30px;border-radius:3px;margin:5px 0px 5px 0px}
#button-continue{float:left;width:70%;height:35px;line-height:35px;text-align:center;margin:15px 0px 10px 15%;cursor:pointer}
#search-second-agb-line, #search-second-agb-line a{font-size:8pt}


@media screen and (max-width: 300px) {
    .choice-container{width:100%;margin-bottom:5px}
}#header{float:left;width:100%;height:auto}
#header div#banner-container{position:relative;background-size: contain;background-repeat: no-repeat;width: 100%;height: 180px;padding-top: 15.5%;}
#header div#banner-container span{font-weight:bold;font-size:24pt;top:20px;left:20px;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#menu-container{float:left;width:100%;height:40px;margin-bottom:10px}
#menu-container div.menu-item{float:left;height:30px;line-height:30px;margin-top:5px;}
#menu-container div.menu-item a{text-decoration:none;display:block;padding:0px 20px 0px 20px}
#menu-container div.menu-item.active a{font-weight:bold}
#menu-container div.menu-item#home{background-image:url('/image/headers/images/header-1/icon-home.webp');background-repeat:no-repeat;background-position:50%;width:60px;cursor:pointer}
#menu-container div.menu-item#login{float:right}
#menu-container div.menu-item#signup{float:right}

@media screen and (max-width: 1160px) {
	#banner-container{background-size:100% auto;background-repeat:no-repeat;}
	#header div#banner-container{height:auto}
}

@media screen and (max-width: 500px) {
	#menu-container div.menu-item a{padding:0px 10px 0px 10px}
	#header div#banner-container span{top:10px;font-size:18pt}
}

@media screen and (max-width: 400px) {
	#menu-container div.menu-item a{padding:0px 6px 0px 6px;font-size:11pt}
}

@media screen and (max-width: 360px) {
	#menu-container div.menu-item a{font-size:9pt}
}

@media screen and (max-width: 300px) {
	#menu-container div.menu-item a{font-size:8pt}
}#main-footer-container-mobile{display:none}
#main-footer-container{display:block}

@media screen and (max-width: 500px) {
    #main-footer-container-mobile{display:block}
    #main-footer-container-mobile a{font-size:14pt;margin-bottom:15px;float:left;width:100%}
    #main-footer-container{display:none}
}.profile-watch-container{float:left;width:100%;height:150px;border:1px solid grey;margin-bottom:5px;padding:7px;box-sizing:border-box}
.profile-watch-container div.image{float:left;width:24%;height:135px;cursor:pointer}
.profile-watch-container div.image img{object-fit:cover;width:100%;height:100%}
.profile-watch-container div.details{float:right;width:73%}
.profile-watch-container div.details div.name{float:left;width:100%;height:25px;font-size:11pt}
.profile-watch-container div.details div.detail{float:left;width:100%;height:20px;font-size:10pt}
.profile-watch-container div.details div.description{float:left;width:100%;height:61px;overflow:hidden;font-size:10pt;margin-bottom:4px}
.profile-watch-container div.details div.amount-of-images{float:left;width:30%px;font-size:9pt;height:25px;line-height:25px}
.profile-watch-container div.details div.button{float:right;width:65%}
.profile-watch-container div.details div.button a{display:block;text-decoration:none;text-align:center;height:25px;line-height:25px;font-size:10pt;text-transform:uppercase;}

@media screen and (max-width: 1160px) {
    .profile-online-ribbon-container div.bottom-ribbon-container{width:88% !important}
}.profile-online-ribbon-container{float:left;width:50%;position:relative;height:150px;padding:10px;box-sizing:border-box}
.profile-online-ribbon-container div.image{float:left;width:100%;height:130px;cursor:pointer}
.profile-online-ribbon-container div.image img{object-fit:cover;width:100%;height:100%;}
.profile-online-ribbon-container div.bottom-ribbon-container{width:157px;position:absolute;bottom:10px;left:10px;height:20px;background-color:rgba(0,0,0,0.7)}
.profile-online-ribbon-container div.bottom-ribbon-container div.name{float:left;color:#d6d6d6;font-size:9pt;height:20px;line-height:20px;padding-left:5px;box-sizing:border-box}
.profile-online-ribbon-container div.bottom-ribbon-container div.age{float:right;color:#d6d6d6;font-size:9pt;height:20px;line-height:20px;padding-right:5px;box-sizing:border-box}

.ribbon-online{font-size:10pt;top:20px;left:1px;position:absolute;display:inline-block;text-align:center;}
.text{display:inline-block;padding:1px 2px;width:120px;line-height:1.2em;text-align:center;background: #12b601;position:absolute;color:#FFF;font-size:10pt}  
.text:before{content:'';position:absolute;border-style:solid;}
.text:before{bottom:100%; left:0;border-width: .2em .7em 0 0;border-color: transparent #085500 transparent transparent;}
.bold:before{border-color: #EBECED transparent #EBECED #EBECED;top:0.7em;right:-2.3em;}
  .profile-container.featured{float:left;width:14%;height:260px;padding:0px 10px 0px 10px;box-sizing:border-box;position:relative;cursor:pointer}
.profile-container.featured div.image{float:left;width:100%;height:260px}
.profile-container.featured div.image img{object-fit:cover;width:100%;height:100%}
.profile-container.featured div.name{position:absolute;bottom:20px;left:10%;width:80%;height:30px;line-height:30px;background:rgba(0,0,0,0.7);color:#FFF;text-align:center;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.ribbon {
  position: absolute;
  left: 5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 120px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

@media screen and (max-width: 950px) {
  .profile-container.featured{width:31%;margin-right:1%;margin-bottom:20px}
}

@media screen and (max-width: 500px) {
  .profile-container.featured{width:48%;margin-right:1%;margin-bottom:20px}
}.profile-watch-big-container{float:left;width:100%;height:150px;border:1px solid grey;margin-bottom:5px;padding:7px;box-sizing:border-box}
.profile-watch-big-container div.image{float:left;width:24%;height:135px;cursor:pointer}
.profile-watch-big-container div.image img{object-fit:cover;width:100%;height:100%}
.profile-watch-big-container div.details{float:right;width:73%}
.profile-watch-big-container div.details div.name{float:left;width:100%;height:25px;font-size:11pt}
.profile-watch-big-container div.details div.detail{float:left;width:100%;min-height:20px;font-size:10pt;position:relative}
.profile-watch-big-container div.details div.description{float:left;width:100%;height:61px;overflow:hidden;font-size:10pt;margin-bottom:4px}
.profile-watch-big-container div.details div.amount-of-images{float:left;width:35px;background-color:lightgrey;border:1px solid grey;font-size:8pt;height:20px;line-height:18px;color:#4a4949;text-align:right;padding-right:5px;box-sizing:border-box}
.profile-watch-big-container div.details div.button{float:right;width:30%}
.profile-watch-big-container div.details div.button a{display:block;text-decoration:none;text-align:center;height:25px;line-height:25px;font-size:10pt;text-transform:uppercase;}
.profile-watch-big-container div.details div.button-send-message{float:right;width:30%;margin-right:10px;height:25px;line-height:25px;text-align:center;font-size:10pt;text-transform:uppercase;cursor:pointer}

@media screen and (max-width: 800px) {
    .profile-watch-big-container{min-height:160px}
}