#spinner h5,#telreg_label{font-weight:700}
body,html{margin:0;padding:0;font-family:Arial}
.loginwrap .login01,.loginwrap .login02,.loginwrap .loginredes,.loginwrap .loginsplash,.loginwrap ul li:before{background-repeat:no-repeat}
.overlay{position:fixed;height:100vh;width:100vw;left:0;top:0;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Arial;font-family:inherit;transition:.5s;overflow-x:hidden;z-index:99999}
.loginwrap{position:absolute;left:calc(50% - 480px);top:calc(50% - 325px);width:960px;height:640px;font-family:inherit;z-index:2;overflow:hidden}
.loginwrap .login01,.loginwrap .login02,.loginwrap .login03{position:relative;padding:20px 20px 10px;height:100%;z-index:3;background-repeat:no-repeat;background-size:auto 436px;background-position:190% 60%;background-color:#fff}
.login_frase,.loginwrap .login_logo{padding:0;position:relative;display:block}
.loginwrap .login_logo{margin:0 auto;width:22%!important;margin-bottom:0!important;padding-top:0!important;}
.loginwrap .login03 .login_logo{margin:0 auto 30px}
.loginwrap .login02 .login_logo{margin:0 auto 15px}
.login_frase{margin:5px auto 30px;width:auto;height:37px}
.loginwrap h3{position:relative;font-family:arial;line-height:1.2;width: calc(50% - 40px);}
.loginwrap p{margin:0 0 15px;font-family:arial;color:#fff;position:absolute;top:53%;width:130px;font-size:0.5vw;left:5%;text-align:center;line-height:10px}
.loginwrap .login02 h3{margin:100px 20px 0;width:35%;font-size:20px}
.loginwrap ul{margin:10px 0;padding:0 20px;width:60%}
.loginwrap ul li{position:relative;margin:0 0 0 25px;font-family:arial;color:rgba(75,75,75,1);font-size:15px;line-height:1.5;list-style:none}
.loginwrap ul li:before{content:"";position:absolute;left:-25px;top:0;padding:10px;background-image:url(../../img/locoporlacocina/misc_bullet.png);background-position:left center;background-size:70%}
.loginwrap form{position:relative;display:block;width:calc(50% - 40px)}
.loginwrap input{position:relative;float:left;margin:0 10px 0 0;padding:12px 5px;font-size:large;color:#000;text-align:center;border-radius:10px;border:2px solid #000}
.loginwrap input::-webkit-input-placeholder{color:rgba(255,182,37,1)}
.loginwrap input:-moz-placeholder{color:rgba(255,182,37,1);opacity:1}
.loginwrap input::-moz-placeholder{color:rgba(255,182,37,1);opacity:1}
.loginwrap input:-ms-input-placeholder{color:rgba(255,182,37,1)}
.loginwrap .selectwrap{position:relative;display:inline-block;margin:0;padding:12px 15px;background-color:#000;border-radius:6px}
.loginwrap .selectwrap select{position:relative;padding:0 5px;border:none;color:#fff;background-color:#000;font-size:large;height:22px}
.loginwrap input.login.btn.continuar{position:relative;margin:10px 1em 0 0;padding:12px 32px;color:#fff;background-color:#000}
.loginwrap .captcha{position:relative;display:block;width:35%;height:100px;margin:20px 0 10px 20px}
.loginwrap .clearfix{clear:both}
.loginwrap input::-webkit-input-placeholder{color:#F3949A}
.loginwrap input:-moz-placeholder{color:#F3949A;opacity:1}
.loginwrap input::-moz-placeholder{color:#F3949A;opacity:1}
.loginwrap input:-ms-input-placeholder{color:#F3949A}
.loginwrap .loginsplash{position:absolute;width:150px;height:150px;background-image:url(../../img/mundomusica/misc_loginsplash.png);background-size:100%}
.loginwrap .loginsplash span{position:absolute;display:block;left:51%;top:42%;font-family:arial;font-size:large;color:#fff;transform:translateX(-56%) translateY(-50%)}
.loginwrap .loginredes{position:relative;margin:10px 0 0 11px;float:left;padding:0 20px 30px;background-image:url(../../../../themes/sosmujer_theme/img/sosmujer_misc_seguinos.png);background-size:100px auto;background-position:bottom right}
.loginwrap .login01 .loginredes{padding:50px 20px 30px 40px}
.loginwrap .login02 .loginredes{padding:20px 20px 0;width:60px}
.loginwrap .login03 .loginredes{width:calc(100% - 40px);margin:15px 0 0;background-position:50% 100%;background-size:86px auto;background-image:none}
.loginwrap .loginredes a img{margin:0;height:40px;width:auto}
.loginwrap .login01 .loginredes a img{margin:0;position:relative;left:-10px}
.loginwrap .login02 .loginredes a img{margin:0 0 30px 20px;position:relative;left:-10px}
.loginwrap .loginapps{position:relative;display:block;margin:40px 0 20px;padding:0;float:right}
.loginwrap .login02 .loginapps{margin:60px 0 20px}
.loginwrap .login01 .loginapps{margin:10px 0 20px}
.loginwrap .loginapps a img{margin:0;height:50px;width:auto}
.loginwrap .logintyc{position:absolute;bottom:10px;display:block;margin:5px 0 0;padding:10px 0 0;width:100%;text-align:center;border-top:1px solid #000}
.loginwrap .logintyc a{font-family:arial;font-size:small;color:#525252;text-decoration:underline}
.txt_final_precio{width:50px;height:20px;font-size:14px;color:#fff;position:absolute;top:68px;left:94px}
#telreg_label{float:left;color:#000}
#spinner{display:none;margin:15px 20px}
#smsinst{display:none;margin-top:1em;font-size:14px}
.arrow-down{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:20px solid #F3949A;position:absolute;left:55px;bottom:-20px}
.container,.loginwrap .login01,.loginwrap .login02{padding:0}
#section-1,#section-3 {background-color:white}
#section-1,#section-2{padding:15px 30px}
#section-3,#section-4{padding:7px 30px;display:none}
.loginwrap h3{width:auto;color:#000;margin:15px 10px;font-size:1.1em}
.image_holder{position:relative}
.image_holder img{position:absolute;left:565px;top:-20px;width:650px;z-index:1010;max-width:initial}
#section-2,#section-3,.logintyc{position:relative}
.loginwrap form{margin:0 20px}
.logintyc{margin:-30px 0 0;z-index:9999}
.loginwrap .loginsplash{top:-35px;left:50%;z-index:1010}
#telreg{text-align:left;padding-left:24px}
#telreg::-webkit-input-placeholder{color:#000000}
#telreg::-moz-placeholder{color:#000000}
#telreg:-ms-input-placeholder{color:#000000}
#telreg:-moz-placeholder{color:#000000}
#telreg:focus{outline:0}
#telreg_label{padding:15px 0 0 20px; margin-right: 10px!important; font-size: 17px!important}
.action-btn{margin:20px 0 10px}
.action-btn button{background-color:#000;padding:1em 2em;color:#FFF;font-size:.9em}

.action-btn .continuar{border:0;border-radius:10px;font-family:Arial}
#section-4 h3{color:#ccc}
#section-3 .black{color:#000}
#section-3 a{text-decoration:none;color:#fff;font-size:.8em}
#section-3 a:hover{cursor:pointer;color:#000}
.button-wrapper{width:80%;margin:auto}
#exclusivo{ margin-left:25px;color:#000}
.loginwrap .loginsplash{display:block;}
.out{display:none!important}
.in{display:block!important}

@media screen and (max-width:1024px){
	.loginwrap{left:calc(50% - 380px);width:760px}
	.loginwrap .login_logo{width:20%; margin-bottom:30px;}
	.loginwrap .login_frase{height:26px}
	.loginwrap .login01{background-size:auto 500px;background-position:-1020% 75%}
	.loginwrap .login02{background-size:auto 340px;background-position:107% 55%}
	.loginwrap h3{margin:15px 10px}
	.loginwrap .login02 h3{margin:100px 20px 20px 10px;width:30%}
	.loginwrap ul{width:60%;padding:0 10px}
	.loginwrap form{margin:0 10px 10px}
	.loginwrap input{margin:0 5px 0 0;padding:10px 0;font-size:medium}
	#exclusivo,#spinner h5{font-size:14px}
	.loginwrap .selectwrap{padding:9px 5px;margin-top:10px}
	.loginwrap .loginapps{margin:40px 0 20px 50px;float:left}
	.loginwrap .login02 .loginapps{margin:40px 20px 20px 50px;float:right}
	.loginwrap .logintyc{margin:10px 0 0}
	.login_img_03{width:600px}
	.loginwrap .login01 .loginredes{padding:10px 20px 30px 40px}
	#spinner h5{width:45%}
	#spinner img{margin:1em 0 1em 2em}
	.image_holder img{left:-320px}
	.action-btn button{font-size:.8em}
	#telreg_label{padding:10px 0 0 10px}
	#section-4 .action-btn button{font-size:1em}
}

@media screen and (max-width:780px){
	.loginwrap{left:calc(50% - 150px);width:300px;height:400px;top:40px}
	.loginwrap .login01,.loginwrap .login02,.loginwrap .login03{height:370px;overflow:scroll}
	.loginwrap .login02{background-image:none}
	.loginwrap .login_frase{margin:10px auto;height:18px}
	.loginwrap .login01 .login_frase{height:11px}
	.loginwrap iframe{width:100%;height:180px}
	.loginwrap h3{margin:10px 0;width:100%}
	.loginwrap .login02 h3{margin:20px 0;width:100%;text-align:center;font-size:medium}
	.loginwrap ul{width:100%;padding:0}
	.loginwrap ul li{margin:10px 0 0 25px;font-size:13px;line-height:1.2}
	.loginwrap form{margin:10px 0;width:100%;text-align:center}
	.loginwrap input{padding:10px 0;font-size:smaller;float:none;position:relative;margin:0 auto;display:block}
	.loginwrap input.login.btn.continuar{margin:10px auto;padding:10px}
	.loginwrap .loginredes{margin:0 auto;padding:0;width:188px;background:0 0;float:none}
	.loginwrap .loginsplash{position:relative;top:initial;left:initial;margin:0 auto}
	.loginwrap .loginredes a img{position:relative;margin:0 10px}
	.loginwrap .loginredes a{position:relative;display:inline-block;width:auto}
	.loginwrap .loginapps{margin:20px auto;float:none;width:90px}
	.loginwrap input#areareg{float:left;margin-left:64px;margin-bottom:10px}
	.loginwrap input#telreg{float:right;margin-right:40px;margin-bottom:10px}
	.loginwrap .login02 input#areareg,.loginwrap .selectwrap{margin:0 auto;float:none}
	.loginwrap input#telreg:after{content:"";clear:both}
	.loginwrap .selectwrap{padding:9px 5px}
	.login_img_03{width:200px}
	.loginwrap .login02 .loginredes a img{margin:0 0 0 20px}
	.loginwrap .login01 .loginredes{padding:45px 20px 0 40px;width:40px}
	.loginwrap .login01 .loginredes a img{left:-26px}
}