/* My Account - Login / Create account */
.my-account { padding-top: 50px; }
.my-account .wrapper_small { margin-top: 30px; }
.my-account .account-bar { max-width: 720px; margin: 0 auto; }
.my-account .account-bar label { font-size: 13px; font-weight: bold; }
.my-account .account-bar .error { color: #FF0000; font-weight: normal; }
.my-account h1 { line-height: 1.5; margin-bottom: 15px; text-align: center; border: none; }
.my-account h2 { color: #000; margin-bottom: 25px; font-size: 20px; }
.my-account h3 { color: #262626; font-size: 16px; font-weight: 600; margin-bottom: 5px; }
.my-account h4 { font-size: 14px; font-weight: 500; }
.my-account p { font-size: 14px; line-height: 1.3; margin-bottom: 20px; }
.my-account a:hover { color: inherit; }
.my-account .login[style],
.my-account .creat_account[style] {
    width: 100% !important;
}
.my-account .login-tabs { display: flex; flex-wrap: nowrap; margin-bottom: 35px; }
.my-account .login-tabs a { flex: 1; text-align: center; border-bottom: 1px solid #757575; color: #757575; padding-bottom: 5px; font-size: 14px; }
.my-account .login-tabs a.active { color: #000; font-weight: bold; border-bottom: 5px solid #2876B4; }
.my-account .login-tabs a:hover { color: #000; }
.my-account .button { text-transform: uppercase; font-size: 12px; margin-right: 10px; margin-bottom: 10px; }
.my-account .button:hover { color: #fff; }
.my-account .button.secondary { background: #8a909a; color: #fff; margin-top: 12px; }
.my-account .button.secondary:hover { background: #98a4b8; }
.my-account .form-group>div:first-child, .my-account .form-group>div.col2  { margin-bottom: 15px; }
.my-account .forgot { display: block; font-weight: 600; font-size: 13px; }
.my-account .forgot:hover { text-decoration: underline; }
.my-account .help-text { margin-bottom: 20px; }
.my-account .help-block { margin-bottom: 0; font-weight: 600; position: absolute; color:red;}

.my-account .login .control-group,
.my-account .creat_account .control-group { margin-bottom: 1.5em; }
.my-account .creat_account .control-group-container { display: flex; flex-wrap: wrap; }
.my-account .creat_account .control-group { flex: 1 0 45%; }
.my-account .creat_account .control-group:nth-child(odd) { margin-right: 8px; }
.my-account .creat_account .control-group:nth-child(even) { margin-left: 8px; }

/* My Account */
.my-account .account-sidenav { display: flex; padding: 10px 15px; width: 20%; margin-right: 25px; flex-wrap: wrap; min-width: 177px; }
.my-account .account-sidenav a { width: 100%;
    padding: 10px 5px 10px 35px;
    border-bottom: 1px solid #d8d8d8;
    color: #888888;
    text-transform: uppercase;
    text-indent: -16px; }
.my-account .account-sidenav :is(a:nth-child(3), a:nth-child(4)) {
    text-indent: -15px;
}
.my-account .account-sidenav a:nth-child(5) i {
    padding-right: 7px;
}
.my-account .account-sidenav :is(a:nth-child(5), a:nth-child(6)) {
    text-indent: -13px;
}
.my-account .account-sidenav a:hover { color: #000; }
.my-account .account-sidenav a.active { color: #2876B4; font-weight: bold; }
.my-account .account-sidenav a:last-child { border-bottom: none; }
.my-account .account-sidenav a i { font-size: 20px; padding-right: 5px; text-align: center; }
.my-account .account-content { flex: 1; padding: 25px 15px; }
.my-account .account-content, .my-account .account-sidenav { background: #fff; -webkit-box-shadow: 4px 4px 15px -1px rgba(0,0,0,0.1); -moz-box-shadow: 4px 4px 15px -1px rgba(0,0,0,0.1); box-shadow: 4px 4px 15px -1px rgba(0,0,0,0.1); }
.my-account .account-loggedin { display: flex; align-items: flex-start; }
.my-account .bottom-btn { margin-top: 40px; }
.my-account .button {
    min-width: 125px;
    line-height: 16px;
    padding: 12px 20px;
    text-align: center;
    font-weight: 600;
    color: #ffffff;
    border: 0;
    background: #2275b6;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
}

/* My Account - Recent Orders */
.my-account #recentOrders .row { display: flex; border-bottom: 1px solid #E8E8E8; margin: 0; }
.my-account #recentOrders .single-order:last-child { margin-bottom: 50px; }
.my-account #recentOrders .single-order .row:last-child { border-bottom: none; margin-bottom: 25px; }
.my-account #recentOrders .row>div { padding: 1em; }
.my-account #recentOrders .col1 { max-width: 110px; }
.my-account #recentOrders .col2 { flex: 1 0 40%; }
.my-account #recentOrders .col3 { flex: 1 0 21%; }
.my-account #recentOrders .col4 { max-width: 150px; display: inline-table; }
.my-account #recentOrders .col3 strong { display: block; }
.my-account #recentOrders .top-sec { font-size: 15px; font-weight: 500; margin: 20px 0 10px; border-bottom: 1px solid #333333; padding-bottom: 5px; }
.my-account #recentOrders .top-sec a { text-decoration: underline; }

/* My Account - All Orders */
.my-account .history .view-more { text-align: center; width: 50px; }
.my-account .order-info { margin-bottom: 40px; }
.my-account .order-details { border: 1px solid #E8E8E8; padding: 1em; }
.my-account .order-info p { margin-bottom: 6px; }
.my-account .order-content { margin-bottom: 25px; }
.my-account .order-content h3, .my-account .item_purchased-bar>h3 { border-bottom: 1px solid #E8E8E8; }
.my-account .order-content>div { margin-bottom: 25px; padding-bottom: 2px; }
.my-account .order-content .order-billing .flex { display: flex; }
.my-account .order-content .order-billing .flex .flex-col { flex: 1; margin-bottom: 10px; }
.my-account .order-content .order-billing form .input__field { min-height: 45px; margin-bottom: 10px; }

/* My Account - Address */
.my-account .saved-address .button.secondary { margin-left: 0; }
.my-account .single-address { border: 1px solid #E8E8E8; border-bottom: 0; padding: 15px; }
.my-account .single-address:last-child { border-bottom: 1px solid #E8E8E8; margin-bottom: 30px; }
.my-account .single-address p { margin-bottom: 10px; }
.my-account .address_book { position: relative; }

/* My Account - Profile */
.my-account .main_profile h2 { margin-bottom: 5px; }
.my-account .main_profile .button { margin-bottom: 15px; }
.my-account .account_phone .secondary { min-width: 50px; margin-right: 0; }
.my-account .account_phone input, .my-account .account_email_block input { padding: 19px 15px; margin-right: 10px; }
.my-account .account_email_block .input-group { margin-bottom: 0!important; }
.my-account .account_phone .controls { margin: 0; margin-bottom: 0!important; }
.my-account .account_phone .form-group { margin-bottom: 0; margin-top: 8px; }

/* Your Subscriptions on My Account */
.col-sm-6.col-lg-4.sub-list-item {
    margin-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.5em;
}
.sub-list-item .sub-image,
.sub-list-item .renew-button {
    text-align: center;
}
.sub-list-item .sub-image img {
    display: unset;
}
.sub-list-item .sub-title {
    margin-top: 5px;
}
.sub-list-item .sub-title a {
    font-weight: bold;
    font-size: 1em;
}
.sub-list-item .sub-order-info,
.sub-list-item .sub-order-again,
.sub-list-item .sub-contact-sales {
    margin-bottom: 0;
}
.sub-list-item .sub-order-info {
    font-style: italic;
    font-size: 0.75rem;
}
.sub-list-item .sub-order-again {
  margin-top: 1em;
}
.sub-list-item .sub-button {
    display: none;
}

/* My Profile */
.card-deck-wrapper {
    margin: 40px 0;
}
.card-deck {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
}
.card-deck .card {
    margin-bottom: 15px;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}






/* Responsive Styles */
@media (min-width: 576px) {
	.card-deck {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	    margin-right: -15px;
	    margin-left: -15px;
	}
	.card-deck .card {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-flex: 1;
	    -ms-flex: 1 0 0%;
	    flex: 1 0 0%;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    margin-right: 15px;
	    margin-bottom: 0;
	    margin-left: 15px;
	}
}
@media only screen and (min-width: 768px) {
	.my-account .form-group { display: flex; flex-wrap: nowrap; }
	.my-account .form-group>div { flex: 1; }
	.my-account .form-group > div:not(:first-child) { margin-left: 25px; }
	.my-account .form-group>div + div { margin-right: 0; margin-left: 5px; }
	.my-account .form-group>div + div.col2 { margin-right: 5px; }
	.my-account .address_book .button.add-address { position: absolute; top: 0; right: 0; }
}
@media only screen and (max-width: 991px) {
	.my-account #recentOrders .col1 { display: none; }
	.my-account #recentOrders .row { flex-wrap: wrap; }
	.my-account #recentOrders .col2 { flex: 1 0 100%; padding-bottom: 0; }
}
@media only screen and (min-width: 992px) {
	.my-account #recentOrders .row { align-items: center; justify-content: center; }
	.my-account .order-info { display: flex; align-items: flex-start; }
	.my-account .order-content, .my-account .order-details { flex: 1; }
	.my-account .order-content { margin-right: 25px; margin-bottom: 0; }
	.my-account .single-address { display: flex; align-items: center; justify-content: center; }
	.my-account .single-address div { margin-right: 15px; }
	.my-account .single-address div.col2 { flex: 1; }
	.my-account .single-address div.col1 { width: 110px; }
	.my-account .single-address div:last-child { margin-right: 0; }
}
@media only screen and (max-width: 768px) {
	.my-account .account_phone input { width: 100%; margin-bottom: 10px; }
	.my-account .account-loggedin { flex-wrap: wrap; }
	.my-account .account-sidenav { flex: 1 0 100%; margin-bottom: 25px; margin-right: 0; }
	.my-account .account-sidenav a { padding: 10px 5px; width: auto; border-bottom: none; text-align: center; flex: 1; flex-basis: auto; }
	.my-account .account-sidenav a i { display: block; margin: auto; padding-right: 0; padding-bottom: 3px; }
}
@media only screen and (max-width: 575px) {
	.my-account .creat_account .control-group-container { display: block; }
	.my-account .creat_account .control-group { margin-left: 0!important; margin-right: 0!important; }
	.my-account .order-content .order-billing .flex { display: block; }
}

@media only screen and (max-width: 500px) {
	.my-account .account-sidenav a span { display: none; }
	.my-account .account-sidenav a { font-size: 11px; }
}