@font-face{font-family:Open sans;src:url(OpenSans-Regular.ttf);}
#sociallogin_button #magestore-popup_social ul li button{width:175px;height:37px;}
#sociallogin_button #magestore-popup_social ul li{float:left;font-family:Open sans;}
@media all and (min-width:0px) and (max-width:680px){#magestore-login-social .magestore-login-social li,.sociallogin-other ul li.other-button{padding:0px 0px 10px 0px;}
#magestore-popup_social{font-size:1.5em !important;}
}
@media (min-width:681px){#magestore-login-social .magestore-login-social li,.sociallogin-other ul li.other-button{padding:0px 0px 10px 10px;}
}
@media all and (min-width:0px) and (max-width:459px){#sociallogin_button #magestore-popup_social ul li{padding:0px 0px 10px 0px;}
#sociallogin_button ul li{padding:0px 0px 10px 0px;}
}
@media (min-width:460px){#sociallogin_button #magestore-popup_social ul li{padding:0px 0px 10px 10px;}
#sociallogin_button ul li{padding:0px 0px 10px 10px;}
}
ul.magestore-login-social li{background:#fff;border:none;}
#magestore-popup{width:66% !important;z-index:99999;max-width:587px;}
#magestore-popup_social{text-align:center;font-size:2.5em;line-height:1.25em;margin-bottom:0.7em;position:absolute;top:100px !important;left:0;z-index:100000;background-color:white;}
#sociallogin_button ul.right li{float:right;}
.magestore-popup_social{width:740px !important;}
#other_sociallogin_label{background-color:rgb(240, 240, 237);line-height:2em;}
#magestore-popup_social li{}
ul.magestore-login-social li.button{list-style:none !important;}
ul.magestore-login-social li.button:hover{background:none !important;margin:0;border:none;list-style:none !important;}
.sociallogin-input-box .input-text{box-shadow:none;}
.sociallogin-other-button-popup li.button{background:none;border:none;list-style:none !important;}
.sociallogin-other-button-popup li.button:hover{background:none;border:none;list-style:none !important;}
.other-button{padding:0;}
.bt-login-social{padding:0;margin:0 !important;}
.top-container{width:100%;}
#sociallogin_button{float:left;}
#sociallogin_button ul li,.sociallogin-other ul li{margin:0px;}
#sociallogin_button ul li.button,.sociallogin-other ul li.button{background:none !important;border:none !important;list-style:none !important;}
#sociallogin_button ul li.button,.sociallogin-other ul li{}
#sociallogin_button ul li.button:hover{background:none !important;border:none !important;list-style:none !important;}
.sociallogin-other-button{_display:block !important;z-index:3000 !important;}
#sociallogin-other-a{display:inline-block;width:100%;text-align:right;}
#sociallogin-other-div{display:inline-block;width:100%;margin:0;}
#sociallogin-other-b{display:block;height:30px;line-height:30px;}
#sociallogin-other-b span{display:block;margin-right:30px;text-align:right;}
#sociallogin-other-button{top:30px;}
#magestore-popup{top:100px !important;position:absolute !important;z-index:40020 !important;}
#magestore-login-form .magestore-invalid-email{margin:0;}
.other-button{}
#bg_fade{z-index:30020 !important;float:left;width:100%;min-height:3000px;}
.active .sociallogin-other-span-img-popup{float:right;width:26px;height:16px;cursor:pointer;background:url("sociallogin/sub.png") no-repeat right;}
@media all and (min-width:0px) and (max-width:680px){}
@media screen and (max-width:719px){.top-container{margin:0 auto;}
#magestore-login-social{float:left !important;width:100%;}
#magestore-login-form{float:left !important;width:100%;margin:0;}
.sociallogin-input-box{float:left;width:100%;}
.magestore-login-input-box label{float:left;width:100% !important;}
.sociallogin-input-box .input-text{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;box-shadow:none;height:30px;}
#magestore-create-user{float:left !important;width:100%;}
.form-list .sociallogin-field{float:left !important;width:100% !important;}
.form-list .sociallogin-field .input-text{float:left;width:100% !important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:30px;}
.sociallogin-field label{float:left;}
#sociallogin-other-button li.other-button{float:none;margin:0;text-align:center;}
#sociallogin-other-button-popup li.button{float:none;text-align:center;width:100%;}
ul.magestore-login-social li.button{text-align:center !important;width:100%;}
.magestore-popup_social{width:380px !important;}
}
@media screen and (max-width:479px){.magestore-popup_social{width:210px !important;}
#magestore-forgot-password, #magestore-forgot-back{float:left !important;margin:10px 0 !important;width:100%;}
#sociallogin_button ul li.button{margin:0;text-align:center;width:100%;list-style:none !important;}
#sociallogin-other-button li.other-button{float:none;margin:0;text-align:center;width:100%;list-style:none !important;}
#sociallogin-other-button-popup li.button{float:none;text-align:center;width:100%;list-style:none !important;}
}
@media screen and (min-width:720px) and (max-width:985px){.top-container{margin:0 auto;}
#magestore-login-social{float:left !important;width:100%;}
#magestore-login-form{float:left !important;width:100%;margin:0;}
.sociallogin-input-box{float:left;width:100%;}
.magestore-login-input-box label{float:left;width:100% !important;}
.sociallogin-input-box .input-text{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;box-shadow:none;height:30px;}
#magestore-create-user{float:left !important;width:100%;}
.form-list .sociallogin-field{float:left !important;width:100% !important;}
.form-list .sociallogin-field .input-text{float:left;width:100% !important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:30px;}
.sociallogin-field label{float:left;}
#sociallogin-other-button li.other-button{}
ul.magestore-login-social li.button{float:left;}
.magestore-popup_social{width:380px !important;}
}
@media screen and (min-width:986px){#magestore-login-social{text-align:center !important;}
ul.magestore-login-social li.button{}
#magestore-login-social.magestore-login-social{width:200px}
}
@media screen and (min-width:986px) and (max-width:1235px){#magestore-login-social{float:left !important;width:100%;text-align:center !important;}
#magestore-login-form{float:left !important;width:100%;margin:0;}
.sociallogin-input-box{float:left;width:100%;}
.sociallogin-input-box .input-text{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;box-shadow:none;height:30px;}
.magestore-login-input-box label{float:left;width:100% !important;}
#magestore-create-user{float:left !important;width:100%;}
.form-list .sociallogin-field{float:left !important;width:100% !important;}
.form-list .sociallogin-field .input-text{float:left;width:100% !important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:30px;}
.sociallogin-field label{float:left;}
#magestore-login-social ul.magestore-login-social li{float:left;}
#magestore-login-social ul.magestore-login-social li{}
.magestore-popup_social{width:563px !important;}
}
@media screen and (min-width:1236px) and (max-width:1585px){.magestore-popup_social{width:740px !important;}
}
@media screen and (min-width:1235px){#magestore-login-form{max-width:364px;}
#magestore-create-user{max-width:374px;}
.sociallogin-field{max-width:187px;}
}
@media screen and (min-width:1586px) and (max-width:1890px){.magestore-popup_social{width:740px !important;}
}
@media screen and (min-width:1891px){.magestore-popup_social{width:740px !important;}
}