html {
    width: 100%;
    outline: 0 !important;
    direction: ltr;
    height: 100% !important;
    position: relative;
    background: #f1f3f6;
}

body {
    line-height: 1.42857143 !important;
}

a.gglMetroStyleBtn {
    width: 100%;
    display: inline-block;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 20px 0 58px;
    background-color: #dd4b38;
    position: relative;
    transition: background-color 700ms ease-in-out;
    -moz-transition: background-color 700ms ease-in-out;
    -webkit-transition: background-color 700ms ease-in-out;
    -o-transition: background-color 700ms ease-in-out;
    box-sizing: border-box;
    border-radius: 3px;
}

a.gglMetroStyleBtn span {
    width: 38px;
    height: 40px;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    position: absolute;
    background: url(../../../../../image/login/gglIconMetroBtn.png) no-repeat left top;
}

a.fbkMetroStyleBtn {
    margin-left: -5px;
    padding: 12px 62px 12px 95px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    border-radius: 4px;
    border: none;
    background-color: #4268b3;
}

a.fbkMetroStyleBtn span {
    width: 38px;
    height: 40px;
    padding: 0;
    margin: 0;
    left: 15px;
    top: -2px;
    position: absolute;
    background: url(../../../../../image/login/fbkIconMetroBtn.png) no-repeat left top;
}

#so_sociallogin .login-popup-header {
    height: 70px;
    margin: 0 -20px;
    background-color: #fff;
    padding: 25px 10px;
    border-radius: 4px 4px 0 0;
}

#so_sociallogin .login-popup-header span {
    font-size: 20px;
    padding: 0;
    margin: 0;
}

#login-popup #back-to-cart {
    font-size: 18px;
    padding: 0;
    margin: 0;
    line-height: 20px;
    display: none;
}

.checkout-checkout #login-popup #back-to-cart {
    display: block !important;
}

button.close.closeLoginRegistration {
    position: absolute;
    right: 12px;
    top: -15px;
    outline: none;
    color: #666666 !important;
    opacity: 1;
}

button.close.closeLoginRegistration:hover {
    color: #CCCCCC !important;
}

a#back-to-cart {
    position: absolute;
    bottom: 10px;
    right: 16px;
}

.block-content input {
    border: 1px solid lightgray;
    border-radius: 0;

}

.block-content label {
    margin-bottom: 0;
    font-weight: normal !important;
    left: 8px;
}

#login-modal-wrapper div.form-group {
    position: relative;
    margin-top: 26px;
    margin-bottom: 0px;

}

#login-modal-wrapper div.form-group.forgot-pass-row {
    margin-top: 10px;
}

#login-modal-wrapper .form-group label {
    /*display: none;*/
    top: 10px;
    position: absolute;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    cursor: text;
    z-index: -1;
}

#login-modal-wrapper input {
    z-index: 8;
}

#login-modal-wrapper input:focus ~ label, #login-modal-wrapper input ~ label.valid {
    top: -13px;
    font-size: 12px;
}

.login-popup-text {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 25px;
}

.highlight:before {
    content: '';
    display: inline-block;
    position: absolute;
    right: 50%;
    bottom: 0;
    width: 0%;
    height: 1px;
    z-index: 9;
    background: #e00348;
    -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.highlight:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 1px;
    z-index: 9;
    background: #e00348;
    -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

input[type]:not([type=checkbox]):focus ~ .highlight:before,
input[type]:not([type=checkbox]):focus ~ .highlight:after {
    width: 50%;
}

#register-popup .login-content-right {
    padding-top: 40px;
}

#popup-form-register {
    padding-right: 20px;
}

#popup-form-register .terms input[type="checkbox"] {
    transform: scale(1.5);
}

.register-popup-text {
    font-size: 23px;
    line-height: 20px;
    margin-bottom: 20px;
}

.registered-features-heading {
    margin: 20px 0 20px 0;
    line-height: 15px;
    font-size: 14px;
    font-weight: 700;
}

.registered-features li {
    font-size: 13px;
    line-height: 14px;
    font-weight: 500;
}

#login-modal-buttons {
    padding-bottom: 26px;
}

#send2, #submit-register {
    font-size: 20px !important;
    line-height: 25px !important;
    font-weight: 500;
    border: none;
    width: 60%;
}

#submit-register {
}

#submit-register:hover {
}

#send2:hover {

}

/*
#register-form:before {
    content: '';
    display: block;
    position: absolute;
    margin: auto;
    height: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    border-radius: 3px;
    -webkit-transition: right .3s linear;
    -moz-transition: right .3s ease;
    transition: right .3s ease;
}

#to-login-form:hover:before {
    right: 200px;
    background: #006eb9;
}
#to-login-form:before {
    content: '';
    display: block;
    position: absolute;
    margin: auto;
    height: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    border-radius: 3px;
    -webkit-transition: left .3s linear;
    -moz-transition: left .3s ease;
    transition: left .3s ease;
}

#to-login-form:hover:before {
    left: 200px;
    background: #006eb9;
}

*/

#register-form, #to-login-form, #forgot-back-to-login {
    text-transform: uppercase;
    background-color: transparent;
    font-size: 16px;
    line-height: 20px;
    padding: 10px;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #777;
}

.login-popup-header .teasers img {
    position: absolute;
    margin: -25px;
    height: 550px;
    width: 250px;
    box-shadow: -3px 0 10px 0 #999;
    border-radius: 5px;

}

#so_sociallogin .login-popup-header .header > span:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #e00348;
    height: 3px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#so_sociallogin .login-popup-header .header span:hover:before, #so_sociallogin .login-popup-header .header span:focus:before, #so_sociallogin .login-popup-header .header span:active:before {
    right: 0;
}

#so_sociallogin .login-popup-header .header span.active:before, #so_sociallogin .login-popup-header .header span.active:before, #so_sociallogin .login-popup-header .header span.active:before {
    right: 0;
}

#so_sociallogin .login-popup-header .header span {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

#so_sociallogin .login-popup-header .header span.forgotBack {
    display: none;
}

#so_sociallogin .login-popup-header .header span:first-child:before {
    left: 100%;
    right: 0;
    -webkit-transition-property: left;
    transition-property: left;
}

#so_sociallogin .login-popup-header .header span:first-child:hover:before,
#so_sociallogin .login-popup-header .header span:first-child:focus:before,
#so_sociallogin .login-popup-header .header span:first-child:active:before {
    left: 0;
}

#so_sociallogin .login-popup-header .header span.active:first-child:before,
#so_sociallogin .login-popup-header .header span.active:first-child:before,
#so_sociallogin .login-popup-header .header span.active:first-child:before {
    left: 0;
}

#register-form.forgotten {
    border: 2px solid #888;
    text-decoration: none;
    color: #888 !important;
}

#register-form.forgotten:hover,
#register-form.forgotten:active {
    -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.40);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.40);
    color: #555 !important;
    border: 2px solid #555;
}

form.form-login a.forgotten {
    margin-bottom: -10px;
}

form.form-login a.forgotten span {
    font-family: 'Roboto-Condensed', sans-serif;
    color: #666;
    font-size: 17px !important;
}

#so_sociallogin .block-popup-login .block-content {
    display: block;
    margin-top: 20px;
    padding: 0 10px;
}

#login-popup {
}

.login-form-wrapper {
    padding-right: 30px;
}

#forgotPassword input[type]:not([type=checkbox]),
#register-popup input[type]:not([type=checkbox]),
#login-popup input[type]:not([type=checkbox]) {
    border-bottom: 1px solid #ccc;
    color: black;
    font-size: 15px;
    background-color: transparent;
    width: 100%;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 32px;
}

#register-popup input[type]:not([type=checkbox]):hover, #login-popup input[type]:not([type=checkbox]):hover {
    border-bottom: 1px solid #999;
}

#login-popup input[type="password"]#pass {
    padding-right: 22px;
}

/*#register-popup input[type]:not([type=checkbox]):focus, #login-popup input[type]:not([type=checkbox]):focus {*/
/*border-bottom: 1px solid #006ec1;*/
/*}*/
i.showPass {
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #666666;
    font-size: 16px;
    z-index: 20;
    cursor: pointer;
}

#so_sociallogin .login-popup-header span.form-error {
    font-size: 14px;
    position: absolute;
    bottom: -20px;
    left: 10px;
}

body .block-popup-login .login-content-right {
    border-left: 1px solid lightgray;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 25px;
    margin-bottom: 20px;
    padding-left: 25px;
}

.terms {
    margin-top: 20px;
    line-height: normal;
    position: relative;
}

#login-modal-wrapper .terms label {
    display: block;
    padding-bottom: 10px;
}

.terms label {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    position: relative;
    text-align: left;
}

.terms label > input {
    vertical-align: top;
}

#login-modal-wrapper .terms label > span {
    padding-left: 22px;
    font-size: 12px;
    font-family: 'Open Sans', Roboto, sans-serif;
    display: inline-block;
    text-align: left;
    line-height: 1.1;
    max-width: 90%
}

.popup-login-divider {
    overflow: hidden;
    text-align: center;
    margin: 13px 0 7px -100px;
    display: inline-block;
    width: 100%;
}

.popup-login-divider:before,
.popup-login-divider:after {
    background-color: lightgray;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 24%;
}

.popup-login-divider:before {
    right: 0.5em;
    margin-left: -50%;
}

.popup-login-divider:after {
    left: 0.5em;
    margin-right: -50%;
}

#cart-page {
    margin-top: 10px;
}

#cart-page .cart-left .cart-products {
    background-color: #fff;
    padding: 0 10px;
    border-radius: 4px;
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
}

#cart-page .cart-left .cart-products td:nth-child(1) {
    padding: 10px 0;
}

#cart-page .cart-left .img-thumbnail {
    border: none;
}

#cart-page .cart-left table.table thead > * {
    background-color: transparent;
    font-size: 11px;
}

#cart-page .cart-left .table td {
    vertical-align: middle;
    text-align: center;
}

#cart-page .cart-left .table {
    color: #000;
    margin-bottom: 0;
}

#cart-page .cart-left .table a {
    color: #000;
    font-weight: normal;
    cursor: pointer;
}

#cart-page .cart-left .table td.text-center {
    text-align: center;
    /*padding: 5px 5px 20px;*/
    max-width: 300px;
    font-size: 13px;
    color: #000;
}

#cart-page .cart-left .table td input {
    padding: 7px 15px;
    text-align: center;
}

#cart-page .cart-left .table td.text-right {
    padding-right: 0;
    padding-left: 5px;
    text-align: center;
}

#cart-page .cart-left .cart-products .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom: none;
}

.cart-products .panel-heading {
    padding: 10px 0 0 10px;
}

#cart-page .cart-right {
    padding: 0;
}

#cart-page .cart-right .cart-summary p {
    font-size: 20px;
}

#cart-page .cart-right .cart-summary .cart-summary-title {
    color: #000;
    font-weight: 700;
}

#cart-page .cart-right .cart-summary .cart-total p {
    text-align: right;
    font-size: 21px;
    font-family: Roboto-Condensed;
    color: #000;
    font-weight: 700;
    margin: 0 0 5px;
}

#cart-page .cart-right .cart-summary .cart-total .cart-total--order--total {
    font-size: 33px;
    margin: 5px 0;
}

#cart-page .cart-right .cart-summary .cart-total .button-checkout {
    margin: 10px 0 30px;
    float: none;
    padding: 12px 20px;
    font-weight: bold;
}

#cart-page .btn.btn-default:hover {
    color: #fff;
    background-color: #777;
    background: #777;

}

#cart-page .btn.btn-default {
    color: #555;
    background-color: transparent;
    background: transparent;
    display: block;
    margin: 3px;
    border: 2px solid #777;
    font-weight: 500;
    border-radius: 4px;
}

#cart-page #button-coupon:hover {
    background-color: #111;
}

#cart-page #button-coupon {
    background-color: #555;
    border-radius: 0 3px 3px 0;
    color: white;
    border: none;
    margin: 0;
}

#cart-page .cart-right .cart-summary .cart-total hr {
    margin-top: 20px;
    margin-bottom: 10px;
    border-top: 1px solid #c2c2c2;
}

#cart-page .cart-right .cart-summary .cart-total .cart-total--price {
    font-weight: 400;
}

#cart-page .cart-right .cart-summary .cart-total h5 {
    text-align: right;
    font-size: 21px;
    font-family: Roboto-Condensed;
    color: #000;
    font-weight: 700;
    margin: 0 0 5px;
}

#cart-page .cart-right .cart-summary .cart-total h3 {
    color: #ff9900;
    font-family: Lobster;
    font-size: 30px;
    padding: 0;
    margin: 0;
    text-align: right;
}

#cart-page .cart-right .cart-summary {
    background-color: #fff;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.15);
}

#cart-page .cart-right .cart-summary .cart-total {
    margin-top: 15px;
}

#cart-page .cart-right .cart-summary .control-label {
    padding: 10px 0 0 0;
}

#cart-page .continue-shopping {
    position: relative;
}

/* Checkout breadcrumb */
.steps {
    margin: 0px;
    padding: 0;
    overflow: hidden;
}

.steps a {
    color: white;
    text-decoration: none;
}

.steps em {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
}

.steps li {
    float: left;
    margin-left: 0;
    width: auto;
    min-width: 140px;
    height: 69px;
    list-style-type: none;
    padding: 15px 5px 5px 45px;
    border-right: 3px solid white;
    position: relative;
}

/* remove extra padding on the first object since it doesn't have an arrow to the left */
.steps li:first-child {
    padding-left: 5px;
    width: auto;
    background-color: #e40044 !important;
}

#osp-success {
    margin-top: 50px;
}

.steps-container .header-logo {
    padding: 3px 10px 0 10px;
}

.steps li:last-child {
    border-right: 0;
}

.steps li a {
    position: relative;
    top: 7px;
}

.steps li .breadcrumb-badge {
    position: relative;
    top: 6px;
    display: inline-block;
    min-width: 20px;
    padding: 5px 8px;
    font-size: 11px;
    line-height: 1;
    color: #fd9800;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
}

.steps li:first-child::after {
    border-left-color: #e40044;
}

/* white arrow to the left to "erase" background (starting from the 2nd object) */
.steps li:nth-child(n+2)::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-left: 35px solid white; /* width: arrow width, color: background of document */
    border-top: 35px solid transparent; /* width: half height */
    border-bottom: 35px solid transparent; /* width: half height */
    width: 0;
    height: 0;
    content: " ";
}

/* colored arrow to the right */
.steps li::after {
    z-index: 1; /* need to bring this above the next item */
    position: absolute;
    top: 0;
    right: -34px; /* arrow width (negated) */
    display: block;
    border-left: 35px solid #e40044; /* width: arrow width */
    border-top: 35px solid transparent; /* width: half height */
    border-bottom: 35px solid transparent; /* width: half height */
    width: 0;
    height: 0;
    content: " ";
}

.steps li.active {
    background-color: #ff6501;
}

.steps li.active::after {
    z-index: 1;
    position: absolute;
    top: 0;
    right: -34px;
    display: block;
    border-left: 35px solid #ff6501;
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    width: 0;
    height: 0;
    content: " ";
}

.steps li:last-child::after {
    width: 0;
    height: 0;
    content: '';
    display: none;
}

/*iSenselabs changes*/
#shipping-existing, #payment-existing-company, #payment-existing-personal {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    flex-wrap: wrap;
    position: relative;
}

#checkout-page #payment-existing-personal .border-solid.selected,
#checkout-page #payment-existing-company .border-solid.selected {
    border: 2px solid #006ebb;
    background-color: white;
}

#checkout-page #payment-existing-personal .border-dashed:not(.add):hover,
#checkout-page #payment-existing-company .border-dashed:not(.add):hover {
    border-color: #006ebb;
}

.address-column {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    flex-basis: 25%;
    min-height: 200px;
}

.address-column .payment-existing {
    padding: 10px;
}

.checkout-cart #wrapper {
    background-color: #f1f3f6;
}

.checkout-checkout #wrapper {
    background-color: #f1f3f6;
}

#checkout-page .checkout-half-background {
    background-color: #f1f3f6;
    padding: 30px 0;
}

#checkout-page .border-solid {
    border: 2px solid #e40044;
    border-radius: 4px;
}

#checkout-page .address-column.selected .shipping-existing.border-solid {
    background-color: #FFF;
}

/*
.address-column .payment-existing.border-solid {
    border: 2px solid #e40044;
    border-radius: 4px;
}*/

#checkout-page .border-dashed {
    border: 2px dashed #e40044;
    border-radius: 4px;
    background-color: #e3e3e3;
}

#checkout-page .border-dashed:hover {
    background-color: white;
}

#checkout-page #company-address-wrapper .border-dashed {
    border: 2px dashed #9d9090;
    border-radius: 4px;
}

#checkout-page #add-new-address .border-dashed {
    border: 2px dashed #9d9090;
    border-radius: 4px;
}

#checkout-page .add-new-personal-billing-address .shipping-existing.border-dashed,
#checkout-page .add-new-company-billing-address .shipping-existing.border-dashed {
    border: 2px dashed #9d9090;
    border-radius: 4px;
}

#checkout-page .add-new-personal-billing-address .shipping-existing.border-dashed p,
#checkout-page .add-new-company-billing-address .shipping-existing.border-dashed p {
    text-align: center;
    font-size: 15px;
    color: #9d9090;
    font-weight: 500;
    position: static;
    left: auto;
    top: auto;
    margin: 0;
}

/*.address-column .payment-existing.border-dashed {
    border: 6px dashed #fd9800;
}*/

#add-new-address, .add-new-company-billing-address,
#add-new-address, .add-new-personal-billing-address {
    position: relative;
}

#add-new-address .numberCircle {
    margin: 20px auto 10px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 10px;
    background: #f0f0f0;
    border: 1px solid #9d9090;
    color: #9d9090;
    text-align: center;
}

.add-new-company-billing-address .numberCircle,
.add-new-personal-billing-address .numberCircle {
    margin: 20px auto 10px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 10px;
    background: transparent;
    border: 1px solid #9d9090;
    color: #9d9090;
    text-align: center;
}

.numberCircle .fa-plus {
    font-size: 30px;
}

#add-new-address p {
    text-align: center;
    font-size: 15px;
    color: #9d9090;
    font-weight: 500;
}

.add-new-company-billing-address p,
.add-new-personal-billing-address p {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -90px;
}

#add-new-address:hover {
    cursor: pointer;
}

.add-new-company-billing-address .numberCircle:hover,
.add-new-personal-billing-address .numberCircle:hover {
    cursor: pointer;
}

/*Pick shipping method modal*/
#pick-delivery-method .modal-content {
    border-radius: 0;
}

#enter-payment-address .modal-content {
    border-radius: 0;
}

#pick-delivery-method .modal-header {
    background-color: #ff6501;
    color: white;
}

#pick-delivery-method .mt-40 {
    margin: 40px 0 0;
}

#pick-delivery-method input[type='text'] {
    border-radius: 3px;
    background-color: transparent !important;
    border-radius: 0;
    color: #3d3d3d;
    padding: 9px;
    font-size: 12px;
    font-size: 1.2rem;
    border: 1px solid #e0e0e0;
    box-shadow: none !important;
    transition: all 0.3s ease;
    height: 45px;
}

#pick-delivery-method input[type='text']:hover {
    background-color: #e9e9e9 !important;
    box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.3) !important;
}

#pick-delivery-method select:hover {
    background-color: #e9e9e9 !important;
    box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.3) !important;
}

#enter-payment-address .modal-header {
    background-color: #ff6501;
    color: white;
}

#pick-delivery-method img {
    margin: 0 auto;
}

#pick-delivery-method .econt_office label {
    width: 100%;
    padding: 15px;
    background-color: #eeeeee;
    border-radius: 4px;
}

.shipping-vendor-active input {
    visibility: hidden;
}

/*#pick-delivery-method  label input{
  margin: 40px 0 0;
}*/

#pick-delivery-method .rapido label, #pick-delivery-method .rapido_office label, #pick-delivery-method .econt_office label, .rapido_office label {
    width: 100%;
    padding: 15px;
    background-color: #eeeeee;
    border-radius: 4px;
}

#pick-delivery-method label:hover {
    cursor: pointer;
}

#pick-delivery-method label span {
    font-size: 15px;
}

#pick-delivery-method .shipping-method-form {
    margin-bottom: 30px;
}

.rapido input[type='radio']:checked:after, .rapido_office input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    position: relative;
    background-color: #fe6832;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #fff;
}

.econt_office input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    position: relative;
    background-color: #fe6832;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #fff;
}

.address-column .shipping-existing {
    padding: 20px;
    height: 100%;
    color: #000;
    position: relative;
}

#payment-existing-personal .address-column .shipping-existing a:hover {
    border: 2px solid #006ebb;
    color: #006ebb;
    background-color: white;
}

.address-column .shipping-existing a {
    position: absolute;
    font-size: 15px;
    display: inline-block;
    padding: 5px 7px;
    right: -2px;
    bottom: -2px;
    border: 2px solid transparent;
    color: #30363f;
}

.address-column .shipping-existing a:hover {
    position: absolute;
    font-size: 15px;
    display: inline-block;
    padding: 5px 7px;
    right: -2px;
    bottom: -2px;
    border: 2px solid #e40044;
    border-radius: 4px 0 4px 0;
    background-color: white;
    color: #e40044;
}

.econt_office label, .rapido label, .rapido_office label {
    font-size: 15px;
    text-transform: uppercase;
}

.econt_office .shipping-vendor-active, .rapido .shipping-vendor-active, .rapido_office .shipping-vendor-active {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}

#confirm-new-address, #confirm-new-personal-address, #confirm-new-company-address {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
}

#add-new-address-back {
    background-color: #fff;
    border: 1px solid #8f8f8f;
    border-radius: 4px;
    color: #000;
    text-transform: uppercase;
}

#confirm-new-address:hover, #add-new-address-back:hover {
    box-shadow: 0 2px 2px 0px #bfbebc;
}

#company-address-wrapper .shipping-existing h3 {
    text-decoration: underline;
}

.address-column .shipping-existing p {
    margin-bottom: 0;
}

.address-column .shipping-existing:hover {
    cursor: pointer;
    background-color: white;
}

/*
#checkout-breadcrumbs {
    background: white !important;
    border-bottom: 1px solid lightgray;
}*/

#checkout-breadcrumbs .title-breadcrumb, #checkout-breadcrumbs .breadcrumb-cate > li > a {
    color: #666;
}

#checkout-breadcrumbs .breadcrumb-cate li:last-child a {
    color: #ff5c00;
}

#checkout-breadcrumbs h3:after {
    width: 29%;
    content: ' ';
    display: block;
    border: 1px solid #fd9800;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    margin: 0 auto;
}

ul.site-features {
    border: 1px solid #e5e5e5;
    font-size: 0;
    background-color: #fafafa;
    margin-top: 30px;
}

#footer-features ul li {
    display: inline-block;
    width: 25%;
    text-align: center;
    padding: 0;
    border-right: 1px solid #e5e5e5;
    font-size: 13px;
}

#footer-features ul li:last-child {
    border-right: none;
}

.single-feature {
    display: flex;
    padding: 15px 45px;
    align-items: baseline;
}

.single-feature h4 {
    flex: 1;
    text-align: left;
    margin: 0;
    align-self: center;
    padding-left: 10px;
    font-weight: normal;
    font-size: 14px;
}

.single-feature img {
    align-self: center;
}

#checkout-footer {
    background-color: #f1f3f6;
    padding-top: 30px;
    padding-bottom: 30px;
}

#checkout-footer .help-text-wrapper {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    position: relative;
    /*padding-left: 64px;*/
}

#checkout-footer .help-text-wrapper h3 {
    margin-bottom: 5px;
    font-weight: 300;
}

#checkout-footer .help-text-wrapper .icon-holder {
    width: 65px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 0;
}

#checkout-footer .help-text-wrapper .icon-holder i {
    font-size: 60px;
}

#enter-payment-address {

}

#enter-payment-address input[type='text'] {
    border-radius: 3px;
    background-color: transparent !important;
    color: #3d3d3d;
    padding: 9px;
    font-size: 12px;
    font-size: 1.2rem;
    border: 1px solid #e0e0e0;
    box-shadow: none !important;
    transition: all 0.3s ease;
    height: 45px;
}

#enter-payment-address input[type='text']:hover {
    background-color: #e9e9e9 !important;
    box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.3) !important;
}

#enter-payment-addressselect:hover {
    background-color: #e9e9e9 !important;
    box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.3) !important;
}

#checkout-page .row.checkout-steps {
    margin-right: -15px;
    margin-left: -15px;
    padding: 2rem;
    margin: 0;
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.13);
    border-radius: 3px;
    background-color: white;
}

.checkout-step-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #b7b7b7;
}

.checkout-step-container .checkout-steps {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    padding: 7px;
    font-size: 19px;
    line-height: 1;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #ff6600;
    border-radius: 50%;
}

.checkout-step-container .checkout-steps-text {
    flex: 1;
    font-size: 24px;
    padding-left: 0;
    margin: 0 0 10px 0;
    color: #555;
    font-weight: 300;
}

.checkout-badge .badge-text {
    margin-top: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #555;
}

.checkout-step-container.payment-method-step {
    margin-top: 10px;
    margin-bottom: 20px;
}

.shipping-address-wrapper {
    margin: 0;
}

#company-address-wrapper {
    padding: 2rem;
    margin: 0;
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.13);
    border-radius: 3px;
    background-color: white;
}

#order-comment-wrapper {
    margin: 15px 0;
}

.cart-info-title {
    border-bottom: 1px solid #b7b7b7;
}

#cart-info-wrapper {
    position: fixed;
    top: 100px;
    width: 20%;
    background-color: white;
    padding: 2rem;
    margin: 1rem;
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.13);
    border-radius: 4px;
}

#submit-register, #sendForgot.popup-login-button {
    width: 60%;
}

#login-modal-wrapper #submit-register.popup-login-button,
#login-modal-wrapper #send2.popup-login-button,
#submit-register, #sendForgot.popup-login-button,
#submit-register, #send2.popup-login-button,
#cart-info-wrapper .cart-info-cta a,
#cart-page .cart-right .cart-summary .cart-total .button-checkout {
    padding-top: 12px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 12px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    border-radius: 4px;
    background-image: -moz-radial-gradient(rgba(255, 255, 255, 0.42), rgba(0, 0, 0, 0));
    background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.42), rgba(0, 0, 0, 0));
    background-image: -ms-radial-gradient(rgba(255, 255, 255, 0.42), rgba(0, 0, 0, 0));
    background-position: 0 -20px, 99px 0;
    background-repeat: no-repeat;
    box-shadow: 0px 3px 6px 0px rgba(23, 23, 24, 0.59), inset 0px -3px 0px 0px rgba(0, 0, 0, 0.45), inset 0px 0px 0px 2px rgb(234, 56, 109);
    border: none;
    background-color: #e40044;
}

#login-modal-wrapper #submit-register.popup-login-button:hover,
#login-modal-wrapper #send2.popup-login-button:hover,
#submit-register:hover, #send2.popup-login-button:hover,
#cart-info-wrapper .cart-info-cta a:hover,
#cart-page .cart-right .cart-summary .cart-total .button-checkout:hover {
    padding-top: 12px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 12px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    border-radius: 4px;
    background-image: -moz-radial-gradient(#e40044, #e40044);
    background-image: -webkit-radial-gradient(#e40044, #e40044);
    background-image: -ms-radial-gradient(#e40044, #e40044);
    background-color: #e40044;
    background-position: 0;
    border: none;
}

#submit-register:active, #send2.popup-login-button:active, #cart-info-wrapper .cart-info-cta a:active, #cart-page .cart-right .cart-summary .cart-total .button-checkout:active {
    background-color: #e40044;
    box-shadow: inset 0px 4px 12px 2px #874100;
    transform: translateY(4px);
}

#submit-register, #send2.popup-login-button {
    box-shadow: 0px 3px 6px 0px rgba(23, 23, 24, 0.59), inset 0px -3px 0px 0px rgba(0, 0, 0, 0.45), inset 0px 0px 0px 2px rgb(0, 110, 193);
    background-color: #006ec1;
}

#submit-register:hover, #send2.popup-login-button:hover {
    background-image: -moz-radial-gradient(#006ec1, #006ec1);
    background-image: -webkit-radial-gradient(#006ec1, #006ec1);
    background-image: -ms-radial-gradient(#006ec1, #006ec1);
    background-color: #006ec1;
    border: none;
}

#submit-register:active, #send2.popup-login-button:active {
    background-color: #006ec1;
    box-shadow: inset 0px 6px 15px 4px rgba(85, 85, 85, 0.33);
    transform: translateY(4px);
}

#cart-info-wrapper .cart-info-cta {
    width: 100%;
    padding-top: 15px;
    position: relative;
}

.cart-info-title h3 {
    color: #555;
    font-weight: 300;
    margin-bottom: 10px;
}

.cart-info-row {
    display: block;
    padding-top: 1rem;
    color: #000;
}

.cart-info-row .cart-info-prices,
.cart-info-row .cart-info-cta {
    display: inline-block;

}

.cart-info-row .cart-info-prices {
    padding-right: 5px;
    width: 100%;
}

.cart-info-row .cart-info-prices .detail-prices {
    display: inline-block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
    width: 100%;
}

.cart-info-row .cart-info-prices .detail-prices p {
    font-size: 18px;
    margin-bottom: 5px;
    text-align: right;
}

.cart-info-row .cart-info-prices .total-price {
    display: inline-block;
    padding-top: 15px;
    width: 100%;
    text-align: end;
}

.cart-info-row .cart-info-prices .total-price .title {
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 0;
}

.cart-info-row .cart-info-prices .total-price .price {
    font-family: "Roboto Slab", Roboto, Arial, sans-serif;
    color: #e40044;
    font-size: 36px;
    margin-bottom: 0;
}

.cart-info-row .cart-info-prices table {
    margin-bottom: 0;
}

.cart-info-row .cart-info-cta {
    align-self: center;
}

#payment-method-wrapper .nav-tabs-wrapper {
    display: flex;
    /*align-items: flex-start;*/
}

#payment-method-wrapper .nav-tabs {
    border: 0;
    z-index: 3;
    background-color: #f6f4f0;
    /*flex-basis: 20%;*/
    display: flex;
    flex-direction: column;
}

#payment-method-wrapper .nav-tabs > li {
    height: 58px;
    margin-bottom: 0;
    border-bottom: 0;
    flex: 1;
    float: none;
}

#payment-method-wrapper .nav-tabs > li > a {
    border-radius: 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    margin-right: 0;
    padding: 12px 15px;
    font-size: 16px;
    color: #000;
    height: 100%;
    line-height: normal;
}

#payment-method-wrapper .nav-tabs > li.active > a::before {

    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;

}

#payment-method-wrapper .nav-tabs > li:first-child > a {
    border-top: 1px solid #fff;
}

#payment-method-wrapper .nav-tabs > li > a:hover {
    background-color: transparent;
    color: #000;
}

#payment-method-wrapper .nav-tabs > li.active > a,
#payment-method-wrapper .nav-tabs > li.active > a:focus,
#payment-method-wrapper .nav-tabs > li.active > a:hover {
    border: 2px solid #006ebb;
    border-right: 0;
    margin-right: -3px;
    font-weight: 700;
    border-radius: 4px 0 0 4px;
}

#payment-method-wrapper .nav-tabs > li.active:hover > a:hover,
#payment-method-wrapper .nav-tabs > li.active > a:focus {
    background-color: #FFF;
    color: #000;
    font-weight: 700;
}

#payment-method-wrapper .tab-content {
    background-color: #FFF;
    border: 2px solid #006ebb;
    flex: 1;
    padding: 6px 9px 0 6px;
    margin-bottom: 0;
    border-radius: 0 4px 4px 4px;
}

#payment-method-wrapper .tab-content .tab-pane.active {
    display: flex;
    min-height: 210px;
    align-items: center;
}

#payment-method-wrapper .tab-content .paymend-method .payment-method-content__description {
    flex: 2;
}

#payment-method-wrapper .tab-content .paymend-method .payment-method-content__description p {
    text-align: center;
    color: #003366;
}

#payment-method-wrapper .tab-content .paymend-method .payment-method-content__description p:last-child {
    margin: 0;
    padding-right: 30px;
}

#payment-method-wrapper .tab-content .paymend-method .payment-method-content__image {
    flex: 1;
}

#payment-method-wrapper .tab-content .paymend-method .payment-method-content__image img {
    display: block;
    margin: 0 auto;
}

.payment-existing-company-title {
    font-family: Roboto;
    font-size: 1.75rem;
    color: #3b3738;
}

textarea.form-control {
    border-radius: 3px;
    background-color: #fff;
    border: none;
    color: #3d3d3d;
    font-size: 1.5rem;
    border: 1px solid #cccccc;
}

.shipping-existing-title {
    font-family: Roboto;
    font-size: 1.75rem;
    color: #3b3738;
}

.show-company-address-holder {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

.show-company-address-holder > input {
    visibility: hidden;
    position: absolute;
}

.show-company-address-holder > input + .show-company-input { /* IMAGE STYLES */
    cursor: pointer;
    background-image: url(../image/checkbox-unchecked.png);
    width: 3.75em;
    height: 3.75em;
    display: inline-block;
    vertical-align: middle;
    background-size: 3.75em;
    background-repeat: no-repeat;
}

.show-company-address-holder > input + .show-company-input:hover {
    background-image: url(../image/checkbox-unchecked-hover.png);
    background-size: 3.75em;
    background-repeat: no-repeat;
}

.show-company-address-holder > input:checked + .show-company-input { /* (RADIO CHECKED) IMAGE STYLES */
    background-image: url(../image/checkbox-checked.png);
    background-size: 3.75em;
    background-repeat: no-repeat;
}

.show-company-address-holder h5 {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.4;
    padding-top: 10px;
}

.shipping-vendor-active {
    background-color: #ff9a00 !important;
}

.miniCartTeaser {
    background-color: #fcf7e3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    display: flex;
    padding: 10px;
    align-items: center;
}

.miniCartTeaser .miniCartTeaser-content {
    flex: 1;
    padding-left: 15px;
    color: #c49247;
}

.text-green {
    color: #005801;
}

.overlay:before {
    position: absolute;
    content: '';
    background-color: #fbfbfb;
    left: -3px;
    top: 0;
    right: -3px;
    bottom: 0;
    z-index: 10;
    opacity: 1;
    filter: alpha(opacity=100);
}

.overlay:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    margin-top: -13px;
    margin-left: -40px;
    z-index: 11;
    background: url(../images/checkout/ellipsis.gif) no-repeat left top;
    background-size: 100% 100%;
}

.min-height {
    min-height: 500px;
}

.cart-sidebar-line {
    border-top: 1px solid #e7e7e7;
    margin-bottom: 10px;
}

#office_locator {
    background: #ff9901;
    border-color: #ff9901;
}

/********** Custom checkout edit address form  ***********/
div#shipping-address-wrapper div.has-error a.chosen-single,
div#shipping-address-wrapper div.has-error input {
    border: 1px solid #a94442;
}

div#shipping-address-wrapper div.has-error div.chosen-container {
    display: block !important;
}

span.addressValidationError {
    position: absolute;
    color: #a94442;
    background-color: transparent !important;
    padding: 0px !important;
    margin: 0px !important;
}

div#payment-company form#company-address input[readonly],
div#payment-company form#company-address input[readonly="readonly"],
div#payment-personal form#personal-address input[readonly],
div#payment-personal form#personal-address input[readonly="readonly"],
#pick-delivery-method form#rapido_form input[readonly],
#pick-delivery-method form#rapido_form input[readonly="readonly"] {
    background-color: #e8e8e8 !important;
}

div#pick-delivery-method .modal-title button.close,
div#enter-payment-address .modal-title button.close {
    font-size: 2.3rem;
    padding-top: 2px;
    font-weight: normal;
    color: #FFFFFF;
    opacity: 1;
}

span.reqField {
    color: #a94442;
    font-size: 13px !important;
    margin-right: 2px;
}

.steps-container .header-logo img {
    max-width: 50%;
}

.steps-container {
    background-color: #e40044 !important;
    height: 69px;
    width: 100%;
}

#logo-checkout {
    height: 60px;
    display: inline-flex;
    width: auto;
    padding-top: 5px;
    max-width: 220px;
}

.trust-slogan-text {
    color: white;
    padding-left: 3px;
    line-height: 1em;
    font-size: 1em;
}

.pull-right.trust-slogan {
    padding: 16px 0 0 5px;
}

.steps.steps-4.pull-right {
    top: 0;
    position: absolute;
    right: 0;
}

.market-columns .row > div {
    padding: 1.5rem 2.5rem 1rem 2rem;
}

.market-columns {
    background: #fafafa;
    border: 1px solid #d9d9d9;
    margin: 50px 0px 0px 0px;
    font-weight: 500;
    margin-top: 10px
}

.market-columns img {
    display: block;
    float: left;
    margin: 0px 1rem 0px 0px;
}

.market-columns p {
    padding: 9px 0px 0px 0px;
    margin: 0px;
    font-size: 14px;
    line-height: 15px;
    height: 4rem;
}

.market-columns .row > div:not(.first):before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #d9d9d9;
    left: 0;
}

#footer-features {
    margin-top: 30px;
    margin-bottom: 50px;
}

#popup-form-register #select-gender {
    border-radius: 4px;
    border: 1px solid #d2d2d0;
    width: auto;
    background-color: #fff;
    min-width: 240px;
    text-align: center;
}

/*** Shipping addresses loader ***/
div.addressLoader {
    display: none;
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 10;
    min-height: 236px;
}

div.addressLoader.activeLoader {
    display: flex;
    justify-content: center;
    flex-direction: column;

}

div.addressLoader.activeLoader div.loadingAnimation {
    border: 13px solid #f3f3f3;
    border-radius: 50%;
    border-top: 13px solid #3498db;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin: auto;
}

/*** End Shipping addresses loader ***/

/*** Vendor Notice ***/
.steps-container {
    border-bottom: 0px;
}

.vendor-notice {
    padding: 0;
    width: 100%;
}

.vendor-notice .panel.panel-info {
    margin-bottom: 19px;
    display: inline-flex;
    width: 100%;
    padding: 0px !important;
    background-color: #f0f8ff;
    border: 0px;
    -webkit-box-shadow: 0px 0px 10px 0.5px rgba(145, 145, 145, 1);
    -moz-box-shadow: 0px 0px 10px 0.5px rgba(145, 145, 145, 1);
    box-shadow: 0px 0px 10px 0.5px rgba(145, 145, 145, 1);

}

.vendor-notice .col-md-1 > span, .vendor-notice .col-lg-1 > span {
    color: white;
}

.vendor-notice .col-md-1, .vendor-notice .col-lg-1 {
    background-color: #006ec1;
    padding: 1em;
    width: 5em;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.vendor-notice .col-md-11, .vendor-notice .col-lg-11 {
    display: flex;
    align-items: center;
    font-size: 125%
}

/****** Responsive ******/

@media (max-width: 1024px) and (min-width: 767px) {
    #cart-info-wrapper .cart-info-cta a {
        padding-top: 12px;
        padding-right: 12px;
        padding-left: 12px;
        padding-bottom: 10px;
        font-size: 1em;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer;
        outline: none;
        color: #fff;
        background-color: #e40044;
        border: none;
        border-radius: 3px;
        box-shadow: 0 3px #9b9dcb;

    }

    #cart-info-wrapper {
        position: relative;
        width: 100%;
        background-color: white;
        padding: 2rem;
        margin: 0;
        box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.13);
        border-radius: 4px;
        top: 0;
    }

    .market-columns p {
        padding: 6px;
        margin: 0px;
        font-size: 12px;
        line-height: 15px;
        height: 6rem;
    }

    #footer-features {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media (min-width: 1025px) {
    #cart-info-wrapper {
        position: fixed;
        top: 100px;
        width: 20%;
        background-color: white;
        padding: 1.25rem;
        margin: 0;
        box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.13);
        border-radius: 4px;
    }
}

@media (max-width: 1199px) and (min-width: 1025px) {
    #cart-info-wrapper .cart-info-cta a {
        padding-top: 12px;
        padding-right: 12px;
        padding-left: 12px;
        padding-bottom: 10px;
        font-size: 1em;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer;
        outline: none;
        color: #fff;
        background-color: #006ebb;
        border: none;
        border-radius: 3px;
        box-shadow: 0 3px #9b9dcb;
    }

    .market-columns p {
        padding: 6px;
        margin: 0px;
        font-size: 12px;
        line-height: 15px;
        height: 6rem;
    }

    #cart-info-wrapper {
        position: fixed;
        top: 100px;
        width: 20%;
        background-color: white;
        padding: 1.25rem;
        margin: 0;
        box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.13);
        border-radius: 4px;
    }

    .checkout-success #content .buttons {
        width: 100%;
        margin-top: 10px;
        display: inline-block;
        margin-bottom: 30px;
        text-transform: uppercase;
    }
}

@media (max-width: 1369px) {
    .steps li {
        width: auto;
        min-width: 1x;
        padding: 15px 3px 5px 41px;
    }

    .steps li.active::after {
        z-index: 1;
        position: absolute;
        top: 0;
        right: -34px;
        display: block;
    }

    .steps li:first-child {
        padding-left: 0;
        max-width: 5px !important;
        min-width: 1px;
        width: auto;
    }

    .trust-slogan-text {
        color: white;
        line-height: 11px !important;
        font-size: 11px;
        display: inherit;
        padding: 6px;
        width: 85%;
    }

    #logo-checkout {
        height: 40px;
        max-width: 150px;
        left: 0;
        float: left;
        padding-top: 16px;
    }

    .cart-info-row .cart-info-prices .detail-prices p {
        font-size: 14px;
        text-align: right;
        line-height: 16px;
    }

    .cart-info-row .cart-info-prices .total-price {
        display: inline-block;
        padding-top: 10px;
        width: 100%;
        text-align: end;
        min-height: auto;
    }

    .cart-info-row .cart-info-prices .total-price .title {
        font-size: 18px;
    }

    .cart-info-row .cart-info-prices .total-price .price {
        font-size: 20px;
    }

    .cart-info-row .cart-info-prices .detail-prices {
        border-bottom: none;
    }

    .address-column .shipping-existing {
        padding: 10px;
    }

    .address-column {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 17px;
        flex-wrap: wrap;
        flex-basis: 33%;
        min-height: 200px;
    }

    #cart-info-wrapper .cart-info-cta a:active, #cart-page .cart-right .cart-summary .cart-total .button-checkout:active,
    #cart-info-wrapper .cart-info-cta a:hover, #cart-page .cart-right .cart-summary .cart-total .button-checkout:hover,
    #cart-info-wrapper .cart-info-cta a, #cart-page .cart-right .cart-summary .cart-total .button-checkout {
        font-size: 14px;
    }

}

/***** Alerts *****/
.container .alert, .container > .alert {
    position: relative;
    z-index: 10004;
    top: -1px;
    right: 0px;
    left: auto;
    width: auto;
    max-width: 100%;
    -webkit-animation: alert-anim 1s ease;
    -moz-animation: alert-anim 1s ease;
    animation: alert-anim 1s ease;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    font-family: Helvetica, Arial, Sans-serif;
    line-height: normal;
}

.container .alert.fadeOut {
    opacity: 0;
    visibility: hidden;
}

.container .container .alert button.close, .alert button.close {
    opacity: 0.7;
    color: #777777;
}

.container .container .alert button.close {
    top: 0;
    right: 0;
    left: auto;
    height: 100%;
    width: 60px;
    vertical-align: middle;
    text-align: center;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    border-left: 1px solid #e5e5e5;

    margin-right: 0;
}

.container .alert button.close:hover, .container .alert button.close:focus {
    opacity: 1;
    color: #e40044;
}

.container .alert .fa-close:before, .alert .fa-remove:before, .alert .fa-times:before {
    content: "Затвори";
    font-weight: 500;
    font-family: Roboto;
    font-size: 10px;
    vertical-align: middle;
    line-height: 50px;
}

.container .alert {
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0px 0px 10px 0px #adadad;
    -moz-box-shadow: 0px 0px 10px 0px #adadad;
    box-shadow: 0px 0px 10px 0px #adadad;
    color: #ffffff;
    padding: 21px 60px 18px 60px;
}

.container .alert .fa {
    font-size: 24px;
    border-radius: 4px;
}

.container .alert i {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    color: #ffffff;
}

.container .alert-success {
    background-color: #ffffff;
    color: #777777;
    border-color: #b2b2b2
}

.container .alert-success i {
    background: #ffffff;
    color: #006ec1;
}

.container .alert-success a, .container .alert-success a:visited, .container .alert-success a:focus, .container .alert-success a:hover {
    color: #006ec1;
}

.container .alert-danger {
    background-color: #ffffff;
    color: #777777;
    border-color: #b2b2b2;;
}

.container .alert-danger i {
    background: #ffffff;
    color: #e40044;
}

.container .alert-danger a, .container .alert-danger a:visited, .container .alert-danger a:focus, .container .alert-danger a:hover {
    color: #e40044;
}

.alert-info {
    background-color: #ffffff;
    color: #777777;
    border-color: #b2b2b2;;
}

.alert-info i {
    background: #ffffff;
    color: #333333;
}

.container .alert-info a, .container .alert-info a:visited, .container .alert-info a:focus, .container .alert-info a:hover {
    color: #333333;
}

.container.alert-warning {
    background-color: #ffffff;
    color: #777777;
    border-color: #b2b2b2;;
}

.container .alert-warning i {
    background: #ffffff;
    color: #ff6600;
}

.container .alert-warning a, .alert-warning a:visited, .alert-warning a:focus, .alert-warning a:hover {
    color: #ff6600;
}

@-webkit-keyframes alert-anim {
    0% {
        right: -100%;
    }

    60% {
        right: -60%;
    }

    100% {
        right: 0;
    }
}

@-moz-keyframes alert-anim {
    0% {
        right: -100%;
    }

    60% {
        right: -60%;
    }

    100% {
        right: 0;
    }
}

@keyframes alert-anim {
    0% {
        right: -100%;
    }

    60% {
        right: -60%;
    }

    100% {
        right: 0;
    }
}

#so_sociallogin .login-popup-header .alert span,
#so_sociallogin .login-popup-header span.login-error {
    font-size: 14px;
    line-height: 1.42em;
}

#register-popup .alert {
    position: absolute;
    margin: 4px 0px 0px 0px;
    padding: 8px 60px 8px 60px;
    min-height: 40px;
}

#login-popup .alert {
    margin: 30px 0px 0px 0px;
    width: 500px;
    padding: 10px 60px 10px 60px;
    min-height: 40px;
}

.btn-default, .btn.btn-default {
    background-color: transparent;
    color: #666;
    border: 2px solid #777;
    font-weight: 500;
    border-radius: 3px;
}

.btn-default:active, .btn.btn-default:active {
    background-color: transparent;
    color: #333;
    border: 2px solid #444;
    background-color: transparent;
}

.btn-default:hover, .btn.btn-default:hover {
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
    background-color: transparent;
    color: #666;
    border: 2px solid #777;
}

/***** Terms modal ******/
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.popup-module.mfp-with-zoom.mfp-ready {
    width: 50%;
    background-color: white;
    height: 80%;
    top: 100px;
    left: 25%;
}

.mfp-container.mfp-ajax-holder.mfp-s-ready {
    padding: 1.5em 1.5em 0.5em 1.5em;
}

.mfp-container.mfp-ajax-holder.mfp-s-ready p {
    line-height: 14px !important;
}

span.terms-text {
    color: #666;
    font-weight: 500;
}

div.loaderOverlay {
    background: rgba(255, 255, 255, 0.6);
    font-size: 22px;
    position: absolute;
    text-align: center;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-top: 25px;
    display: none;
}

div.loaderOverlay.ciLoader {
    display: block;
    z-index: 9999;
}

#forgotPassword {
    display: none;
}

a.fbkMetroStyleBtn:hover {
    color: white;
}

/*** Facebook login button  ***/
ul#loginMenu.dropdown-menu > li > div.facebookButton {
    padding-bottom: 0px !important;
}

#so_sociallogin div#customFacebookWrapPopup {
    width: 100%;
}

#so_sociallogin div#customFacebookWrapPopup a.facebookLoginAnchor {
    margin-left: 10px;
    width: 56% !important;
    line-height: 1.2em;
}

#so_sociallogin div#customFacebookWrapPopup a.facebookLoginAnchor {
    background: #4268b3;
    text-align: center;
    -moiz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: normal;
    padding: 8px 5px;
    font-size: 16px;
    display: table;
    width: 100%;
    text-transform: none !important;
    color: #FFFFFF;
}

#so_sociallogin div#customFacebookWrapPopup a.facebookLoginAnchor > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-transform: none;
    font-size: 16px;
}

#so_sociallogin div#customFacebookWrapPopup a.facebookLoginAnchor > span.icon {
    padding: 5px 0px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#so_sociallogin div#customFacebookWrapPopup a.facebookLoginAnchor > span.icon::before {
    font-size: 2rem;
    padding-left: 0.5rem;
    content: "\f230";
    font-family: "FontAwesome";
}

/*** End Facebook login button  ***/

/* Unicredit Styles Start */
div.nav-tabs-wrapper > .tab-content.active > div#unicredit {
    display: block !important;
}

/*#payment-method-wrapper .tab-content .tab-pane.active.unicredit {*/
/*display: block !important;*/
/*min-height: auto !important;*/
/*}*/

div.unicredit-holder > div.left-section {
    border-right: 1px solid #000000;
}

div.unicredit-holder > div.left-section > p.select-payment-text {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0;
}

div.unicredit-holder > div.left-section > select#periods {
    width: 249px;
    height: 27px;
    border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #929292;
    background-color: #ffffff;
    margin-bottom: 4px;
    padding: 0 0 0 18px;
}

div.unicredit-holder > div.left-section > p.customize-request-text {
    font-size: 14px;
    color: #000000;
    margin-bottom: 0;
}

div.unicredit-holder > div.left-section > div.fees-holder > div.preffered-fee {
    position: relative;
    right: 34px;
}

div.unicredit-holder > div.left-section > div.fees-holder p.text-fees {
    font-size: 13px;
    margin-bottom: 0;
    color: #000000;
}

div.unicredit-holder > div.left-section > div.fees-holder label.payment {
    display: none;
}

div.unicredit-holder > div.left-section > div.fees-holder input.payments {
    width: 188px;
    height: 27px;
    border-radius: 3px;
    border: 1px solid #929292;
    background-color: #ffffff;
    padding: 0 5px 0 8px;
}

div.unicredit-holder > div.left-section div.calculate-holder {
    display: inline-block;
    position: relative;
    right: 5px;
    top: 1px;
    border-radius: 0 3px 3px 0;
    height: 27px;
    background-color: #929292;
}

div.unicredit-holder > div.left-section div.calculate-holder a.calculate {
    font-size: 13px;
    padding: 2px;
    display: inline-block;
    margin: 3px;
    color: #ffffff;
}


div.unicredit-holder > div.left-section > div.fees-holder div.currency {
    display: inline-block;
    width: 50px;
    height: 25px;
    font-size: 11px;
    border-radius: 0 3px 3px 0;
    background-color: #929292;
    padding: 3px 3px 3px 11px;
    color: #ffffff;
    position: relative;
    right: 5px;
    bottom: 3px;
}

div.unicredit-holder > div.left-section > div.fees-holder div.currency p.currency-text {
    margin: 0;
    opacity: 0.5;
}

div.unicredit-holder > div.left-section > div.ucn-holder {
    visibility: hidden;
    margin-top: 5px;
}

div.unicredit-holder > div.left-section > div.ucn-holder > label {
    color: #000000;
    font-size: 14px;
}

div.unicredit-holder > div.left-section > div.ucn-holder input#ucn {
    width: 241px;
    height: 27px;
    border-radius: 3px;
    border: 1px solid #929292;
    background-color: #ffffff;
    margin-left: 10px;
}

div.unicredit-holder > div.left-section div.information-holder div {
    color: #000000;
    font-size: 13px;
}

div.unicredit-holder > div.right-section {
    padding-left: 5px;
    padding-right: 11px;
}

div.unicredit-holder > div.right-section > div.monthly-calcs-wrapper {
    background-color: #f2f3f7;
    padding: 10px;
}

div.unicredit-holder > div.right-section > div.monthly-calcs-wrapper div.pc-value {
    color: #000000;
}

div.unicredit-holder > div.right-section > div.monthly-calcs-wrapper div.calc-section {
    margin-top: 5px;
}

div.unicredit-holder > div.right-section > div.monthly-calcs-wrapper div.section-principal{
    margin-bottom: 5px;
}

div.unicredit-holder > div.right-section  > div.monthly-calcs-wrapper div.pc-title {
    display: inline;
    color: #000000;
    font-size: 15px;
}

div.unicredit-holder > div.right-section  > div.monthly-calcs-wrapper hr.calc-horizontal-line {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.unicredit-holder > div.right-section  > div.monthly-calcs-wrapper div.pc-price {
    color: #e40044 !important;
    font-size: 15px;
    font-weight: 700;
}

div.unicredit-holder > div.right-section  > div.monthly-calcs-wrapper div.pc-value {
    float: right;
    color: #000000;
}

div.unicredit-holder > div.right-section  > div.terms-wrapper div:nth-child(1) {
    width: 31px;
}

div.unicredit-holder > div.right-section  > div.terms-wrapper div:nth-child(2) {
    padding: 0;
}

div.unicredit-holder > div.right-section  > div.terms-wrapper p.terms-text {
    color: #000000;
    font-weight: 500;
    line-height: 17px;
    font-size: 13px;
}

div.unicredit-holder > div.right-section  > div.terms-wrapper a.inner-terms {
    color: #006ec1;
    font-weight: 900;
}

div.unicredit-holder > div.right-section div.horizontal-line {
    border-left: 2px solid #000000;
    height: 210px;
    margin: 8px 0 5px 0;
    width: 1px;
    padding-right: 0;
}

@media only screen and (min-width: 1420px) and (max-width: 1660px)  {
    div.unicredit-holder > div.left-section > div.fees-holder > div.preffered-fee {
        position: relative;
        right: 47px;
    }

    div.unicredit-holder > div.left-section > div.ucn-holder input#ucn {
        width: 260px;
    }

    div.unicredit-holder > div.left-section > div.fees-holder div.currency {
        bottom: 3px;
    }

}

@media only screen and (min-width: 1662px) and (max-width: 1880px)  {
    div.unicredit-holder > div.left-section > div.ucn-holder input#ucn {
        width: 260px;
    }

    div.unicredit-holder > div.left-section > div.fees-holder div.currency {
        bottom: 2px;
    }

    div.unicredit-holder > div.left-section > div.ucn-holder span.ucn-subtext {
        color: #000000;
    }

    div.unicredit-holder > div.left-section > div.fees-holder input.payments {
        width: 174px;
        height: 27px;
    }

    div.unicredit-holder > div.left-section div.calculate-holder {
        padding: 1px 6px 0 6px;
        display: inline-block;
        position: relative;
        right: 5px;
        top: 2px;
        border-radius: 0 3px 3px 0;
        height: 27px;
        background-color: #929292;
    }

    div.unicredit-holder > div.left-section div.calculate-holder a.calculate {
        position: relative;
        bottom: 2px;
        color: #ffffff;
        display: inline-block;
        margin: 3px;
    }


    div.unicredit-holder > div.left-section > div.fees-holder div.currency {
        height: 27px;
        right: 5px;
        bottom: 4px;
    }
}

@media only screen and (min-width: 1900px) {
    div.unicredit-holder > div.left-section > div.ucn-holder span.ucn-subtext {
        color: #000000;
    }

    div.unicredit-holder > div.left-section > div.fees-holder input.payments {
        width: 176px;
    }

    div.unicredit-holder > div.left-section div.calculate-holder {
        display: inline-block;
        position: relative;
        padding: 1px 6px 0 6px;
        right: 5px;
        top: 2px;
        border-radius: 0 3px 3px 0;
        height: 27px;
        background-color: #929292;
    }

    div.unicredit-holder > div.left-section div.calculate-holder a.calculate {
        position: relative;
        bottom: 2px;
        color: #ffffff;
        display: inline-block;
        margin: 3px;
    }

    div.unicredit-holder > div.left-section > div.fees-holder div.currency {
        height: 27px;
        right: 5px;
        bottom: 4px;
    }

    div.unicredit-holder > div.left-section > div.ucn-holder input#ucn {
        width: 225px;
    }

    div.unicredit-holder > div.left-section > div.fees-holder > div.preffered-fee {
        right: 36px;
    }
}

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

    div.unicredit-holder > div.left-section {
        margin-bottom: 4px;
    }

    div.unicredit-holder > div.left-section > select#periods {
        width: 194px;
        height: 27px;
        border-radius: 3px;
        border: 1px solid #929292;
        background-color: #ffffff;
    }

    div.unicredit-holder > div.left-section > p.select-payment-text {
        font-size: 13px;
    }

    div.unicredit-holder > div.left-section > div.ucn-holder input#ucn {
        width: 158px;
        height: 26px;
        border-radius: 3px;
        border: 1px solid #929292;
        background-color: #ffffff;
        margin-left: 0;
    }

    div.unicredit-holder > div.left-section label.ucn {
        color: #000000;
        font-weight: 400;
    }

    div.unicredit-holder > div.left-section div.information-holder div {
        padding-left: 14px;
        padding-right: 0;
    }

    div.unicredit-holder > div.left-section div.information-holder div {
        font-size: 9px;
    }

    div.unicredit-holder > div.right-section > div.monthly-calcs-wrapper div.pc-title {
        font-size: 13px;
    }

    div.unicredit-holder > div.left-section div.tabled-custom-wrapper p.tb-customize-request-text {
        color: #006ec1;
        font-size: 13px;
        padding-right: 0;
        text-decoration: underline;
        cursor: pointer;
        margin-bottom: 2px;
    }

    div.unicredit-holder > div.left-section div.tabled-custom-wrapper span.tabled-arrow-down {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        float: right;
        position: relative;
        border-top: 5px solid #006ec1;
        right: 8px;
        top: 5px;
    }

    div.unicredit-holder > div.left-section div.tabled-custom-wrapper span.tabled-arrow-up {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #006ec1;
        width: 0;
        height: 0;
        float: right;
        position: relative;
        right: 8px;
        top: 5px;
    }

    div.unicredit-holder > div.left-section div.tabled-feed-holder p.text-fees {
        color: #000000;
        font-size: 9px;
        font-weight: 400;
        margin: 0;
    }

    div.unicredit-holder > div.left-section div.tabled-feed-holder input.payments {
        width: 123px;
        height: 27px;
        border-radius: 3px;
        border: 1px solid #929292;
        background-color: #ffffff;
    }

    div.unicredit-holder > div.left-section div.tabled-feed-holder  div.currency {
        display: inline-block;
        width: 42px;
        height: 22px;
        border-radius: 0 3px 3px 0;
        margin: 0;
        background-color: #929292;
        padding: 0;
        position: relative;
        right: 6px;
        bottom: 1px;
    }

    div.unicredit-holder > div.left-section div.calculate-holder {
        display: inline-block;
        position: relative;
        right: 5px;
        bottom: 1px;
        border-radius: 0 3px 3px 0;
        height: 27px;
        background-color: #929292;
    }

    div.unicredit-holder > div.left-section div.calculate-holder a.calculate {
        color: #ffffff;
        display: inline-block;
        margin: 3px;
    }

    div.unicredit-holder > div.left-section div.tabled-feed-holder  div.currency p.currency-text {
        opacity: 0.5;
        color: #ffffff;
        padding-left: 4px;
    }

    div.unicredit-holder > div.left-section div.tabled-feed-holder label {
        display: none;
    }

    div.unicredit-holder > div.right-section > div.terms-wrapper p.terms-text {
        font-size: 11px;
    }
}

div.unicredit-holder > div.left-section > div.fees-holder {
    margin-top: 5px;
}

div.unicredit-holder > div.left-section div.information-holder {
    margin-top: 5px;
}

/* Unicredit Styles End */