#homepage-search-container{padding-right:20px;box-sizing:border-box}
#homepage-search-container, #homepage-first-content-container{height:450px;margin-bottom:20px}
#homepage-first-content-container div.title-bar{margin-bottom:10px}

@media screen and (max-width: 850px) {
    #homepage-search-container{width:100%}
    #homepage-first-content-container{width:100%}
}#interactive-countdown-search-container{float:left;width:100%}
#interactive-countdown-search-container div#top-container{float:left;width:100%;padding:30px 20px 30px 20px;box-sizing:border-box}
#interactive-countdown-search-container div#top-container div{float:left;width:100%;text-align:center}
#interactive-countdown-search-container div#top-container div#first-title{font-weight:bold;font-size:16pt;margin-bottom:10px}
#interactive-countdown-search-container div#top-container div#countdown-timer{height:20px;line-height:20px;border-radius:4px;font-size:9pt;margin-bottom:10px}
#interactive-countdown-search-container div#top-container span#countdown-timer-span{font-size:9pt}
#interactive-countdown-search-container div#top-container div#note{font-size:10pt}
#interactive-countdown-search-container div#bottom-container{float:left;border:1px solid lightgrey;border-radius:0px 0px 5px 5px;padding:20px;box-sizing:border-box}
#interactive-countdown-search-container div#bottom-container div.disclaimer{float:left;width:100%;margin-top:40px;font-size:9pt;text-align:center}
#interactive-countdown-search-container div#bottom-container div.disclaimer a{font-size:9pt;}
#interactive-countdown-search-container div#bottom-container div.question-container{position:relative;float:left;width:95%;margin:10px 0px 0px 2.5%;height:auto;background-color:#fafafa;border:1px solid lightgrey;border-radius:3px;padding:10px 10px 30px 10px;box-sizing:border-box}
#interactive-countdown-search-container div#bottom-container div.question-container div.question-title{float:left;width:100%;font-size:15pt;font-weight:bold;text-align:center;color:#FFF}
#interactive-countdown-search-container div#bottom-container div.question-container div.question-description{float:left;width:100%;font-size:10pt;text-align:center;margin-top:6px;font-style:italic;color:#FFF}
#interactive-countdown-search-container div#bottom-container div.question-container div#button-yes{cursor:pointer;font-size:11pt;width:80px;height:25px;line-height:25px;text-align:center;position:absolute;bottom:-12.5px;left:22%;background-color:#FFF;color:black;border:1px solid lightgrey;border-radius:3px}
#interactive-countdown-search-container div#bottom-container div.question-container div#button-no{cursor:pointer;font-size:11pt;width:80px;height:25px;line-height:25px;text-align:center;position:absolute;bottom:-12.5px;right:22%;background-color:#FFF;color:black;border:1px solid lightgrey;border-radius:3px}

#interactive-countdown-search-container div#bottom-container div.question-container div#button-one{cursor:pointer;font-size:11pt;width:40px;height:25px;line-height:25px;text-align:center;position:absolute;bottom:-12.5px;left:16%;background-color:#FFF;color:black;border:1px solid lightgrey;border-radius:3px}
#interactive-countdown-search-container div#bottom-container div.question-container div#button-two{cursor:pointer;font-size:11pt;width:40px;height:25px;line-height:25px;text-align:center;position:absolute;bottom:-12.5px;left:36%;background-color:#FFF;color:black;border:1px solid lightgrey;border-radius:3px}
#interactive-countdown-search-container div#bottom-container div.question-container div#button-three{cursor:pointer;font-size:11pt;width:40px;height:25px;line-height:25px;text-align:center;position:absolute;bottom:-12.5px;left:56%;background-color:#FFF;color:black;border:1px solid lightgrey;border-radius:3px}
#interactive-countdown-search-container div#bottom-container div.question-container div#button-four{cursor:pointer;font-size:11pt;width:40px;height:25px;line-height:25px;text-align:center;position:absolute;bottom:-12.5px;left:76%;background-color:#FFF;color:black;border:1px solid lightgrey;border-radius:3px}

#interactive-countdown-search-container div#bottom-container div.question-container#question-3 select{width:100%;height:25px;line-height:25px;margin-top:10px}
#interactive-countdown-search-container div#bottom-container div.question-container div#button-search{cursor:pointer;font-size:11pt;width:190px;height:25px;line-height:25px;text-align:center;position:absolute;bottom:-12.5px;left:26%;background-color:#FFF;color:black;border:1px solid lightgrey;border-radius:3px}

#interactive-countdown-search-container div#bottom-container div.question-container#question-4 input{width:100%;height:25px;line-height:25px;margin-top:10px}
#interactive-countdown-search-container div#bottom-container div.question-container div#button-search-women{cursor:pointer;font-size:11pt;width:190px;height:25px;line-height:25px;text-align:center;position:absolute;bottom:-12.5px;left:26%;background-color:#FFF;color:black;border:1px solid lightgrey;border-radius:3px}

#interactive-countdown-search-container div#bottom-container div.question-container#question-5 input{width:100%;height:25px;line-height:25px;margin-top:10px}
#interactive-countdown-search-container div#bottom-container div.question-container div#button-search-last{cursor:pointer;font-size:11pt;width:190px;height:25px;line-height:25px;text-align:center;position:absolute;bottom:-12.5px;left:26%;background-color:#FFF;color:black;border:1px solid lightgrey;border-radius:3px}
#interactive-countdown-search-container div#bottom-container div.question-container div#button-search-back{cursor:pointer;font-size:11pt;width:100px;height:25px;line-height:25px;text-align:center;position:absolute;bottom:-12.5px;left:16%;background-color:#FFF;color:black;border:1px solid lightgrey;border-radius:3px}
#interactive-countdown-search-container div#bottom-container div.question-container div#button-search-last-last{cursor:pointer;font-size:11pt;width:100px;height:25px;line-height:25px;text-align:center;position:absolute;bottom:-12.5px;left:56%;background-color:#FFF;color:black;border:1px solid lightgrey;border-radius:3px}

#interactive-countdown-search-container div#bottom-container div.question-container#question-6 input{width:100%;height:25px;line-height:25px;margin-top:10px}
#interactive-countdown-search-container div#bottom-container div.question-container div#button-search-women{cursor:pointer;font-size:11pt;width:190px;height:25px;line-height:25px;text-align:center;position:absolute;bottom:-12.5px;left:26%;background-color:#FFF;color:black;border:1px solid lightgrey;border-radius:3px}

#question-2, #question-3, #question-4, #question-5, #question-6{display:none}



@media screen and (max-width: 420px) {
    #interactive-countdown-search-container div#bottom-container div.question-container div#button-yes{width:60px}
    #interactive-countdown-search-container div#bottom-container div.question-container div#button-no{width:60px}
}body{padding-top:40px;box-sizing:border-box}
#header{float:left;width:100%;height:auto;margin-bottom:10px}
#header div#banner-container{height:180px;position:Relative}
#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}
#header div#banner-container img{width:100%;height:auto}
#menu-container{float:left;width:100%;height:40px}
#menu-container.sticky{position:fixed;top:0;z-index:999}
#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#login{float:right}
#menu-container div.menu-item#login div.login-field{float:left;width:70px;margin-left:10px}
#menu-container div.menu-item#login div.login-field input{width:100%}
#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:110px}
}

@media screen and (max-width: 900px) {
	#header div#banner-container{height:110px}
}

@media screen and (max-width: 725px) {
	#header div#banner-container{height:110px}
}

@media screen and (max-width: 560px) {
	#header div#banner-container{height:90px}
}

@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: 430px) {
	#header div#banner-container{height:60px}
}

@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: 350px) {
	#menu-container div.menu-item a{font-size:9pt}
}

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

@media screen and (max-width: 280px) {
	#menu-container div.menu-item a{font-size:7pt}
}#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-container{cursor:pointer}
.profile-container.small-image-only{float:left;position:relative;width:96.3px;margin:10px 10px 20px 0px}
.profile-container.small-image-only.last{margin-right:0px}
.profile-container.small-image-only div.image{float:left;width:100%;height:165px}
.profile-container.small-image-only div.image img{object-fit:cover;width:100%;height:100%}

.profile-columns-container{columns:5 200px;column-gap:1rem}
.profile-columns-container div.profile-container.expanded-image{position:relative;margin:0 1rem 1rem 0;display:inline-block;width:100%;border:1px solid lightgrey}
.profile-container.expanded-image{border-radius:3px;width:185px;border-radius:4px 4px 0px 0px;overflow:hidden}
.profile-container.expanded-image div.online{position:absolute;top:4px;right:4px;height:10px;width:10px;background-color:lightgreen;border-radius:50px}
.profile-container.expanded-image div.offline{position:absolute;top:4px;right:4px;height:10px;width:10px;background-color:red;border-radius:50px}
.profile-container.expanded-image div.image{float:left;width:100%;height:200px}
.profile-container.expanded-image div.image img{object-fit:cover;width:100%;height:100%}
.profile-container.expanded-image div.details-container{float:left;width:100%;padding:15px;box-sizing:border-box;background-color:#eeeeee;border-radius:0px 0px 4px 4px}
.profile-container.expanded-image div.details-container div.top-row{float:left;width:100%;text-align:center;font-weight:bold;font-size:12pt;color:#FFF}
.profile-container.expanded-image div.details-container div.top-row span{font-weight:normal;font-size:9pt;color:#FFF}
.profile-container.expanded-image div.details-container div.distance{float:left;width:100%;text-align:center;font-size:9pt;margin-top:4px;color:#FFF}
.profile-container.expanded-image div.details-container div.distance strong{font-size:9pt;color:#FFF}
.profile-container.expanded-image div.details-container div.description{float:left;width:100%;margin:10px 0px 0px 0px;color:#FFF;padding:8px;box-sizing:border-box;font-size:10pt;font-style:italic}
.profile-container.expanded-image div.details-container div.button-look{float:left;width:100%;height:25px;line-height:25px;border-radius:3px;margin-top:10px}
.profile-container.expanded-image div.details-container div.button-look a{display:block;width:100%;text-align:center;text-decoration:none}