@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
/*TYPOGRAPHY*/
body { 
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #1b1b1b;
	font-size: 18px;

}
a {
    text-decoration: none;
	transition: all .3s ease-in-out;
}
a:hover{
    text-decoration: underline;
}
.text-content ul {
    margin: 32px;
}
.text-content li {
    list-style: disc;
    color: #ffffff;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 12px;
   
}

/*size*/

p { font-size: 18px; font-weight: 400;}
h1 { font-size: 44px; line-height: 48px; }
h2 {font-size: 38px;}
h3 { font-size: 32px}
h4 {font-size: 28px;}
h5 {font-size: 26px;}

@media screen and (max-width: 389px) {
    h1 { font-size: 30px; line-height: 32px; }
h2 {font-size: 28px;}
}

h3, .strong { font-weight: 700; }
h1, h2, h3, h4,h5{   font-family: 'Montserrat', sans-serif;
	font-weight: 700; margin-bottom: 28px;  margin-top: 30px;letter-spacing: 0px;text-transform: uppercase;}
h1 {

    padding-bottom: 18px;
}

p, h1, h2, h3, h4, h5 {
    margin-left: 20px;
    margin-right: 20px;
}

p.lead {
  
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-top: 12px;
  
}

.sub-head {
    font-weight: 400; margin-bottom: 20px; text-transform: uppercase; margin-top: 10px;font-size: 20px;
}

p { margin-bottom: 22px; }



.btn-lg {
    font-size: 32px;
    padding: 13px;
    min-width: 400px;
    width: 100%;
    border: none;
    border-radius: 0;
    font-weight: 400; text-transform: uppercase;
}

.breadcrumbs {
    font-size: 16px;
	font-weight: 700;
	color: #E5160D;
	padding-bottom: 10px;
	padding-top: 10px;
    border-bottom: 1px solid #efefef;

}
.breadcrumbs a {
   font-weight: 400;
    color: #222222;
}

.breadcrumbs ol  {
    display: inline-block;
	list-style: none;
	padding-left: 10px;
   
}

.breadcrumbs li  {
    display: inline-block;
	padding: 10px;
	
   
}



/*color*/
h1 { color:#fff; }
h2 { color:#e8eaed;; }
h3 { color: #e8eaed;; }
h4 { color: #e8eaed; }
h5 { color: #ab1313; }
.pink  {color:#ab1313;}
.red {color:#f13c20;}
.red-highlight {color:#ff2b2b;padding: 3px; background-color: #000000;margin-top: 4px;display: inline-block; margin-right: 2px;}
a:hover {color:#ff2b2b; text-decoration: underline;}
a {color: #ff2b2b;}
/*BODY*/
body { background-color: #000000;color: #e8eaed; overflow-x: hidden;}

/*HEADER*/
#logo { width: 300px; height:auto; margin-left: 20px; margin-top: 0px; display: block; }

.header {   width: 100%; height: auto; display:block; margin-top: -90px;}
.bg-img { background: url(../img/adult-dating-header.jpg) no-repeat;  background-position: 0px 0px; background-size:100% auto;}

.lead-wrapper {
   
    display: block;
    position: relative;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 22px;
    
	}	
.lead-wrapper p {
		   
	font-size: 20px;
	line-height: 22px;
	margin-top: 8px;
	}	

.header-contents { display: block; width: 50%;padding-top: 15px;
    padding-bottom: 280px; margin-left: 40px; } 

@media screen and (min-width: 1400px) {
.header-contents {   padding-bottom:340px;  }
}
@media screen and (max-width: 768px) {

   #logo {
	width: 200px;
   
	}
    .header-contents { display: block; width: 80%; margin-top:0px; padding-bottom:250px;margin-left: 0px;  }
    
}
@media screen and (max-width:500px) {
.bg-img { background: url(../img/adult-dating-mobile.jpg) no-repeat;background-position: 0px 0px; background-size:100% auto;}
.lead-wrapper p {
		   
	font-size: 18px;
	line-height: 18px;
	margin-top: 24px;
    
	}	
	#logo {
	width: 180px;
    height: auto;
    margin-left: 0px;
    margin-top: 4px;
	}
   .header-contents { display: block; width: 100%; margin-top:0px; padding-bottom:20px;margin-left: 0px;  }
}

@media screen and (max-width:375px) {
.lead-wrapper p {
		   
	font-size: 18px;
	line-height: 18px;
	margin-top: 12px;
    
	}	
	#logo {
	width: 130px;
	}
   .header-contents { display: block; width: 100%; margin-top:0px; padding-bottom:10px;margin-left: 0px;  }
}


@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
/* COUNTRY ///////////////////////////////////////////////////////////// */


.form-image  {
	width: 100%;
  height: auto;
	margin-bottom: 20px;
}
.intro-wrap {  margin-bottom:20px; position:relative; display:block; padding: 18px; margin-left: auto; margin-right: auto;
    margin-top: 10px; text-align: left; z-index: 999;}

.intro-wrap .welcome {
	border-radius: 10px;
	background-color: #ffffff;
	padding: 18px;
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	display: block;
	border-bottom-left-radius: 0;
	margin-bottom: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
	-webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
	animation-delay: 1s;
}

.signup-anim {

	-webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
	animation-delay: 1s;
}


.intro-wrap a.select-gender {
	display: block;
	padding: 22px;
	font-weight: 700;
	color: #ffffff;
	background-color: #ef0000;
	border-radius: 6px;
	margin-bottom: 12px;
	font-size: 19px;
	width: 100%;
	border-width: 0px;
	transition: all .3s ease-in-out;
	text-align: center;
	text-decoration: none;
	
}
.intro-wrap a.select-gender:hover {
transform: scale(1.04);
	background-color: #ef0000;
}

.country-wrap { max-width: 420px; margin-bottom:20px; position:relative; display:block; padding: 18px; margin-left: auto; margin-right: auto;
    margin-top: 20px; text-align: left; z-index: 999;}

.country-wrap .welcome {
	border-radius: 12px;
	background-color: #ffffff;
	padding: 24px;
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	display: block;
	border-bottom-left-radius: 0;
	margin-bottom: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.country-wrap a.country {
	display: block;
	padding: 14px;
	font-weight: 700;
	color: #ffffff;
	background-color: #6a9727;
	border-radius: 6px;
	margin-bottom: 3px;
	text-align: center;
	
}
.country-wrap a.country:hover {
transform: scale(1.04);
	text-decoration: none;
	background-color: #74a130;
}
@media screen and (max-width: 700px) {
	.country-wrap, .intro-wrap {
		margin-top: 120px;
	}
}

/* MENU ///////////////////////////////////////////////////////////// */
/* Top nav bar */

.top-nav {
	background-color:transparent;
	height:60px;
	margin-bottom: 0px;
	display: block;
   
}

.tagline {
	  display: block;
    margin-top: 24px;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -1px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    margin-left: 20px;
    text-transform: none;
}

@media screen and (max-width: 768px) {
	.tagline {
   margin-top: 20px;
    font-size: 24px;
	line-height: 24px;
}
}
@media screen and (max-width: 600px) {
	.tagline {
   display: block;
    margin-top: 26px;
    font-size: 18px;
    line-height: 22px;
    margin-left: 20px;
    width: 79%;
    text-transform: none;
}
}
.nav-pills > li > a {
    color: #fff;
	margin-right: 0px;
	padding-top: 9px;
	padding-right: 14px;
	padding-bottom: 9px;
	padding-left: 14px;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	 transition: all .3s ease-in-out;
	cursor:pointer; 
	
}
.nav-pills > li > a:hover {
color:#fff;
	background-color: transparent;
	
}



@media screen and (max-width: 736px) {
   
    .nav-pills > li > a {
   
        font-size: 16px;
}
  .nav-pills {
    margin-top: 12px;
    position: relative;
    z-index: 999;
    height: 60px;
    display: inline-block;
}
}
.nav-pills .login a {
    background-color: #fff;
    color: #2a1b3a;
    font-weight: 700;
    margin-right: 6px;
 
    border-radius: 20px;
}
.nav-pills .login a:hover {
	background-color: #ab1313;
	color: #ffffff;
	}


@media screen and (max-width: 420px) {
   
}
.nav-pills {
	margin-top: 6px;
	}
 .nav-pills > li > a {
   
        font-size: 13px;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
   background-color: #000000; 
    border-color: none;
}

a.dropdown-toggle:focus {
	background-color: #141414;
}
a.dropdown-toggle:hover {
	background-color: #000000;
}







.quote {
	display: block;
    float: left;
    padding: 23px;
    background-color: #ab1313;
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
	width: 100%;
	margin-bottom: 20px;
	font-style: italic;
	margin-top: -50px;
}
.quote .mark{
	width: 60px;
	height: 60px;
	background-image: url(../img/quote.png);
	background-size: 60px auto;
	background-color: transparent;
    display: block;
    position: absolute;
    z-index: 999;
    top: -20px;
    left: -8px;
	
}

@media screen and (max-width: 500px) {
	.quote {
	margin-top: 0px;
}
}

.side-heading {
	display: block;
    float: left;
    padding: 22px;
    background-color: #f7f7f7;
    color: #2a2a2a;
    font-weight: 700;
    font-size: 20px;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 8px;
}



/* /// FORM  /////*/

.questions li > span label {
	
	font-weight: 400;
	font-size:36px;
	letter-spacing:0px;
    padding: 4px;
    
}
.underline {
    font-weight: 400;letter-spacing: 0px;font-size: 40px; color:#ffffff; display: block; padding: 2px; height: 55px; 
}
.form-heading-wrapper {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 22px;
    padding-right: 10px;
    float: right;
    text-align: right;
    background-color: rgba(255,255,255,0.8);
}

.form-heading {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: 0px;
    font-size: 42px;
    color: #6a9727;
    line-height: 38px;
    display: block;
    text-shadow: none;
    padding-left: 20px;
    padding-top: 16px;
}
.form-subheading {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #8a8a8a;
    line-height: 18px;
    display: inline-block;
    padding: 0px;
    text-shadow: none;
    float: left;
    padding-left: 22px;
    padding-top: 15px;
}

@media screen and (max-width: 768px) {
   
}
@media screen and (max-width: 500px) {
.form-heading-wrapper {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 22px;
    padding-right: 10px;
    float: right;
    text-align: right;
    background-color: #ffffff;
    margin-bottom: 48px;
}
.form-heading{ 
	font-size: 30px;
	line-height: 28px;
	padding-left: 4px;}

.form-subheading {
    font-size: 18px; 
	line-height: 22px;
	padding-left: 4px;}

}



 /*///////   SECTIONS ///////////*/  


/* Members BAR */

.members-row {
	background-color: #f7f7f7;
	margin-top:30px;
	margin-bottom: 30px;
	padding: 30px;
	align-content: center;
	align-items: center;
	
}
.wld_badge_item {
    display: inline-block;
    height: 117px;
    margin-right: 16px;
    margin-bottom: 28px;
    width: 118px;
	align-content: center;
	font-size: 14px;
	text-align: center;
}

.wld_badge_item img {
  border-radius: 50%;
border: 5px solid #dddddd;
}

.wld_badge_item .wld_badge_item_region {
	font-weight: 700;
}


    /* MAIN CONTENT */
.main-content {
   margin-top: -140px;
    background-color:  rgb(0 0 0 / 82%);
    padding-top: 20px;
    padding-bottom: 50px;
   
}

@media screen and (max-width: 768px) {
	.main-content {
   margin-top: -150px;
   


}
}

@media screen and (max-width: 600px) {
	.main-content {
   margin-top: -2px;
   box-shadow: none;


}
}
/*3 Steps */

.steps {
   
 padding: 24px;
   
}


@media screen and (max-width: 768px) {
   .steps {
   
padding: 0px;
 margin: 0px;
    
}
}
@media screen and (max-width: 415px) {
 .steps {
   width: 90%;
 margin: 5%;
    
}
}

.heading {
    padding-top: 20px;
    border-top-color: #999999;
    border-top-width: 1px;
    border-top-style: solid;
}

/* FEATURES LIST */


.m_img {

	
	width: 140px;
	height: 140px;
	 vertical-align: middle;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
	border-radius: 50%;
	margin-left: 20px;
	float: left;
	display: inline;
	margin-top: 10px;
}

.m_bio {
	background: #fff;
    margin-bottom: 12px;
    padding: 15px;
    -webkit-border-radius: 10px 10px 10px 0;
    border-radius: 10px 10px 10px 0;
    -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,.1));
    filter: drop-shadow(0 0 10px rgba(0,0,0,.1));
	float: left;
	width: 550px;
    display: inline;
    margin-left: 20px;
	
}
.m_bio p {
		font-size: 16px;
	}
.m_name {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #f13c20;
	display: inline;
	margin-left: 20px;
	line-height: 20px;
}
.m_age {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #222222;
	display: inline;
	margin-left: 12px;
	line-height: 20px;
}
.m_loc {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	margin-bottom: 12px;
	text-transform: uppercase;
	color: #666666;
	display: block;
	margin-left: 20px;
}

@media screen and (max-width: 1024px) {
	.m_img {

	width: 100px;
	height: 100px;
    margin-left:25px;
	
}

.m_bio {
	
	width: 480px;
    display: inline;
    margin-left: 20px;
}
}

@media screen and (max-width: 768px) {
	.m_img {

	width: 120px;
	height: 120px;
    margin-left:34px;
	
}

.m_bio {
	
	width: 520px;
    display: inline;
    margin-left: 24px;
}
}

@media screen and (max-width: 568px) {
	.m_img {

	width: 80px;
	height: 80px;
	float: right;
	margin-right:15px;
	
	
}

.m_bio {
	
    width: auto;
    padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
    margin-top: -50px;
    display: block;
    margin-left: 20px;
    margin-right: 20px;
    background-color: transparent;
	font-size: 12px;
	border-bottom: 1px solid #efeded;
	margin-bottom: 20px;
	border-radius: 0px;
}
	.m_bio p {
		font-size: 14px;
	}
}


/* FEATURES LIST */

.feature {
    display: block;
    padding-left: 50px;
    background-image: url(../img/list-logo.png);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    margin-left: 24px;
    margin-top: 30px;
     
}
.feature2 {
    display: block;
    padding-left: 50px;
    background-image: url(../img/list-logo.png);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    margin-left: 0px;
    margin-right: 60px;
    margin-top: 30px;
     
}

@media screen and (max-width: 768px) {
  .feature {
    margin-left: 30px;
    margin-top: 20px;
     
}
.feature2 {
   
    margin-right: 30px;
    margin-top: 20px;
     
}
}
@media screen and (max-width: 389px) {
 .feature {
    margin-left: 20px;
    margin-top: 20px;
     
}
.feature2 {
   
    margin-right: 20px;
    margin-top: 20px;
     
}
}
.feat-heading {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    display: block;
}
.feat-sub {
    font-size: 18px;
    font-weight: 400;
    display: block;
}


/* CALL TO ACTION */




.gender-select {
	    display: block;
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

a.man  {
	width: 48%;
	margin: 0px;
	 display: flex;
    align-items: center; 
	background-color: #a31515;
	float: left;
	color: #fff;
	font-size: 21px!important;
	line-height: 20px;
	font-weight: 700;
	padding: 12px;
	padding-left: 30px!important;
	padding-right: 30px!important;
	height: 66px;
	border-radius: 44px 0 0 44px ;
	text-align: right;
	margin-left: 2%;
}
a.woman {
	width: 48%;
	margin: 0px;
	margin-right: 2%;
	 display: flex;
    align-items: center; 
	background-color: #861818;
	float: right;
	color: #fff;
	font-size: 21px!important;
	line-height: 20px;
	font-weight: 700;
	padding: 12px;
	padding-left: 30px!important;
	padding-right: 30px!important;
	height: 66px;
	border-radius: 0 44px 44px 0;
}
@media screen and (max-width: 568px) {
	a.woman, a.man {
		width: 100%;
		margin-top: 12px;
		margin-left: 0%;
		margin-right: 0%;
		display: block;
		text-align: center;
		border-radius: 44px 44px 44px 44px;
	}
}
a.multi {
		width: 100%;
		margin: 0px;
	margin-top: 30px;
	margin-bottom: 20px;
	display: inline-block!important;
	background-color: #861818;
	float: left;
	color: #fff;
	font-size: 21px!important;
	line-height: 20px;
	font-weight: 700;
	padding: 20px;
	padding-left: 30px!important;
	padding-right: 30px!important;
	height: auto;
	border-radius: 44px ;
	text-align: center;
		text-align: center;
		border-radius: 44px 44px 44px 44px;
	}
a.multi:hover {
	text-decoration: none;
	background-color: #ab1313;
}
.alt-row {
	 background-color: #242424;
	padding-bottom: 40px;
	padding-top: 40px;
	margin-bottom: 20px;
	
}


/* SIDEBAR //////// */

.side-bar a {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 12px;
	padding-left:  1px;
	display: block;
}

.side-bar ul {
    margin: 0px;
}
.side-bar li {
    list-style: none;
}

ul.areas {
	display: block;
	position: relative;
	float: left;
    margin-bottom: 30px;
    margin-top: 20px;
}

.areas li {
    list-style: none;
	margin: 0px;
	width: 24%;
	float: left;
}

@media screen and (max-width: 568px) {
	.areas li {
	width: 49%;
}
}

@media screen and (max-width: 360px) {
	.areas li {
	width: 99%;
}
}

.areas li > a {
	font-size: 15px;
    line-height: 28px;
    color: #fff;
    display: block;
    margin-bottom: 0px;
    padding-left: 0px;

}
.areas li > a:hover {


	color: #ff2b2b;
	text-decoration: none;
}

.area-list-single li > a {
	font-size: 14px;
	line-height: 20px;
	color: #666666;	
	
}
.area-list-single li > a:hover {
	font-size: 15px;
	line-height: 20px;
	color: #CC3300;
	text-decoration: none;
}

.areas-heading  {
	
	font-weight: 700;
	font-size: 26px;
letter-spacing: 1px;
	color: #000000;
	line-height:32px;
margin-bottom: 30px;
    margin-top: 40px;
}

.count {
	 background-color: #242424;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	display: block;
	color: #ffffff;
	font-size: 20px;
	padding-left: 20px;
	
}


.textcontent a {
    color: #cccccc;
}

/* FOOTER ///////////////////////////////////////////////////////////// */
footer {
    margin-top: 0px;
    padding-top: 50px;
    padding-bottom: 30px;
    background-color: #1b1b1b;
    line-height: 30px;
    color: #ffffff;
    
}
.footerlogo { 
	width: 150px;
    height: auto;
    margin-left: 0px;
    margin-top: -40px;
    display: inline-block;
}
.footer-links a {
    background-color: #000000;
    color: #ffffff;
    padding: 10px;
    font-size: 14px;
    
}

footer a {
    color: #ffffff;
    padding: 8px;
}
.footer-icons {
   
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */

}
footer p {
    font-size: 14px;
    line-height: 16px;
}

footer img {
	width: 50%;
	height: 50%;
}


.intro-wrap {  margin-bottom:20px; position:relative; display:block; padding: 18px; margin-left: auto; margin-right: auto;
    margin-top: 10px; text-align: left; z-index: 999;}


.country-wrap { max-width: 420px; margin-bottom:20px; position:relative; display:block; padding: 18px; margin-left: auto; margin-right: auto;
    margin-top: 20px; text-align: left; z-index: 999;}

.country-wrap .welcome {
	border-radius: 8px;
	background-color: #ffffff;
	padding: 18px;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	display: block;
	border-bottom-left-radius: 0;
	margin-bottom: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

@media screen and (max-width: 700px) {
	.country-wrap, .intro-wrap {
		margin-top: 20px;
	}
	.intro-wrap .welcome {
	font-size: 15px;
}
	.intro-wrap a.select-gender {
	padding:18px;
	}
}