/**
 * Apptha
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.apptha.com/LICENSE.txt
 *
 * ==============================================================
 *                 MAGENTO EDITION USAGE NOTICE
 * ==============================================================
 * This package designed for Magento COMMUNITY edition
 * Apptha does not guarantee correct work of this extension
 * on any other Magento edition except Magento COMMUNITY edition.
 * Apptha does not provide extension support in case of
 * incorrect edition usage.
 * ==============================================================
 *
 * @category    Apptha
 * @package     Apptha_Sociallogin
 * @version     0.2.0
 * @author      Apptha Team <developers@contus.in>
 * @copyright   Copyright (c) 2015 Apptha. (http://www.apptha.com)
 * @license     http://www.apptha.com/LICENSE.txt
 *


 * */
 /*css for id.me */
 #id_login_section .idme-trigger a {
    text-align: unset;
}
#header_logo_Div_Login .validation-passed, #header_logo_Div_Login .validation-error{
    background-position: 100% 7px;
}
.social_titles {
    padding-bottom: 20px;
}
.social_titles div {
    line-height: 20px;
}
.social_titles .social_sub_titles {
    font-size: 14px;
}
.social_titles .social_main_title {
    font-size: 14px;
}
div#id_login_section {
    width: 100%;
}
div#id_login_section img {
    width: 200px;
    height: auto;
}
#id_login_section .idme-description {
    width: 95%;
    margin: 10px auto;
    float: none;
}
.cms-register-edu .col-main > ul.messages {
    position: relative;
    bottom: 200px;
    overflow: unset;
    margin: 0;
    width: 100%;
    margin-bottom: -100px;
}
.cms-register-edu.cms-page-view .main-wrapper.custom .messages .error-msg ul {
    padding: 12px 40px !important;
    background: unset;
}
.cms-register-edu .col-main > ul.messages .error-msg span::before {
    content: "\e90e";
    font-family: "icomoon";
    border: 1px solid #c72129;
    margin: 10px;
    vertical-align: bottom;
    font-weight: bold;
    padding: 4px;
    border-radius: 50%;
}
 /*end css of id.me*/
    /* changed the design of popup*/
.cms-register-edu ul#nav {
    font: 12px/1.35 'Roboto', Arial, Helvetica, sans-serif;
}
.position_fixed {
    position: fixed;
    width: 100%;
    overflow: hidden;
}
#header_logo_Div_Login {
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    z-index: 999991;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    max-width: 660px;
    width: 660px;
}
#header_logo_Div_Login button,#header_logo_Div_Login button span {
    font-family: 'Montserrat', sans-serif !important;
}
#header_logo_Div_Login #social_popup_main
{
    margin-top: 5px;
}
.active#cartAccount:after {
    content: "";
    height: 6px;
    background: #fff;
    z-index: 999999;
    position: absolute;
    display: block;
    width: 100%;
}
.top-myaccount h3#cartAccount.active
{
    position: relative;
}
.top-myaccount h3#cartAccount {
    padding: 0;
}
.top-myaccount a#open_login_model {
    padding: 15px 10px;
}
#header_logo_Div_Login .validation-advice {
    padding-left: 15px !important;
}
#header_logo_Div_Login div.checker {
    float: left;
}
#header_logo_Div_Login div.checker,
#header_logo_Div_Login div.checker span,
#header_logo_Div_Login div.checker input {
    width: 14px;
    height: 15px;
}
#header_logo_Div_Login div.checker input {
    -webkit-appearance: none;
    appearance: none;

}
#header_logo_Div_Login div.checker span.checked {
    background: url(../images/radio-checked.png) 0px 0 no-repeat;
    background-size: contain;
}
#header_logo_Div_Login div.checker span
{
    background: url(../images/radio-unchecked.png) 0px 0 no-repeat;
    background-size: contain;
}
#header_logo_Div_Login .buttom-link span.create_button.sing_in.mobile {
    margin: 0;
    display: none;
}

a.create_button.sing_up.mobile {
    line-height: 1.5;
    margin-bottom: 10px;
    color: #ffffff;
opacity: 0.8;
    position: relative;
    top: 10px;
    text-decoration: underline;
    font-weight: unset;
}
div#bg_fade {
    background-color: #000;
    height: 100%;
    left: 0px;
    margin: 0px;
    padding: 0px;
    position: fixed;
    top: 0px;
    visibility: hidden;
    width: 100%;
    z-index: 998;
}
.top-myaccount h3.active a:before {
    color: #c72129;
}
.top-myaccount h3.active a {
    color: #c72129;
}
.top-myaccount h3.active {
    background: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
#header_logo_Div_Login button.button:hover span, #header_logo_Div_Login button.button:hover span span,#header_logo_Div_Login  a.button:hover,#header_logo_Div_Login a.button:hover span,
#header_logo_Div_Login .signup-btn button:hover {
    background: #b11d24;
}
#header_logo_Div_Login button.button.minicarpopup span,#header_logo_Div_Login .forgot_submit span {
    cursor: pointer;
    border-radius: 15px !important;
    color: #fff;
    background: #c72129;
    font-weight: 600;
    outline: none;
    border: none;
    width: 100%;
}
#header_logo_Div_Login .login-box .field {
    position: relative;
    margin-bottom: 20px;
}
#header_logo_Div_Login .login#social_popup_main {
    padding: 50px 0 0;
    margin-top: 5px; 
}
#header_logo_Div_Login .login-box input {
    width: 100%;
    border-radius: 15px;
    border: 1px solid #969696;
    color: #333 !important;
    padding-left: 15px;
    outline: none;
    text-align: left;
}
#header_logo_Div_Login .login-box .input-box {
    margin-bottom: 20px;
}
#header_logo_Div_Login a.forgot_pass_link {
    color: #969696;
    font-size: 14px;
    text-decoration: underline;
}
#header_logo_Div_Login .block.block-login
{
    padding: 50px !important;
}
#header_logo_Div_Login button:focus
{
    outline: unset;
}
#header_logo_Div_Login .forgot_pass#social_popup_main {
    padding-bottom: 140px;
}
.right_content.forgot_pass form .fieldset {
    padding-top: 20px;
}
#header_logo_Div_Login button.button.minicarpopup {
    margin: 20px 0;
    min-width: 150px;
}
.right_content.forgot_pass .fieldset p {
    text-align: left;
}
#header_logo_Div_Login button.button.forgot_submit {
    float: none;
    min-width: 150px;
    margin-top: 10px;
}
#header_logo_Div_Login .buttons-set.form-buttons {
    width: 100%;
    display: block;
    margin: 0 auto;
}

#header_logo_Div_Login .right_content.forgot_pass {
    float: left;
    width: 60%;
    background: #fff;
    padding: 50px;
    border-bottom-right-radius: 15px;
    position: relative;
}
#header_logo_Div_Login span.create_button.sing_in,
#header_logo_Div_Login span.create_button.forgot_pass {
    border: 1px solid;
    padding: 7px 20px;
    cursor: pointer;
    border-radius: 15px;
}
#header_logo_Div_Login .login-box label {
color: #969696;
    padding-bottom: 5px;
    display: block;
    font-weight: 300;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 0;
    padding-left: 10px;
    text-align: left;
}
#header_logo_Div_Login a.closeLink.white::before {
    color: #fff;
}
#header_logo_Div_Login .signup-btn span {
    padding: 0;
}
#header_logo_Div_Login .login-step button.button span {
    background: unset;
    color: unset;
}
#header_logo_Div_Login .fieldset {
    margin: 0;
}
#header_logo_Div_Login .error_block_content span.create_button {
    display: block;
    background: #c72129;
    color: #fff;
    padding: 7px 15px;
    border-radius: 15px;
    max-width: 150px;
    margin: 30px auto;
    cursor: pointer;
}
#header_logo_Div_Login .show_error#social_popup_main {
    display: block;
    padding-bottom: 13px;
}
#header_logo_Div_Login .error_block_content {
    font-size: 14px;
}
#header_logo_Div_Login .login-step button.button span span {
    color: unset;
    height: unset;
    padding: unset;
    text-transform: unset;
}
#header_logo_Div_Login .closeLink {
    position: absolute;
    right: 0;
}
#header_logo_Div_Login a.closeLink::before {
    top: 10px;
    font-size: 20px !important;
    content: "\e90e" !important;
    font-family: icomoon;
    transform: unset !important;
    font-weight: 600;
    color: #999 !important;
}

#header_logo_Div_Login .right_content.show_error {
    float: left;
    width: 60%;
    background: #fff;
    padding: 50px;
    border-bottom-right-radius: 15px;
}
#header_logo_Div_Login .form-list li.control.content_css label {
    font-style: normal;
}
#header_logo_Div_Login .sing_up,#header_logo_Div_Login .forgot_pass, #header_logo_Div_Login .show_error
{
    display: none;
}
#header_logo_Div_Login #social_popup_main {
    border-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: url(../images/login-popup-bg.png) no-repeat center bottom #c72129;
    background-size: cover; 
    box-sizing: border-box;
    padding: 50px 25px 175px;
    color: #fff;
    box-shadow: none;
    max-width: 350px;
    float: left;
    width: 50%;
    background-size: 100%;
}
#header_logo_Div_Login .step-number {
    font-size: 50px;
    color: #fff;
    text-shadow: -4px 2px 0 #fdd126;
    line-height: 1;
    font-weight: 700;
    padding-right: 3%;
    width: 15%;
    display: inline-block;
    vertical-align: top;
}
#header_logo_Div_Login .step-content {
    width: 82%;
    display: inline-block;
    font-size: 14px;
    text-align: center;
}
#header_logo_Div_Login .step-content .actions {
    display: inline-block;
}
#header_logo_Div_Login .step-content p {
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 10px;
    color: #ffffff;
opacity: 0.8;
}

.account-create ul.form-list {
    margin: 0;
}
.account-create ul.form-list li .field {
    padding-bottom: 0;
}
#header_logo_Div_Login .step-content button {
    cursor: pointer;
    line-height: 29px;
    border-radius: 15px;
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    padding: 0 25px;
    margin-right: 10px;
    font-weight: 600;
    outline: none;
}
#header_logo_Div_Login .right_content {
    width: 60%;
    margin-top: 5px;
}
#header_logo_Div_Login .step-content button.btn-bg {
    color: #c72129;
    background: #fff;
}
#header_logo_Div_Login .account-create,#header_logo_Div_Login .block.block-login {
    float: left;
    width: 100%;
    padding: 30px 50px;
    border-radius: 0 15px 15px 0;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    border-top-right-radius: 0;
}
#header_logo_Div_Login .account-create h4 {
    text-align: center;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    font-size: 18px;
}
#header_logo_Div_Login .form-list label[for="is_subscribed"] {
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding-left: 0;
}
#header_logo_Div_Login li.control.content_css label {
    margin: 0 !important;
    padding: 0 !important;
}
div#uniform-is_subscribed {
    padding-top: 10px;
}
#header_logo_Div_Login .form-list label {
    color: #969696;
    padding-bottom: 5px;
    display: block;
    font-weight: 300;
    font-size: 13px;
    font-style: italic;
    padding-left: 10px;
    margin-bottom:0;
}
span.login_button {
    border: 1px solid;
    display: block;
    border-radius: 15px;
    padding: 4px 60px;
    font-weight: bold;
    cursor: pointer;
    width: 80%;
    margin: 0 auto;
}
h2.welcome_cap {
    text-transform: capitalize !important;
}
#header_logo_Div_Login .form-list label a {
    color: #969696;
    text-decoration: underline;
}
#header_logo_Div_Login .form-list input.input-text {
    line-height: 30px;
    border-radius: 15px;
    border:1px solid #969696;
    color: #333;
    padding-left: 15px;
    outline: none;
    margin-bottom: 10px;
}
#header_logo_Div_Login li.error-msg,#header_logo_Div_Login li.success-msg {
    padding: 10px;
}
#header_logo_Div_Login .input-box.validation-error {
    position: relative;
}
#header_logo_Div_Login .customer-name .field {
    width: 48%;
    clear: unset;
    float: left;
}
#header_logo_Div_Login .customer-name .field.name-firstname {
    margin-right: 2%;
}
#header_logo_Div_Login .customer-name .field.name-lastname {
    margin-left: 2%;
}
#header_logo_Div_Login .remember {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1;
  margin-bottom: 0;
  margin-right: 20px;
  color: #333 !important;
  line-height: 1.2;
  margin-bottom: 20px;
}
#header_logo_Div_Login .remember input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#header_logo_Div_Login .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: transparent;
  border-radius:3px;
  border: 1px solid #969696;
}
#header_logo_Div_Login .remember input:checked ~ .checkmark {
  background-color: #969696;
}
#header_logo_Div_Login .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

#header_logo_Div_Login .remember input:checked ~ .checkmark:after {
  display: block;
}
img.img-fluid.verified {
    width: 106px !important;
    margin-bottom: 10px;
}
#header_logo_Div_Login .remember .checkmark:after {
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header_logo_Div_Login .signup-btn {
    text-align: center;
    margin-top: 20px;
}
#header_logo_Div_Login .signup-btn button {
    cursor: pointer;
    line-height: 29px;
    border-radius: 15px;
    color: #fff;
    background: #c72129;
    padding: 0 50px;
    font-weight: 600;
    outline: none;
    border: none;
}
#header_logo_Div_Login input {
    height: 32px !important;
    padding: 5px !important;
    padding-left: 15px !important;
}
#social_popup_main .login-step {
    margin-top: 60%;
}
.social_main_title b {
    font-weight: 800;
}
#header_logo_Div_Login .fieldset p {
    color: #000;
}
#header_logo_Div_Login .forgot_pass#social_popup_main .login-step {
    margin-top: 30%;
}
#header_logo_Div_Login .show_error#social_popup_main .login-step {
    margin-top: 0;
    opacity: 1;
}
#header_logo_Div_Login .login#social_popup_main .login-step {
    margin-top: 45%;
}
@media(max-width: 768px)
{
    .border-right-corner,.social_titles
    {
        display: none;
    }
    #social_popup_main .login-step span.desktop, #social_popup_main .login-step p.desktop {
        display: none !important;
    }
    #header_logo_Div_Login .closeLink
    {
        top: 10px;
    }
    #social_popup_main .login-step
    {
        margin-top: unset !important;
        opacity: 1 !important;
        margin-bottom: 10%;
    }
    .active#cartAccount:after
    {
        display: none;
    }
    #header_logo_Div_Login .right_content,#header_logo_Div_Login .login#social_popup_main,#header_logo_Div_Login #social_popup_main
    {
        margin-top: 0;
    }
    #header_logo_Div_Login
    {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        position: fixed;
        max-width: unset;
    }
    #id_login_section .idme-description {
        width: 75%;
    }
    #header_logo_Div_Login ::-webkit-input-placeholder {
        /* WebKit browsers */
         font-style: italic;
    }
     #header_logo_Div_Login :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         font-style: italic;
    }
    #header_logo_Div_Login ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         font-style: italic;
    }
    #header_logo_Div_Login :-ms-input-placeholder {
        /* Internet Explorer 10+ */
         font-style: italic;
    }
    #header_logo_Div_Login input::placeholder {
         font-style: italic;
    }
    #header_logo_Div_Login textarea::-webkit-input-placeholder {
        /* WebKit browsers */
         font-style: italic;
    }
    #header_logo_Div_Login textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         font-style: italic;
    }
    #header_logo_Div_Login textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         font-style: italic;
    }
    #header_logo_Div_Login textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
         font-style: italic;
    }
    #header_logo_Div_Login textarea::placeholder {
         font-style: italic;
    }
    #header_logo_Div_Login #social_popup_main {
        width: 40%;
        padding: 20px 0;
        max-width: 100%;
        border-radius: 0;
    }
    .header_logo_Div_Login .mobile {
        display: inline-block;
        margin: 20px auto;
        color: #c72129;
        font-weight: 700;
        width: auto;
    }
    #header_logo_Div_Login .login#social_popup_main .login-step.second {
        display: none;
    }
    #header_logo_Div_Login .login-step.second {
        display: none;
    }
    #header_logo_Div_Login .right_content {
        width: 60%;
    }
    #header_logo_Div_Login .account-create, #header_logo_Div_Login .block.block-login {
        border-radius: 0;
        height: 100%;
    }
    #header_logo_Div_Login .login-box
    {
        margin-top: 30px;
    }
    #header_logo_Div_Login .right_content.forgot_pass,#header_logo_Div_Login .right_content.show_error{
        width: 100%;
        padding: 20px;
        border-radius: 0;
    }
    #header_logo_Div_Login #social_popup_main {
        padding-bottom: 200px !important;
        padding-top: 50px;
    }
    #header_logo_Div_Login .customer-name .field {
        width: 100%;
        margin: 0 !important;
    }
    #header_logo_Div_Login .account-create ul.form-list .field {
        padding-bottom: 9px !important;
    }
    #header_logo_Div_Login .account-create ul.form-list .fields label {
        display: none !important;
    }
    #header_logo_Div_Login .form-list label[for='email_address'] {
        display: none;
    }
    #header_logo_Div_Login .forgot_pass#social_popup_main {
        padding-bottom: 240px !important;
    }
    #header_logo_Div_Login .buttom-link {
        clear: both;
        float: left;
        width: 100%;
        margin: 20px 0;
    }
    .custom_title.sing_up.mobile {
        color: #ffffff;
opacity: 0.8;
        position: relative;
        top: 20px;
    }
    span.create_button.sing_up.mobile {
        clear: both;
        display: block !important;
    }
    #header_logo_Div_Login .block.block-login label {
        display: none;
    }
    #header_logo_Div_Login button.button.minicarpopup {
        margin-top: 0;
    }
    #header_logo_Div_Login .form-list input.input-text
    {
        margin-bottom:0;
    }
    #header_logo_Div_Login .login-box,form#mini_forgotpass_form
    {
        margin-top: 10px;
        padding-top: 0;
    }
    .right_content.forgot_pass form .fieldset
    {
        padding-top: 0;
    }
    #header_logo_Div_Login .form-list label[for="is_subscribed"]
    {
        font-size:12px;
    }
    #header_logo_Div_Login .form-list li.control.content_css label {
        font-style: normal;
        font-size: 12px !important;
    }
}
@media(max-width: 767px)
{
    .cms-register-edu .col-main > ul.messages
    {
    	bottom: 0;
    	margin-bottom: 0;
    }
    .cms-register-edu.cms-page-view .main-wrapper.custom .messages .error-msg ul {
	    padding: 10px !important;
	}
    #header_logo_Div_Login #social_popup_main {
        padding-bottom: 100px !important;
        padding-top: 50px;
        width: 100%;
        background-size: auto;
    }
    #header_logo_Div_Login .forgot_pass#social_popup_main {
        padding-bottom: 140px !important;
    }
    #header_logo_Div_Login .account-create, #header_logo_Div_Login .block.block-login {
        padding: 20px !important;
    }

    #header_logo_Div_Login {
        display: block;
        max-height: 100% !important;
        overflow: auto;
    }

    #header_logo_Div_Login .right_content {
        width: 100%;
    }
}
@media (min-width:959px) {
    #social_popup_main .login-step .hide_in_desktop {
        display: none !important;
    }
     #header_logo_Div_Login ::-webkit-input-placeholder {
        /* WebKit browsers */
         color: transparent;
    }
     #header_logo_Div_Login :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: transparent;
    }
    #header_logo_Div_Login ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: transparent;
    }
    #header_logo_Div_Login :-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: transparent;
    }
    #header_logo_Div_Login input::placeholder {
         color: transparent;
    }
    #header_logo_Div_Login textarea::-webkit-input-placeholder {
        /* WebKit browsers */
         color: transparent;
    }
    #header_logo_Div_Login textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: transparent;
    }
    #header_logo_Div_Login textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: transparent;
    }
    #header_logo_Div_Login textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: transparent;
    }
    #header_logo_Div_Login textarea::placeholder {
         color: transparent;
    }
}
/* end changes*/

/*Added by AR*/
#header_logo_Div_Login .form-list input.input-text,
#header_logo_Div_Login .form-list textarea,
#header_logo_Div_Login .form-list .input-box {
    width: 100%;
}
#header_logo_Div_Login #socialpopup_main_div {
    display: table;
    clear: both;
    float: none;
    width: 100%;
}
#socialpopup_main_div .block-title span {
    font-size: 22px;
    color: #7e7e7e;
    font-weight: 300;
}
.returning-block .input-text {
    width: 100%;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
    border-bottom: 1px solid #808080;
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 20px 0 10px;
    padding: 10px 0;
    font-size: 17px;
}
#socialpopup_main_div .login-box {
    display: block;
    -webkit-transition: height 0.6s ease, visibility 0.6s ease, opacity 0.6s ease-in, opacity 0.3s ease-in-out;
    transition: height 0.6s ease, visibility 0.6s ease, opacity 0.6s ease-in, opacity 0.3s ease-in-out;
    opacity: 0;
    height: 0;
    min-height: 30px;
}
#socialpopup_main_div .login-box a {
    display:none;
}
#socialpopup_main_div .login-box .validation-advice {
    opacity: 0;
}
#socialpopup_main_div .login-box.show .validation-advice {
    opacity: 1;
}
#socialpopup_main_div .login-box.show {
    height: 135px;
    opacity: 1;
}
#socialpopup_main_div .login-box.show a {
    display:inline;
}
#socialpopup_main_div .returning-block .login-box.show .input-text {
    display: block;
    opacity: 1;
}
#socialpopup_main_div #socialpopup_main_div  .login-box-showing button.button {
    margin-top: 0px;
}
#socialpopup_main_div .popup-left {
    width: 50%;
    padding: 30px 40px;
    float: left;
    background: #f7f7f7;
}
#socialpopup_main_div .popup-right {
    width: 50%;
    padding: 30px 0;
    float: left;
}
.returning-block .block-content {
    display: block;
    width: 80%;
    margin: 0 auto;
}
#socialpopup_main_div button.button {
    width: 100%;
}
#socialpopup_main_div button.button span {
    width: 100%;
    border-radius: 40px;
    height: auto;
    line-height: 25px;
    text-transform: none;
    font: 18px 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 600;
    padding: 8px 0;
    background-color: #c72129;
}
/*#socialpopup_main_div .popup-left button.button span {
    background-color: #0a92ca;
}*/
#socialpopup_main_div .popup-left button.button span {
    background-color: #c72129;
}
#socialpopup_main_div .block-title {
    margin-bottom: 35px;
}
.popup-left .comment, .popup-right .comment  {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}
#header_logo_Div .closeLink,#header_logo_Div_Login .closeLink  {
    width: 26px;
    height: 26px;
    z-index: 9999;
    cursor: pointer;
}
.top-myaccount h3 {
    margin-bottom: 0;
}
.top-myaccount h3 span {
    line-height: 45px;
}
#header_logo_Div a.closeLink::before,#header_logo_Div_Login a.closeLink::before {
    content: "+";
    font-size: 42px;
    color: #aaa;
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    z-index: 9;
}
#mini-loginform .password-cover,
#mini-loginform-header .password-cover {
    display: block;
    position: relative;
}
#mini-loginform span.note,
#mini-loginform-header span.note {
    display: block;
    position: absolute;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 5px 10px;
    right: 0;
    top: 6px;
}
#header_logo_Div #socialpopup_main_div
{
    display: flex;
}
#mini-loginform span.note a,
#mini-loginform-header span.note a {
    color: #333;
    font-size: 14px;
}
#mini-loginform span.note a:hover,
#mini-loginform-header span.note a:hover{
    text-decoration: none;
}
.ac-step-container div#step-login {
    display: none !important;
}
.ac-step-container.shipping-address {
    display: block !important;
}
.mobile-popuptitle {display: none;}

/*End by AR*/
@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and  (max-width: 960px) {
}

@media screen and (max-width: 780px) {
#socialpopup_main_div button.button span { font: 15px 'Roboto', Arial, Helvetica, sans-serif; padding: 6px 0; font-weight: 600;}
/*#social_popup_main{ width: 250px !important; padding: 10px !important; }*/
.left_login{ width: 100% !important; padding-right: 0px !important; }
#socialpopup_main_div .new_account_create, #socialpopup_main_div .return_login { width: 210px !important;}
#socialpopup_main_div .socialpopup-input-box{ width: 95% !important; }
#socialpopup_main_div .socialpopup-input-box input, .socialpopup-input-box input{ width: 220px !important; }
.checkout-cart-index #bg_fade {position: fixed !important;}
.divider-or{ display: none !important; }
#socialpopup_main_div #all_social_iconbtn{ width: auto !important; float: none !important; position: relative !important; clear: both !important;}
#all_social_iconbtn h4{ margin-left: 0px !important;}
#socialpopup_main_div .socialpopup_form label{ width: auto !important; }
#socialpopup_main_div .socialpopup-input-box .dob-day,#socialpopup_main_div .socialpopup-input-box .dob-month,
#socialpopup_main_div .socialpopup-input-box .dob-year{width: 70px !important;float: left;}
#socialpopup_main_div .socialpopup-input-box .dob-month{margin: 0 12px !important;}
#socialpopup_main_div .socialpopup-input-box .dob-day input,
#socialpopup_main_div .socialpopup-input-box .dob-month input,
#socialpopup_main_div .socialpopup-input-box .dob-year input{width: 56px !important;}
.calendar{z-index:999992;top: 43% !important;left: 2% !important;}
}

/* IE7 */
*:first-child+html .sl_clearfix{min-height:1%}
*:first-child+html .sl_clear{min-height:1%}
.sl_clear{height:0;font-size:0;clear:both}
.sl_clearright{height:0;font-size:0;clear:right}
.sl_clearleft{height:0;font-size:0;clear:left}
.sl_clearfix:after{clear:both;display:block;content:" ";height:0;visibility:hidden}
.sl_clearfix{display:block}* html
.sl_clearfix{height:1%}
li.sl_clearfix{display:list-item}

.checkout-cart-index #bg_fade {background-color:#000;height:100%;left:0px;margin:0px;padding:0px;position: fixed;top:0px;visibility:hidden;width:100%;z-index: 9999;}
/*#containerDiv {position: absolute;width: 23%; z-index: 999991;background: #fff;padding: 20px; border: 5px solid #121212;}
#containerDiv h1{font:bold 24px arial;}
#containerDiv .input_twitter{border: 1px solid #B6B6B6; width: 240px; float: left;border-radius: 5px;padding: 5px;margin-right: 10px;}
#containerDiv .twitter_btn, .twitter_btn.button{background: #09f; display: block; padding: 3px 10px; margin-left: 10px; font:bold 14px arial;  border-radius:5px; border-radius: 5px;float: left;border: 0;color: white; cursor: pointer;}*/
.social_input{float: left; position: relative;}
.social_input input#tw_email, input#linked_email{margin-bottom: 5px; padding: 3px 5px 2px 5px;width: 196px; float: left; border: 1px solid #CCC;}
.social_input .validation-advice {clear: both;min-height: 13px;margin: 3px 0 0;padding-left: 17px;font-size: 11px;font-weight: bold;line-height: 13px;background: url(../images/validation_advice_bg.gif) 2px 0 no-repeat;color: #EB340A;width: 190px; text-align: left;}
/*#containerDiv p {position: relative;height: 10%;padding: 10%;text-align: center;border: 1px blue solid;background-color: white;z-index: 99999;}*/
#header_logo_Div #closeLink,#header_logo_Div_Login #closeLink{background:url(images/social_logoin_sprite.png) no-repeat;top: -12px;right: -12px; width: 27px; height: 27px; position: absolute;z-index: 9999; cursor: pointer;background-position: -47px -148px;}
.social_blog{padding-bottom: 25px; overflow: hidden; width: 105%;margin-left: -10px;}
.social-page-title {width: 100%;overflow: hidden;border-bottom: 1px solid #CCC;margin: 0 0 15px;}
.social-page-title h1{margin: 0;font-size: 20px;color: #0A263C;}
.social-top{margin: 0 auto;width: 950px; }
#linkedDiv{position: absolute;width: 23%;z-index: 99999;background: white;padding: 20px;border: 5px solid #121212;}
#header_logo_Div{z-index: 999991;position: fixed;padding:10px;width:1000px;background: #333 transparent; top:50% !important; transform: translateY(-50%) !important ;/*background:url(images/social_popup_bg.png) repeat; left: 25% ;*/}
#header_logo_Div #closeLink1,#header_logo_Div_Login #closeLink1{background:url(images/social_logoin_sprite.png) no-repeat;top: -12px;right: -12px; width: 27px; height: 27px; position: absolute;z-index: 9999; cursor: pointer;background-position: -47px -148px;}
/*.closeLink{background:url(images/social_logoin_sprite.png) no-repeat;top: -6px;right: -6px; width: 26px; height: 26px; position: absolute;z-index: 9999; cursor: pointer;background-position: -47px -148px;}*/

.social_popup_sprite{background:url(images/social_logoin_sprite.png) no-repeat;}
#social_popup_main{/*width: 660px;*/background: white;/*border: 3px solid #323232;*/ box-shadow: 0 8px 18px rgba(33,27,27,.38); }
#socialpopup_main_div{overflow: hidden;position: relative;}
#socialpopup_main_div .socialpopup_form label{float: left;width:35%;padding-top: 5px; text-align: left;}
#socialpopup_main_div .socialpopup_form em, .popup_error_msg {color:red;}
#socialpopup_main_div #login_left{width:100%;}
#socialpopup_main_div #all_social_iconbtn{width:36%;float: right;position: relative;}
#socialpopup_main_div #all_social_iconbtn button.PPBlue {    transform: scale(0.9);    position: relative;    left: -7px;}
#socialpopup_main_div #all_social_iconbtn button.LIwPP b{ padding:0.625em 0.95em 0 !important; }
#socialpopup_main_div .LIwPP .PPTM {height: 44% !important;}
#socialpopup_main_div #all_social_iconbtn a{  cursor: pointer; text-decoration: none !important;;}
#socialpopup_main_div #all_social_iconbtn ul{float:left; width: 100%;}
#socialpopup_main_div #all_social_iconbtn ul li{display: block;clear: both;margin-left: 30px;margin-bottom: 9px;}

#socialpopup_main_div .popup_register_btn{cursor: pointer;color: white!important;display: inline-block;padding: 5px 15px;-moz-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);text-decoration: none;border: 0;font-weight: bold;font-size: 13px;font-family: inherit;line-height: normal!important;zoom: 1;display: block;float: left;clear: both;background: #A0DE33;background: -webkit-gradient(linear,left top,left bottom,from(#A0DE33),to(#38690A));background: -moz-linear-gradient(top,#A0DE33,#38690A);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0de33',endColorstr='#38690A');}
#socialpopup_main_div .socialpopup-input-box {float: left;margin-bottom: 12px;width:239px;}
#socialpopup_main_div .socialpopup-input-box input, .socialpopup-input-box input, .socialpopup-input-box select {margin: 0;font-family: inherit;border: 1px solid #CCC;font-size: 1.1em;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;-moz-box-shadow: 0 2px 2px #E3E3E3 inset;-webkit-box-shadow: 0 2px 2px #E3E3E3 inset;box-shadow: 0 2px 2px #E3E3E3 inset;-webkit-background-clip: padding-box;width: 230px;padding: 4px 4px;}
.socialpopup-input-box select{width:240px;}
#captcha-input-box-user_create .captcha, #socialpopup_main_div .sl_captcha, #socialpopup_main_div #captcha-input-box-user_create{float:left;}
.calendar{z-index:999992;}
#register_block #captcha_user_create{margin: 0;font-family: inherit;border: 1px solid #CCC;font-size: 1.1em;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;-moz-box-shadow: 0 2px 2px #E3E3E3 inset;-webkit-box-shadow: 0 2px 2px #E3E3E3 inset;box-shadow: 0 2px 2px #E3E3E3 inset;-webkit-background-clip: padding-box;width: 230px;padding: 5px 4px;}
.socialpopup-input-box .dob-day, .socialpopup-input-box .dob-month, .socialpopup-input-box .dob-year{width: 70px !important;float: left;}
.socialpopup-input-box .dob-month{margin: 0 12px !important;}
.socialpopup-input-box .dob-day input, .socialpopup-input-box .dob-month input, .socialpopup-input-box .dob-year input{width: 65px !important;}
#socialpopup_main_div #show_password{font-size: 10px;float: left;}
#socialpopup_main_div .social_login_btn{margin: 10px 0 0;}
#socialpopup_main_div #forget_password_form h4, #form_login h4, #form-validate h4, #all_social_iconbtn h4, /*#containerDiv h4, */#linkedDiv h4{font-size: 15px;font-family: 'tahoma', Arial, Helvetica, sans-serif;margin: 0 0 17px 0;border-bottom: 1px solid #CCC;padding-bottom: 3px; text-align: left;}
#socialpopup_main_div #forget_password_form .small_txt{color:#777;display: block;margin-bottom: 4px; float:left;}
#socialpopup_main_div .new_account_create, #socialpopup_main_div .return_login{font-family:Arial, Helvetica, sans-serif;font-size: 13px;margin: 19px 0 17px;color:#444;float: left;border: 1px solid #DDD;background:#f5f6f6;padding: 7px 10px;width:355px;}
#socialpopup_main_div button.button{float: left;}
.divider-or b{line-height: 46px;font-weight: bold;font-size: 15px;text-align: center;width: 37px;float: left;}
#socialpopup_main_div .divider-or{background-position: 0px -141px;width: 42px;height: 42px;display: block;position: absolute;top: 57%;right: 223px;margin: -42px 0 0;}
#socialpopup_main_div .com_error{background: #FFEBEB;color: #E50000;border: 1px solid #ECCDCD;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;padding: 5px 0;text-align: left;margin: 1px;float: left;width: 100%;text-align: center;margin-bottom: 10px;}
#socialpopup_main_div #register_error{background: #FFEBEB;color: #E50000;border: 1px solid #ECCDCD;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;padding: 5px 0;text-align: left;margin: 1px;float: left;width: 100%;text-align: center;margin-bottom: 10px;}
#all_social_iconbtn h4{margin-left: 30px }
.inner_social_grid{cursor: pointer; border: 0; margin:0px; float:left; font: bold 13px arial;color: white;padding: 0 0 0 10px; min-width: 48%; height: 26px;text-align: left;}
.fb_login{ background:url(images/facebook-bg.jpg) repeat-x;  }
.twitter_login{background:url(images/twitter-bg.jpg) repeat-x; }
.google_login{background:url(images/gplus_bg.jpg) repeat-x;  }
.yahoo_login{background:url(images/yahoo_bg.jpg) repeat-x; }
.linkedin_login{ border: 0; width: 179px; height: 26px; float:left;background-position:0px -58px;  }
.twitter_popup_btn{float: right;margin:0px;}
.linkedin_popup_input, .twitter_popup_input{width:97% !important;}
#linkedin_error{color:red}
#twitter_error{color:red; width:200px;}
.icon_left_grid{display: block;  width: 28px; height: 26px; float: left;  }
.icon_right_grid{display: block; width: 10px; height: 26px; float: left; }
.f_icon_left{background:url(images/social_login_sprite.png) 0 0 no-repeat;}
.f_icon_right{ background:url(images/social_login_sprite.png) -28px 0 no-repeat;}
#progress_image_facebooklogin{padding:5px 0 0 5px;}

.t_icon_left{ background:url(images/social_login_sprite.png) 0 -29px no-repeat;}
.t_icon_right{ background:url(images/social_login_sprite.png) -28px -29px no-repeat;}

.gplus_icon_left{  background:url(images/social_login_sprite.png) 0 -115px no-repeat;}
.gplus_icon_right{ background:url(images/social_login_sprite.png) -28px -115px no-repeat; }

.yahoo_icon_left{  background:url(images/social_login_sprite.png) 0 -86px no-repeat;}
.yahoo_icon_right{ background:url(images/social_login_sprite.png) -28px -86px no-repeat; }

.left_login{float: left;width:407px; padding-right: 25px; border-right: 1px dotted #ccc;}
.sl_clearfix{clear:both;}

.validation-advice { text-align:left; width: auto; }
.popup_social_msg{width: 91%;border: 1px solid #ADD8A7;color: #3d6b2d;background-color: #eaf9e6;padding: 10px;}
.socialpopup-submit-box{float: right;margin-bottom: 12px;width: 239px;margin-right: 19px;}
.sl_captcha li{list-style: none;}

#social_tiw_login h4{font-size: 15px;font-family: 'tahoma', Arial, Helvetica, sans-serif;margin: 0 0 17px 0;border-bottom: 1px solid #CCC;padding-bottom: 3px;text-align: left;}
.powerdby_link{float: right;margin-top: 15px;font-size: 10px;}
#social_popup_main #captcha-image-box-user_create{width: 236px;margin-right: 21px;float: right;margin-top: 10px;}
#socialpopup_main_div #captcha-input-box-user_create em{float: right;padding-right: 10px}
#formSuccess {min-height: 13px;margin: 3px 0 0;padding: 0px;font-size: 11px;font-weight: bold;line-height: 13px;color: #eb340a;text-align: left;}
#forget_password_error{float:left;width:100%;}
#progress_image_twitter, #progress_image_forgot, #progress_image_login, #progress_image_register{margin: 2px 0 0 10px;float: right;}

#socialpopup_main_div #all_social_iconbtn button.LIwPP b{
    padding: 0.4em 0.95em 0 !important;
    font-size: 13px !important;
}
.inner_social_grid{ min-width: 58%;}
#socialpopup_main_div .popup-left .block-title {
    min-height: 60px;
}

#socialpopup_main_div .popup-mobile-divider {
    display:none;
}

@media screen and (max-width:480px) {
    #header_logo_Div_Login .right_content {
        width: 100%;
    }

    #header_logo_Div_Login #social_popup_main {
        padding-bottom: 100px !important;
        padding-top: 50px;
        width: 100%;
        background-size: auto;
    }

    #header_logo_Div_Login a.closeLink::before {
        color: #fff !important;
        top: 5px;
    }
}
@media screen and (min-width:320px) and (max-width:480px) {
    #socialpopup_main_div {
        padding-top: 20px;
        flex-direction: column;
    }
    .mobile-popuptitle { display: block; text-align: center; font-size: 20px; color: #5f5f5f; font-weight: 500; }
    #socialpopup_main_div #all_social_iconbtn button.PPBlue {
        transform: scale(0.9) !important;
        position: relative;
        left: -8px;
    }
    .inner_social_grid{
    	min-width:67%;
    }
    .returning-block .block-content {
        width:100%;
    }
    #socialpopup_main_div button.button {
        margin-top: 0px;
    }

    #socialpopup_main_div .popup-left, #socialpopup_main_div .popup-right {
        width: 100%;
        display: block;
        background: none;
        padding: 30px 65px;
    }
    #socialpopup_main_div .popup-right {
        padding-top: 0;
    }
    #socialpopup_main_div .block-title, #socialpopup_main_div .comment {
        display: none;
    }

    #socialpopup_main_div .popup-mobile-divider {
        display:flex;
        font-size: .875em;
        height: 32px;
        line-height: 2.14;
        position: relative;
        text-align: center;
    }

    #socialpopup_main_div .divider-bar {
        border-top: 1.5px solid
        rgba(0,0,0,.12);
        height: 1px;
        position: absolute;
        top: 50%;
        right: 90px;
        left: 90px;
        transform: translateY(-50%);
    }

    #socialpopup_main_div .divider-text {
        background-color:#fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-transform: uppercase;
        width: 45px;
        z-index: 5;
    }

    #socialpopup_main_div .divider-text span {
        opacity: .5;
    }

    .login-box {
        min-height: 0px;
    }

}
@media screen and (min-width:481px) and (max-width:767px) {
#socialpopup_main_div #all_social_iconbtn button.PPBlue {
    transform: scale(0.9) !important;
    position: relative;
    left: -8px;
}
.inner_social_grid{
	min-width:67%;
}
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation : portrait) {
#socialpopup_main_div #all_social_iconbtn button.PPBlue {
    transform: scale(0.9) !important;
    position: relative;
    left: -8px;
}
.inner_social_grid{
	min-width:62%;
}
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation : landscape) {
#socialpopup_main_div #all_social_iconbtn button.PPBlue {
    transform: scale(0.9) !important;
    position: relative;
    left: -8px;
}
.inner_social_grid{
	min-width:58%;
}
}