@charset "utf-8";
/* CSS Document */

*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td{margin:0; padding:0;}
body { font-weight: normal; color: #212121; font:Arial, Helvetica, sans-serif; }

.wrapper-body {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    margin: 15px 5px;
    height: 100%;
}

/*  HEADER   ============================================================================= */
header {

	background:  #fff;/*  url('../img/header-bg.jpg') center top no-repeat fixed; */
	background-size: cover;
	text-align: center;
/*	border-bottom: 5px solid rgba(0,0,0,0.4);*/
}
.header-content {
	padding-bottom: 150px;
}
.logo {
	display: inline-block;
	margin-left: 50px;
}
nav .logo a {
	color: #fff;
}
nav {
	text-align: left;
	width: 100%;
	padding: 20px 0;
	/*background-color: rgba(0,0,0,0.4);*/
	display: inline-block;
	z-index: 9999;
	/*border-bottom: 5px solid rgba(0,0,0,0.1);*/
}

nav ul {
	float: right;
	margin-right: 50px;
}


nav ul li {
	display: inline;    
	padding: 25px 0; 
	margin-left: 20px;
	line-height: 30px;
}

nav ul>li { 
	position: relative; 
}

nav ul>li>ul { 
	width: 180px; 
	position: absolute; 
	left: -9999px;
	z-index: 9999; 
	top: 45px; 
}

nav ul>li:hover>ul { 
	left: -10px; 
}

nav ul li ul li { 
	padding: 5px 20px; 
	margin-left: 0px;
	display: block; 
	background-color: rgba(0,0,0,0.8); 
	text-align: left;  
	border-bottom: 2px solid rgba(0,0,0,0.1);
}

nav ul li ul li:hover { 
	border-bottom: 2px solid #47af58;
}

nav ul li ul li:hover>a { 
	color: #47af58;
	margin: 5px 0;
}

nav ul>li>ul { 
	display: block; 
	position: absolute; 
	left: -9999px; 
}

nav ul>li>ul>li:hover>ul { 
	width: 210px; 
	left: 165px; 
	margin-top: -35px; 
}

nav ul li a {
	font-size: 15px;
	text-transform: uppercase;
	color: #105CA8;
}

nav ul li ul li a { 
	display: block; 
	line-height: 30px; 
	font-size: 15px;
	margin: 0; 
	text-transform: capitalize; 
}

header h1 {
	margin: 150px 0 40px;
	padding: 0 20px;
	font-size: 80px;
	color: #fff;
	display: inline-block;
	background-color: rgba(0,0,0,0.4); 
}
header h2 {
	margin: 50px 0 20px;
	padding: 0 20px;
	font-size: 50px;
	font-weight: 700;
	color: #fff;
}
header p {
	margin: 0 auto 30px;
	color: #fff;
	width: 40%;
}
.active a {
	color: #47af58!important;
}
div .active a {
	color: #47af58!important;
	text-transform: uppercase;
}

@media (max-width: 991px) {
	nav {
		display: none!important;
	}	
}

/*----------------- nav end */

.signup_copy {
	/*color: #444;*/
	font-size: 18px;
    line-height: 13px;
    /*font-family: 'Open Sans', Arial, sans-serif; */
	text-align: center;
	padding: 15px 15px 0 15px;
}
@media screen and (max-width: 768px){
.signup_copy {
	/*color: #444; */
	font-size: 16px;
    line-height: 22px;
    /*font-family: 'Open Sans', Arial, sans-serif; */
	text-align: center;
	padding: 15px 15px 0 15px;
}
}


.signup_btn-login {
	color: #636363;
    /* font-family: 'Open Sans', Arial, sans-serif; */
    font-weight: 400;
    font-size: 16px;
    border: 2px solid #636363;
    border-radius: 10px;
    padding: 10px 20px;
    text-align: center;
    display: block;
    min-width: 140px;
    -webkit-transition: .2s;
    transition: .2s;
	width: 25%;
	margin: 2% auto;
}

@media all and (min-width:769px) and (max-width: 1023px) {
	.signup_btn-login {
	color: #636363;
    /*font-family: 'Open Sans', Arial, sans-serif; */
    font-weight: 400;
    font-size: 16px;
    border: 2px solid #636363;
    border-radius: 10px;
    padding: 10px 20px;
    text-align: center;
    display: block;
    min-width: 140px;
    -webkit-transition: .2s;
    transition: .2s;
	width: 40%;
	margin: 6% auto;
}
}

@media screen and (max-width: 768px) {
.signup_btn-login {
	color: #636363;
    /*font-family: 'Open Sans', Arial, sans-serif; */
    font-weight: 400;
    font-size: 16px;
    border: 2px solid #636363;
    border-radius: 10px;
    padding: 10px 20px;
    text-align: center;
    display: block;
    min-width: 140px;
    -webkit-transition: .2s;
    transition: .2s;
	width: 78%;
	margin: 6% auto;
}
}

section {
    clear: both;
    margin: 0px;
}

/*       form */



@media only screen and (max-width: 767px){ 
    .sep_1{
        display: none;
    }
    #div_birth_date .sep_1{
        display: block;
    }
    .info {
    padding: 15px;
}
}

@media (min-width: 768px){
    .form_col-50 {
        float: left;
        width: 49%;
    }
    .form_col-66 {
        float: left;
        width: 66%;
    }
    .form_col-33 {
        float: left;
        width: 32%;
    }
   /* .form_submit {
        width: 512px;
        margin: 0 auto;
        display: block;
    } */
    .signup_form {
        padding: 25px 35px 25px;
    }

}

.form_col-66{
    margin-bottom: 20px;
}

.form_col-100{
        float: left;
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

.form_col-33{
    margin-bottom: 20px;
}

.form_field.error {
    box-shadow: 0px 0px 0px 2px #fc4a4a;
    border-radius: 3px;
    position: relative;
}

.form_col-50 {
    margin-bottom: 22px;
}

.form_col-33-3 {
    float: left;
    margin-bottom: 0px;
    width: 32%;
    text-align: center;
}

/*.form_col-33-3 select{
    padding: 10px;
}*/

.form_col-33:last-child {
    margin-right: 0;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.form_label {
    color: #000;
    font-size: 14px;
    display: block;
    margin-bottom: 22px;
}
.msg-hidden {
    display: none !important;}
    
    .signup .msg-error{
        color: red;
        display: block;
        font-size: 12px;
        margin: 5px 0;
    }

    .signup_form {
        max-width: 100%;
        padding: 9px 0px;
        width: 834px;
        margin: 0 auto;
    }

    input{
        margin: 0;
    }

    .error_bloque{
        box-shadow: 0px 0px 0px 2px #fc4a4a;
        border-radius: 3px;
        position: relative;
        overflow: hidden;
    }

    .eyeball {
		background-color: #00A238 !important;
	}

    .showPass {
        left: 30% !important;
        top: 24% !important;
        color: #fff !important;
    }

    .label {
        display: none;
    }

    .form_field input{
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        padding: 15px 17px;
        text-align: left;
        color: #000;
		width: 100%;
    }
    .form_col-33-3 select,
    .form_col-50 select,
    .form_col-66 select{
        border-color: #d3d3d3;
    }

   /* .form_select select{
       background-color: transparent;
    border: solid #AAAAAA 1px;
    border-radius: 3px;
    font-size: 14px;
    color: #414141;
    height: 40px;
       -moz-appearance: none;
            appearance: none;
    padding: 10px 35px 10px 10px;
    position: relative;
    z-index: 3;
    width: 100%;
    } */
	
 .form_select select{
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        padding: 15px 17px;
        text-align: left;
        color: #000;
    position: relative;
    z-index: 3;
    width: 100%;
    }	
    .form_select select:after {
    background-image: url('images/join/arrow-down.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 1px;
    content: "";
    display: block;
    width: 25px;
    height: 200%;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 2; }
	


    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
    input:-moz-placeholder, textarea:-moz-placeholder{
        color: #333;
    }

    .sep_1{
        width: 2%;
        float: left;
    }

    .infos .signup_form {
        padding-top: 0px;
    }

    .infos .signup_form button{
       /* margin-top: 0px;
        background: #ff2f2f;
        border-radius: 5px;
       /* font-family: 'Lato', sans-serif; 
        font-size: 18px; */
		border:1px solid #00a63a;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	display:inline-block;
	color: #FFFFFF;
	background-color: #00b13e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00b13e), to(#00a63a));
 background-image: -webkit-linear-gradient(top, #00b13e, #00a63a);
 background-image: -moz-linear-gradient(top, #00b13e, #00a63a);
 background-image: -ms-linear-gradient(top, #00b13e, #00a63a);
 background-image: -o-linear-gradient(top, #00b13e, #00a63a);
 background-image: linear-gradient(to bottom, #00b13e, #00a63a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00b13e, endColorstr=#00a63a);
     font-size: 25px;
    border-radius: 12px;
    padding: 12px 25px;
    text-align: center;
    min-width: 160px;
    -webkit-transition: .2s;
    transition: .2s;
    }
	
	
	    .infos .signup_form button:hover {
border:1px solid #00a63a; color: #ffffff !important;
 background-color: #00a63a; background-image: -webkit-gradient(linear, left top, left bottom, from(#00a63a), to(#009534));
 background-image: -webkit-linear-gradient(top, #00a63a, #009534);
 background-image: -moz-linear-gradient(top, #00a63a, #009534);
 background-image: -ms-linear-gradient(top, #00a63a, #009534);
 background-image: -o-linear-gradient(top, #00a63a, #009534);
 background-image: linear-gradient(to bottom, #00a63a, #009534);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00a63a, endColorstr=#009534);
    }

    .success {
        padding: 0px;
        border: 3px solid #dff0d8;
        border-radius: 3px;
        margin-bottom: 0px;
    }

    .form_row {
        display: table;
        width: 100%;
    }

    #signupForm .signup .container .signup_form{
        padding-bottom: 0px;
    }

    .infos .signup_form .form_submit:hover{
        color:#000;
    }
    .modal-body p{
        text-align: center;
        line-height: 20px;
        font-size: 14px;
        width: 100%;
        padding: 20px 10px 10px 10px;
        font-weight: 300;
    }

    .info {
        margin: 0 0 20px;
        text-align: left;
        float: left;
        width: 33.3333333333%;
    }

    .info p {
    color: #000000;
   /* font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    text-align: center;
}

.modal-dialog {
    max-width: 330px;
    margin: 0 auto;
    border-radius: 0.7em;
    top: 10em;
    background: #ffffff;
    border: 2px solid #1B579F;
}

.modal-content{
    padding: 5px 15px;
    display: block;
    background-color: #ffffff; 
}

.modal-body img{
    max-width: 100%;	
}

.modal-body .btn-tel{
    color: #1B579F;
    /* font-family: 'Roboto', sans-serif; */
    display: block;
    padding: 30px 15px;
    font-size: 14px;
    font-weight: 300;
}

.close{
    color: #000;
    opacity: 1;
    text-align: right;
    font-size: 30px;
}

.modal-header{
    padding: 0px;
}

.btn-login {
    background: #1B579F;
	color: #ffffff !important;
    box-shadow: none;
    padding: .5em 4em;
    font-size: 1.3em;
    color: black;
    font-size: 14px;
    font-weight: 400;
}

.btn-forgot {
    background: #47af58;
    box-shadow: none;
    padding: 0.5em 2.05em;
    font-size: 14px;
    color: #fff;
}

    .navbar-form{
        padding: 0px;
    }
    #alias_ghb{ /*color: #47af58; */font-weight: 800;}
p.form_note{width: 100%; display: none;}


select {
   background: transparent;
 /* If you add too much padding here, the options won't show in IE */
   border: 1px solid #d3d3d3;
	border-radius: 5px;
	padding: 5px 5px;
	text-align: left;
	color: #000;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

  .info_icon {
    background: transparent url(/images/join/signup-info.png) 0 0 no-repeat;
    /* display: block; */
    display: none;
    height: 66px;
    margin: 0 auto 20px;
    width: 66px; }
    .info_icon.protected {
      background-position: -86px -1px; }
    .info_icon.agree {
      background-position: -172px 0; }
@media (max-width: 767px) {
	.info{ width: 100% !important; }
}

/* Footer  */



#copyright-region { margin: 0; width: 100%; }

.copyright { width:100%; }

.footercopy{ font-size: 11px; color: #1a1a1a; text-align: center; float:left; width:90%;  }

.logo2 { width: 100%; text-align:right !important; width: 98%; margin: 2%; }

.fotterlogo{ width: 100%; text-align:center; margin-bottom:25px; }

@media all and (min-width:0px) and (max-width: 767px) {
	.logo2 { width: 100%; text-align:center !important; }
}

/**************************************************/