html, body{   font-family: "Rubik", sans-serif !important; }
ul{list-style: none;}
a{text-decoration: none;}
.container{ max-width: 1170px;}
textarea:focus, input:focus, select:focus{ outline: none;}
input::placeholder {color:#E0E0E0; font-family: "Rubik", sans-serif !important; font-size: 14px;}
.clear{clear: both; display: block;}
.bt_red{color: #fff; background: #F5257C; cursor: pointer; text-align: center; font-size: 14px; width: 350px; border-radius: 8px; padding: 15px 10px; display: block; margin: 10px 0;}
.bt_green{color: #fff;  background: #26B6C5;cursor: pointer; text-align: center; font-size: 14px; width: 350px; border-radius: 8px; padding: 15px 10px; display: block; margin: 10px 0;}
.bt_white{color: #26B6C5; border:#26B6C5 1px solid; background: #fff;cursor: pointer; text-align: center; font-size: 14px; width: 350px; border-radius: 8px; padding: 15px 10px; display: block; margin: 10px 0;}
.bt_green:hover{background: #2296A1;}
.bt_white:hover{color: #2296A1; border:#2296A1 1px solid;}
.bt_midlle{width: 170px; display: inline-block;}
.bt_full{width: 100%; display: inline-block;}

.bgcolor1{background: #26B6C5;}
.bgcolor2{background: #F5257C;}
.bgcolor3{ background: #F3F3F3; }

.bt_back{color: #26B6C5; font-size: 14px;}
.bt_back{color:#2296A1; }

/*usuario*/
.area-login-cadastro1{background-color: #fff; text-align: center; padding: 30px 20px; border-radius: 10px; width: 390px; vertical-align: baseline; margin: 65px 0;}
.area-login-cadastro1 img{display: block; margin: 0 auto;}
.area-login-cadastro1 span{font-size: 14px; display: block; color: #878787; padding: 30px 0;}
.area-login-cadastro1 ul.login-social{padding: 0; margin: 0;}
.area-login-cadastro1 ul.login-social li{ display: inline-block;  margin: 10px 0;}
.area-login-cadastro1 ul.login-social li a{font-size:28px; margin-right: 10px; margin-left: 10px; color:#878787; padding:16px 20px; border-radius: 100%; border: 1px solid #878787;}
.area-login-cadastro1 ul.login-social li a:hover{color:#26B6C5; border: 1px solid #26B6C5;}
.area-login-cadastro1 label{color: #26B6C5; font-weight: bold; font-size: 14px; display: block;margin-bottom: 5px; text-align: left;}
.area-login-cadastro1 input{ border: 1px solid #E0E0E0; color:#878787; padding: 5px 10px; height: 48px; margin-bottom: 10px; display: block; width: 100%; border-radius: 8px;}
.area-login-cadastro1 .a-left-form{color: #26B6C5; margin-bottom: 20px; text-align: left; font-size: 14px; display: block;}
p.termos{text-align: left; position: relative; top: -10px; font-size: 14px; color: #878787;}
.termos input{width: 20px; border:none; bottom: none; display: inline; top: 18px; position: relative;}
.termos a{color: #26B6C5;}
.mb20{margin-bottom: 20px;}

/*afiliados*/
.pg-full .container{width: 100%; max-width: 100%; }
.pg-full .area-login-cadastro1{margin: 65px auto;}
.area-login-cadastro1 h6{ font-size: 17px; font-weight: lighter; color:#F5257C; padding: 0; margin:5px 0 30px 0;}
.texto-afiliado {padding: 65px;}
.texto-afiliado h2{color: #F5257C; font-size: 32px; font-weight: 600;}
.texto-afiliado h5{color: #F5257C; font-size: 14px; margin:30px 0 20px 0; padding: 0; font-weight: 600;}
.texto-afiliado p{color: #878787; font-size: 14px; margin: 5px;}

/*construtora*/
.w_d_contrutora{ width: 800px;}

@media (min-width: 992px) and (max-width: 1170px) {
   
}

@media (min-width: 700px) and (max-width: 992px) {

    .area-login-cadastro1{ margin: 30px auto;}
    .w_d_contrutora{ width: 750px;}
   
}

@media (min-width: 300px) and (max-width: 699px) {
    .area-login-cadastro1{ width: 100%; margin: 0; border-radius: 0;}
    .mb-p0, .mb-p0 .row, .mb-p0 .container{ padding: 0; margin: 0; width: 100%; --bs-gutter-x:0}      
    .bt_white, .bt_green{ width: 100%; } 

    .pg-full .area-login-cadastro1{ margin: 0 auto;}
    .texto-afiliado{ padding: 50px 30px 40px 30px;}
}
