h1.title_page { font-size: 52px !important; font-family: avenir-next-lt-pro-bold !important; font-weight: bold; 
	font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #073148; }
h1.title_page2 { font-size: 42px !important; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; 
	letter-spacing: normal; text-align: center; color: #073148; margin-bottom: 25px; }
h1.title_page3 { font-size: 32px !important; }

/* FORM */
input#password, input#password2 { /* text-security: disc; -webkit-text-security: disc; */ }
form.form_swintfair label { font-size: 12px; color: #c3cde0; }
form.form_swintfair input.form-control { border: 1px solid #e6e8f0; background: white; border-radius: 10px; font-weight: bold; font-size: 21px !important; height: 60px; }
form.form_swintfair textarea.form-control { border: 1px solid #e6e8f0; background: white; border-radius: 10px; font-weight: bold; font-size: 21px !important; height: 150px !important; resize: none; }
form.form_swintfair .form-control:active, form.form_swintfair .form-control:focus { color: #00b86c; border: 2px solid #00b86c; box-shadow: 0 2px 16px 0 rgb(0 184 108 / 30%) !important; }
form.form_swintfair a { color: #00b86c !important; }

/* MODAL */
#modal_contact .modal-content .title_modal { font-size: 35px; font-weight: 700; color: #073148; height: 50px; margin-bottom: 10px; }
#modal_contact form { padding: 15px; }
#form_contact textarea.form-control { height: 100px !important; }

@media only screen and (max-width: 750px) {
	h1.title_page { font-size: 22px !important; }
	#modal_contact .modal-content .title_modal { font-size: 20px !important; height: auto !important; margin-bottom: 0px !important; }
	.mini_footer .text_icon { font-size: 12px !important; padding-right: 15px !important; }
	#control_password { width: 300px !important; }
	#form_contact input.form-control { height: 40px !important; font-size: 14px !important; }
	#form_contact textarea.form-control { height: 70px !important; font-size: 14px !important; }
}
@media only screen and (min-width: 751px) and (max-width: 1200px) {
	h1.title_page { font-size: 30px !important; }
	#modal_contact .modal-content .title_modal { font-size: 20px !important; height: auto !important; margin-bottom: 0px !important; }
	.mini_footer .text_icon { font-size: 14px !important; padding-right: 15px !important; }
	#control_password { width: 300px !important; }
}
@media only screen and (min-width: 1201px) and (max-width: 1399px) {
	#modal_contact .modal-content { width: 590px; min-width: 590px; max-width: 590px; }
	
}
@media only screen and (min-width: 1400px) {
	#modal_contact .modal-content { width: 590px; min-width: 590px; max-width: 590px; }
}

/* MINI FOOTER */

.mini_footer .text_icon { font-family: 'avenir-next-lt-pro-bold' !important; color: #073148; font-size: 16px; padding-left: 10px; padding-right: 20px; }
.mini_footer .caja_icon { background: white; width: 36px; padding: 8px; display: inline-block; box-shadow: 0 4px 16px 0 rgba(195, 205, 224, 0.6); 
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15); border-radius: 4px; }
.mini_footer .link_footer { color: #1a6eff; text-decoration: underline; font-family: 'avenir-next-lt-pro-bold' !important; padding-right: 20px; }
.mini_footer .link_footer:hover { color: #1a6eff; }

/* CONTROL ERROR */
 .form-control.error { color: #e81e61 !important; border: 1px solid #e81e61 !important; box-shadow: none !important; box-shadow: 0 2px 16px 0 rgba(232, 30, 97, 0.3) !important; }    
button.btn_nulled { background: #e6e8f0 !important; color: white !important; border: 1px solid #e6e8f0; }

/* CONTROL PASSWORD */
.block_control_password { position: absolute; }
#control_password i.fa-times-circle { color: red !important; }
#control_password i.fa-check { color: green !important; }
#control_password { position: absolute; top: 60px; background: white; padding: 5px; border: 1px solid gray; border-radius: 10px; z-index: 999; width: 360px; }



.header_block { background: url('https://cdn.swintfair.com/img/affiliate/header2.png'); height: 502px; background-position: bottom; background-size: cover; background-repeat: no-repeat; }
.text_bloque_info { padding-top: 15px; background: white; border-radius: 12px; }
.title_bloque_info { font-family: 'avenir-next-lt-pro-medium' !important; color: #00b86c; font-size: 14px; margin-bottom: 8px !important; }
.first_text_bloque_info { font-family: 'avenir-next-lt-pro-demi' !important; color: #073148; font-size: 24px; }
.btn_bloque_info { width: 200px; height: 48px; border-radius: 10px !important; background-color: #00b86c !important; color: white !important; 
	font-family: 'avenir-next-lt-pro-demi' !important;     padding: 13px !important; }
.second_text_bloque_info { margin-top: 25px; font-size: 14px; color: #073148; width: 500px; margin: auto; margin-top: 25px; }
#second_container { margin-top: 49px; }
.first_text_second_container { color: #073148; font-size: 42px; height: 75px; margin-bottom: 25px; font-family: 'avenir-next-lt-pro-medium' !important; }
.second_text_second_container { color: #073148; font-size: 20px; height: 100px; margin-bottom: 75px; width: 880px; margin: auto; }
.title_row_icons_affiliate { font-family: 'avenir-next-lt-pro-medium' !important; font-size: 42px; color: white; height: 75px; }
.text_tow_icons_affiliate { font-size: 24px; color: white; height: 100px; width: 880px; margin: auto; }
.text_ico_affiliate { font-size: 18px; color: white; }
.ico_affiliate { width: 48px; }
.container_icons_affiliate { background: #1f7a75; min-height: 508px; padding-bottom: 75px; }
.title_contact { font-family: 'avenir-next-lt-pro-medium' !important; color: #073148; font-size: 42px; height: 75px; margin-bottom: 25px; }
.text_contact { color: #073148; font-size: 24px; height: 50px; margin-bottom: 50px; }
.row_contact { width: 710px; margin: auto; }
.btn_contact { width: 350px; height: 60px; border-radius: 10px !important; background-color: #00b86c !important; color: white !important; 
    font-size: 18px; font-family: 'avenir-next-lt-pro-demi' !important; }
.ceo_text { font-size: 12px; color: #073148; width: 400px; margin: auto; margin-top: 10px; margin-bottom: 20px; }
.container_icons_affiliate { padding-top: 75px; padding-bottom: 75px; }

@media only screen and (max-width: 750px) {
	#wrapper .content-page { margin-top: 0px !important; }
	#bloque_info { position: absolute; top: 250px; width: 90%; left: 5%; }
	.first_text_bloque_info { font-size: 12px; }
	.second_text_bloque_info { font-size: 12px; width: 90%; margin-left: 5%; margin-right: 5%; }
	.btn_bloque_info { width: 150px !important; height: 35px !important; padding: 6px !important; }
	#second_container { margin-top: 210px; }
	.first_text_second_container { font-size: 20px; height: auto; width: 80%; margin: auto !important; margin-bottom: 25px !important; }
	.second_text_second_container { font-size: 12px; height: auto; width: 90%; margin-left: 5%; }
	.row_affiliate_benefits { margin-top: 35px !important; margin-bottom: 35px !important; width: 90%; margin-left: 5% !important; }
	.title_row_icons_affiliate { font-size: 20px; height: auto; }
	.text_tow_icons_affiliate { font-size: 16px; height: auto; width: 100%; }
	.text_ico_affiliate { font-size: 12px; }
	.ico_affiliate { width: 24px; }
	.container_icons_affiliate { min-height: 300px !important; padding-bottom: 25px !important; }
	.row_contact { width: 100% !important; margin-left: 0% !important; }
	.row_contact .col-12 { padding-left: 0px !important; padding-right: 0px !important; }
	.title_contact { font-size: 16px; height: auto; }
	.text_contact { font-size: 14px; height: auto; }
	.btn_contact { width: 100%; }
	.my_container .container_swint_header_block { margin-left: 0px !important; margin-right: 0px !important; }
	.header_block { height: 250px; }
	.ceo_text { width: 150px !important; margin: auto !important; margin-top: 15px !important; }
	.container_icons_affiliate { padding-top: 15px; padding-bottom: 15px; }
}

@media only screen and (min-width: 751px) and (max-width: 1199px) {
#wrapper .content-page { margin-top: 0px !important; }
#bloque_info { position: absolute; left: 0px; top: 502px; width: 100%; }
#second_container { margin-top: 250px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1200px) {
#second_container { margin-top: 60px !important; }
}
@media only screen and (min-width: 751px) and (max-width: 1200px) {
	
	
    .first_text_bloque_info { font-size: 20px; margin-left: 20px; margin-right: 20px; }
    .second_text_bloque_info { font-size: 14px; width: 90%; margin-left: 5%; margin-right: 5%; }
    
    .first_text_second_container { font-size: 25px; height: auto; }
    .second_text_second_container { font-size: 14px; height: auto; width: 90%; margin-left: 5%; }
    .row_affiliate_benefits { margin-top: 35px !important; margin-bottom: 35px !important; width: 90%; margin-left: 5% !important; }
    .title_row_icons_affiliate { font-size: 20px; height: auto; }
	.text_tow_icons_affiliate { font-size: 16px; height: auto; width: 100%; }
    .text_ico_affiliate { font-size: 14px; }
    .ico_affiliate { width: 32px; }
    .container_icons_affiliate { min-height: 300px !important; padding-bottom: 25px !important; }
    .row_contact { width: 90% !important; margin-left: 5% !important; }
    .title_contact { font-size: 16px; height: auto; }
    .text_contact { font-size: 14px; height: auto; }
    .btn_contact { width: 100%; }
	.my_container .container_swint_header_block { margin-left: 0px !important; margin-right: 0px !important; }
}

@media only screen and (min-width: 1201px) and (max-width: 1399px) {

}
   
@media only screen and (min-width: 1200px) {
#bloque_info { position: relative; top: 205px; }
.text_bloque_info { width: 750px; margin: auto; }
.row_affiliate_benefits { width: 1175px; margin: auto !important; padding-bottom: 75px !important; margin-top: 75px !important; }
	.row_icons_affiliate { width: 1175px; margin: auto !important; }
}
@media only screen and (min-width: 1400px) {
	

}