

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i,700,800');


*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

html, body
{
    height: 100%;
}

body
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
	color: #4d4d4d;
	
	width:100%;
	height: 100%;
}

.grecaptcha-badge { visibility: hidden; }
.captcha_notice { 
text-align: left;
font-size:10px; 
color: #c0c0c0 !important;
text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	line-height: 1.2;
	margin-bottom: 0;
	color: #2c2c2c;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}


 .logo_main {
     max-height:  auto;
     width: 80px;
     margin-bottom: 50px;
     margin-top: 100px;
  
 }
 
 
.guide_step {
    padding-left: 75px;
	padding-right: 75px;
}

.badge_btn_android {
  
   
}

.white {
    color: #fff;
    }

#step_1
{
	background: #190a49;
}
#step_2
{
	background: #3c098d;
}
#step_3
{
	background: #ff0e3b;
}


.bg_red {
    background-color: #d74949;
}  
.bg_teal {
    background-color: #4bceaf;
}  
.bg_teal2 {
    background-color: #a0c0e8;
} 
.bg_teal3 {
    background-color: #28937b;
}  
.bg_blue {
    background-color: #3c098d;
}  

  
 #homepage_box {
     
     /* min-height: 650px; */
     min-height: 100%;
     background-image:linear-gradient(to right, rgba(120,0,255,0.34), rgba(255,14,59,0.34)),url(../images/couple_bg.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;   
     
       
     
   /*  height:100vh; 
   height:100%;
   */ 
    
 }
  
 
 .background_image
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
 
.home_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #7800ff;
	background-image: linear-gradient(to right, rgba(120,0,255,0.34), rgba(255,14,59,0.34));
	background: #7800ff;
	background: linear-gradient(to right, rgba(120,0,255,0.34), rgba(255,14,59,0.34));
}
   
 
.home_subtitle
{
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	line-height: 1.2;
	padding-left: 6px;
}
.home_title
{
	margin-top: 9px;
}
.home_title h1
{
	font-size: 72px;
	font-weight: 300;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.home_title h1:not(:last-of-type)
{
	margin-bottom: -6px;
}
.home_title h1 span
{
	font-weight: 700;
}


.section_subtitle
{
	font-size: 14px;
	font-weight: 700;
	color: #909090;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	line-height: 1.2;
}
.section_title
{
	margin-top: 8px;
}

.top_margin {
    margin-top: 75px;
}

.top_padding {
    padding-top: 75px;
}

.about_text_alt {
    text-align:right;
}

.about_alt {
    background-color: #190a49;
    color:#fff;
}
.about_alt h5, .about_alt h1 {
    color:#fff;
}

.faq-title {
    text-transform: none;
    letter-spacing: 0;
	line-height: 1;
}

.about_alt a {
  color:#fff;
  text-decoration:underline; 
}

.terms h2, .terms h3 {
   text-transform: none;
    letter-spacing: 0;
	line-height: 1;
	margin-top: 30px; 
	margin-bottom: 20px;
}

/*
.about
{
	background: #ffffff;
	padding-top: 96px;
	padding-bottom: 99px;
}
.about_text
{
	margin-top: 25px;
	padding-right: 75px;
}
.about_button
{
	margin-top: 36px;
}
.about_image
{
	padding-top: 8px;
}
*/

#help_spicer_box {
    
    
    position: absolute;
    top: 30px;
    left: 40%;
    z-index: 9999;
    
}

#help_spicer_box_card {
    
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    
    
    text-align: center;
}



  @media only screen and (max-width : 767px) {


    .logo_main {
         margin-left:  auto;
         margin-right:  auto;
         
     }
     
     .download_btns {
         text-align: center;
     }
     
     .badge_btn {
         margin-bottom: 10px;
     }
     
     .centered_small {
         text-align: center;
     }
     
     

}
