/*INI COS*/
#club {background-color:#7d2082;color:#fff;padding:60px 0;position: relative;text-align: center;}
#club .container {position: relative;}
#club .logo {margin:0 auto;}
#club .intro {font-weight:400;font-size:20px;margin:20px auto 30px auto;max-width:700px;}
#club form {display:inline-block;}
#club input[type='text'] {background-color:#fff;padding:7px 10px;height:36px;text-align:center;margin-right:10px;display:inline-block;width:320px;border:1px solid #fff;font-size:16px;color:#000;}
#club input[type='checkbox'] {background-color:#e3d0b6;border:1px solid #1788a0;}
#club button {text-transform:uppercase;color:#7d2082;font-family:'DIN Pro Bold';background-color:#ffed00;display:inline-block;height:36px;width:170px;font-size:16px;border-color:#ffed00;}
#club .legal {text-align:left;font-size:11px;margin-top:10px;}
#club .legal a {font-weight:600;text-decoration:underline;}
#club .legal a:hover {text-decoration:none;}
#club .left,
#club .right {display:inline-block;}
#club .followus {position:absolute;right:0;bottom:-15px;background-image:url('../img/share_arrow.png');background-position:left center;padding-left:50px;}
#club .followus .tit {color:#fff;font-size:32px;margin-bottom:5px;}
#club .followus ul li {display:inline-block;margin:0 5px;}
#club .followus ul li a {display:inline-block;width:47px;height:48px;}
#club .followus ul li a.fb {background-image:url('../img/share_fb.png');}
#club .followus ul li a.insta {background-image:url('../img/share_insta.png');}
#club .followus ul li a.yt {background-image:url('../img/share_yt.png');}
#club .error_msg {margin-bottom:10px;color:#FF0004;font-size:14px;font-weight:600;}
#club .success_msg {margin-bottom:10px;color:#000;font-size:14px;font-weight:600;}

#henkel {background-color:#fff;padding:25px 0;display:none;}
#henkel img {max-width:110px;}

#henkel_access {padding:30px 60px;}
#henkel_access .logo {margin-bottom:20px;}
#henkel_access .logo img {max-height: 40px;}
#henkel_access .logo .slogan {font-size:12px;color:#666;font-weight: 400;margin-top:3px;}
#henkel_access form .tit {font-size:20px;color:#000 !important;text-align: center;}
#henkel_access .intro {font-weight:300;font-size:20px;margin:15px auto 20px auto;color:#bf1e15;max-width:630px;}
.intro_sms {margin-bottom:20px;color:#fff;font-size:14px;padding-top:10px;}
.intro_sms p {font-size:14px;}
.sienun {font-size:13px;}
.intro_comprueba {font-size:16px;}

select {-webkit-appearance: none;-moz-appearance:    none; appearance:         none;padding: 9px 20px 9px 20px !important;}
#henkel_access .tit {font-size:26px;font-weight:300;color:#bf1e15;margin:5px auto 20px auto;}
#henkel_access .forms {margin-top:20px;}
#henkel_access #login {margin:0 45px 50px auto;text-align:center;max-width:320px;}
#henkel_access #forgot {margin:0 auto 0 auto;text-align:center;max-width:320px;}
#henkel_access #register {margin:0 auto 0 40px;text-align:center;max-width:360px;}
#henkel_access .sepline {border-left:1px solid #bf1e15;}
#henkel_access form {display:block;text-align:left;}
#henkel_access form .form-group {margin-bottom:0;}
#henkel_access form .row > div {padding-right: 5px;padding-left: 5px;}
#henkel_access form input[type="text"],
#henkel_access form input[type="password"],
#henkel_access form input[type="email"],
#henkel_access form select {border:1px solid #311c5c;padding:5px 10px 4px 10px;font-size:14px;margin-bottom:10px;border-radius:0; }
#henkel_access form select {height:32px;-webkit-appearance: none;}
#henkel_access form .legal {text-align:left;font-size:12px;margin-top:10px;color:#000;}
#henkel_access form .legal a {font-weight:600;text-decoration:underline;color:#000;}
#henkel_access form .legal a:hover {text-decoration:none;}
#henkel_access form .form_legal {font-size:12px;}
#henkel_access form .form_legal a {color:#bf1e15;text-decoration: underline;}
#henkel_access .forgot {text-align:center;margin-top:15px;font-size:13px;}
#henkel_access .forgot a {text-decoration:underline;color:#b10517;}
#henkel_access .forgot a:hover {text-decoration:none;}
#henkel_access form .buttons {margin-top:20px;text-align:center;margin-bottom:10px;}
#henkel_access form .buttons button,
#henkel_access .btn_follow_promo {color:#fff;font-weight:100;background-color:#bf1e15;display:inline-block;height:36px;width:200px;font-size:18px;}
#henkel_access form .buttons button {padding:5px 30px;width:auto !important;line-height: 18px;border-radius: 0;}
#henkel_access form button .loading {display: none;}
#henkel_access .btn_follow_promo {width:auto;padding:5px 20px;font-size:21px;height:inherit;}
#henkel_access form input[type="text"],
#henkel_access form input[type="password"],
#henkel_access form select {width:100%;}
#henkel_access form .sys-col {padding:0 5px;}
#henkel_access #sms input[type="text"] {text-align:center;}
#henkel_access #sms .buttons {margin-top:10px;}
#henkel_access #userdata .aviso {font-size:12px;}
#henkel_access .error_msg {margin-bottom:10px;color:#FF0004;font-size:14px;font-weight:600;}
#henkel_access .success_msg {margin-bottom:10px;color:#4FA7D8;font-size:14px;font-weight:600;}
.ui-autocomplete {text-align:left;}
.ui-autocomplete li * {font-size:13px;}
#henkel_access .signup_box {border-left:1px solid #bcbcbc;padding-left:40px;}
#henkel_access .alert {font-size:13px;}

#henkel_access input,
#henkel_access select,
#henkel_access textarea,
#henkel_access .sepline {border-color:#5b5b5b !important;}
#henkel_access form .legal a, 
#henkel_access button,
#henkel_access .btn_follow_promo {background-color:#b10517 !important;color:#fff;font-size:20px;font-weight: 300;}


#footer_club {background-color:#fff;color:#000;padding:10px 0 0 0;font-size:12px;}
#footer_club a {color:#000;}
#footer_club .slogan {font-size:18px;}
#footer_club .slogan,
#footer_club .copy, 
#footer_club .social,
#footer_club .menu {margin:15px 0;}
#footer_club .social {text-align: right;}
#footer_club .social li {display:inline-block;margin:0 4px;}
#footer_club .social li:first-child {margin-left:0;}
#footer_club .social li:last-child {margin-right:0;}
#footer_club .social a {display:inline-block;width:30px;height:30px;background-color:#fff;color:#000;border-radius:15px;text-align:center;font-size:22px;}
#footer_club .social a .fa {line-height:30px;}
#footer_club .menu li {display:inline-block;margin:0 8px;font-size:13px;}
#footer_club .menu li:first-child {margin-left:0;}
#footer_club .menu li:last-child {margin-right:0;}
#footer_club ul {margin-bottom:0 !important;}

.swift {font-family: 'Swift' !important;}

.login_box {display: none;}
.signup_step2 {display: none;}
/*
.signup_box,
.signup_step2 {display: none;}
*/

.div_forgot_link {font-size:12px;text-decoration: underline;font-weight: 600;}

.login_box .tit,
.signup_box .tit {margin-bottom:5px;}
.signup_box .tit {display: none;}

.asegurate {font-size:13px;margin-bottom:15px;font-weight: 400;color:#fff;}
.form-group-legal-min {font-size:10px;margin-bottom:5px;}
.form-group-legal-min a {text-decoration: underline;}
.form-group-legal-min a:hover {text-decoration: none;}

.form-control,
.form-control:focus {color:#000;padding:10px 20px 8px 20px;font-size:14px;font-weight:500;border:1px solid #434343;border-radius: 0;}

.error_content {font-size:13px;font-weight: 700;margin-bottom:10px;color:red;}

.hidden {display: none;}

@media only screen and (max-width : 960px) {
#club .followus {position:relative;width:auto;display:block;right:inherit;bottom:inherit;margin-top:40px;background-image:none;padding-left:0;}
#colorbox,
#cboxWrapper,
#cboxContent,
#cboxLoadedContent {width:100% !important;}
#colorbox {top:0 !important;}
#cboxContent {margin-top:0 !important;}
}

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

}
@media only screen and (max-width : 767px) {
#henkel_access {padding:30px 30px;}
#henkel_access #login {margin:0 0 50px auto;max-width:inherit;}
#henkel_access #register {margin:0 auto 0 auto;max-width:inherit;}
#henkel_access .sepline {border-left:0;}
#cookie-policy .cp-content {width:auto;max-width:inherit; padding:0 10px;font-size:12px;margin:20px auto;}
#cookie-policy .cp-content h6 {font-size:14px;}
#cookie-policy .cp-content p {line-height:16px;font-size:12px;max-width:inherit;}
#cookie-policy .cp-content .cp-close {float:none;margin-top:0px;display:inline-block;}
}
@media only screen and (max-width : 480px) {
#henkel_access {padding:10px 10px;}
#henkel_access .logo img {max-height:40px;}
#henkel_access .intro {font-size:16px;}
#henkel_access .tit {font-size:18px;}
#club form,
#club .left {display:block;}
#club .left {margin-bottom:20px;}
#club input[type="text"] {width:100%;}
#club .logo {max-height:50px;}
#club .intro {font-size:18px;}
#club .followus .tit {font-size:20px;}
#club .followus ul li a {height:32px;width:32px;background-size:100% auto;}
#henkel {padding:15px 0;}
#henkel img {max-height:30px;}
#footer_club .slogan {font-size:15px;}
#footer_club .menu li {display:block;margin-left:0;margin-bottom:5px;text-align:center;}
#footer_club .social {text-align:center;}
}
/*END COS*/