@charset "utf-8";

/* CSS Document */

.alternate-products-list {}

.alternate-products-list>ul {

    width: 100%;

    display: table;

}

.alternate-products-list>ul>li {

    display: table-row;

}

.alternate-products-list>ul>li:before,
.alternate-products-list>ul>li:after {

    content: "";

    display: table;

}

.alternate-products-list>ul>li:after {

    clear: both;

}

.alternate-products-list>ul>li .product-name,
.alternate-products-list>ul>li .product-image,
.alternate-products-list>ul>li .price,
.alternate-products-list>ul>li .add-cart {

    display: table-cell;

    border-bottom: 1px solid #ccc;

    vertical-align: middle;

}

.quickview #more-details {

    background: linear-gradient(to bottom, #f7dfa5, #f0c14b);

    border: 1px solid black;

    border-radius: 0;

    color: #000;

    width: 49%;

}

.alternate-products-list .cart {

    background: linear-gradient(to bottom, #f7dfa5, #f0c14b);

    border: 1px solid black;

    border-radius: 0;

    color: #000 !important;

    width: 100%;

    padding: 8px;

}

.alternate-products-list ul li:first-child {

    background-color: #ECECEC;



}

.alternate a {

    border-radius: 30px;

    padding: 0 14px;

    line-height: 32px;

    background-color: rgb(42, 43, 46);

    color: rgb(255, 255, 255);

    background-color: rgb(221, 0, 23);

}

#tab-alternate .desc {

    padding-right: 15px;

    background: url('img/desc.png') right center no-repeat;

}

#tab-alternate .asc {

    padding-right: 15px;

    background: url('img/asc.png') right center no-repeat;

}

.links a:before {



    font-size: 14px;

}

.link a:before {



    font-size: 14px;

}

#button-cart {

    background: rgb(245, 215, 142);

    background: -moz-linear-gradient(top, rgba(245, 215, 142, 1) 0%, rgba(238, 185, 51, 1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 215, 142, 1)), color-stop(100%, rgba(238, 185, 51, 1)));

    background: -webkit-linear-gradient(top, rgba(245, 215, 142, 1) 0%, rgba(238, 185, 51, 1) 100%);

    background: -o-linear-gradient(top, rgba(245, 215, 142, 1) 0%, rgba(238, 185, 51, 1) 100%);

    background: -ms-linear-gradient(top, rgba(245, 215, 142, 1) 0%, rgba(238, 185, 51, 1) 100%);

    background: linear-gradient(to bottom, rgba(245, 215, 142, 1) 0%, rgba(238, 185, 51, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d78e', endColorstr='#eeb933', GradientType=0);

    border: 1px solid #000;

    border-color: #a88734 #9c7e31 #846a29;

    border-radius: 2px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    color: #000;

    letter-spacing: normal;

}



#button-cart span {

    background: url(img/cart-img.png) no-repeat 0 center;

    display: block;

}

.link {

    float: right;

    clear: both;

}

#button-cart>a {

    display: block;

}

#button-cart>a span {

    font-size: 13px;

    text-align: right;

}

.alternate-products-list ul li:first-child>div {

    border-bottom: 1px solid #212121;

    border-right: 1px solid #212121;

}

.alternate-products-list ul li:first-child>div:last-child {

    border-right: none;

}

.searchphone {

    top: 9px !important;

}

.searchphone p {

    font-size: 16px;

    font-weight: bold;

    padding-bottom: 3px;

    padding-left: 15px;

    color: rgb(231, 115, 52);

    letter-spacing: 3px;

}

.anti-virus {

    text-align: right;

    padding: 30px 30px 0 0;

    display: none;

}

.anti-virus img {

    vertical-align: middle;

}

.contact-num {

    text-align: center;

    color: #fff;

    font-weight: bold;

    font-size: 25px;

    padding-bottom: 5px;

    margin: 0 auto;

    padding-top: 30px;

}



.AuthorizeNetSeal,
.contact-num,
.anti-virus {

    float: left;

    width: 33.33333333% !important;

}



div.AuthorizeNetSeal {

    text-align: left !important;

}



.footer-bottom-content {

    float: left;

    width: 100%;

    padding: 20px 0;

}



.sticky-header-center.journal-header-center .journal-search,
.sticky-header-center.journal-header-center .journal-cart {

    top: 30px;

}

.box-content .newsletter-input-wrap {

    width: 100%;

}

.box-content .newsletter-input-wrap .newsletter-email {

    padding: 14px;

    width: 100%;

}

.journal-newsletter.text-left .newsletter-input-wrap input {

    width: 100%;

    height: 100%;

    box-shadow: none;

    /* width: 20px; */

    padding: 13px;

}

.journal-newsletter.text-left .newsletter-input-wrap {

    display: block;

    position: relative;

    float: left;

    width: 100% !important;

    /* padding: 10px; */

}

.journal-popup {

    border-radius: 4px;

}

.journal-popup-content .left {

    width: 35%;

    background: #225294;

    padding: 6px 10px;

    text-align: center;

    position: relative;

    display: table-cell;

    height: 100%;

    vertical-align: middle;

    border: solid #94acc6;

    border-width: 0 1px 0px 0px;

}

.left:before,
.left:after {

    content: "";

    position: absolute;

    height: 1px;

    /*background: #4976ae;*/

    width: 30%;

    margin: 0 auto;

    left: 0;

    right: 0;



}

.left:before {

    top: 121px;

}

.left:after {

    bottom: 121px;

}

.journal-popup-content .right {

    width: 60%;

    margin-left: 30px;

    display: table-cell;

    height: 100%;

    padding: 40px 0 30px 30px;

    background: url(img/arrow.png) no-repeat 15px 70px;

}

.journal-popup-content .left>p {

    font-size: 18px;

    line-height: 22px;

    margin-bottom: 20px;

    font-weight: 400;

    color: #3c3c3c;

    letter-spacing: -0.025em;

    font-style: italic;

}

.journal-popup-content .right p {

    margin: 5px 0 10px;

    font-size: 14px;

    letter-spacing: -0.025em;

    color: #2b2b2b;

    font-weight: 500;

}

.right form {

    margin: 0 0 0 60px;

}

.right form input::-webkit-input-placeholder {

    color: #535051 !important;

}

.right form>input {

    border: 1px solid #bfc6d0;

    border-radius: 0;

    margin-bottom: 5px;

    font-size: 16px;

    font-weight: 400;

    box-shadow: none;

    padding: 8px;

    color: #000;

    background: #fff;

}

.right .submit input {

    background: transparent;

    color: #fff6ee;

    border-radius: 0;

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

    border: transparent;

    padding: 10px 10px 8px;

    cursor: pointer;

    line-height: 18px;

}

.right .submit {

    position: relative;

    float: right;

    cursor: pointer;

    display: block;

    background: #ec5d24;

    text-transform: uppercase;

    border: 3px solid #284c82;

    width: 50%;

    margin-bottom: 10px;

    border-radius: 0;

    transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

}

.right .submit:hover {

    background: #d8410b;

    border-color: #333f68;

    color: #fff;

}

.right .submit:before {

    content: "";

    position: absolute;

    right: 10px;

    top: 28%;

    border-top: 7px solid transparent;

    border-left: 7px solid #fff6ee;

    border-bottom: 7px solid transparent;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}

.right .submit:hover:before {

    right: 5px;

    border-left-color: #fff;

}

.journal-popup-content .left .promo {

    background: #f1b84f;

    color: #fff;

    padding: 10px 15px;

    cursor: pointer;

    text-align: center;

    border-radius: 6px;

    border: 2px solid #f7b438;

}

.journal-popup-content .left h3 {

    font-size: 40px;

    letter-spacing: -0.025em;

    line-height: 40px;

    font-weight: 700;

    color: #ee5528;

    padding: 12px 0 0;

}

.journal-popup-content .left p {

    font-size: 24px;

    line-height: 28px;

    letter-spacing: 0.02em;

    color: #cee5ff;

    font-weight: 500;

    text-transform: uppercase;

    font-style: normal;

    margin: 0;

    padding: 5px 0 12px;

    font-family: inherit;

}

.journal-popup-content .row .col-1-3 {

    width: 33.333%;

    float: left;

    padding-left: 9px;

    font-size: 15px;

}

.journal-popup {

    height: auto !important;

    background-attachment: inherit !important;

    padding: 0 20px;

    padding-left: 0 !important;

    display: table;

}

.right .heading-title {

    font-size: 32px;

    line-height: 28px !important;

    padding: 0 !important;

    height: auto !important;

    color: #064086;

    letter-spacing: 0.02em;

    border-bottom: none;

    margin-bottom: 21px !important;

    font-family: 'Helvitica';

}

.journal-popup-content.overflow-on {

    height: auto !important;

    overflow: hidden !important;

    padding: 0;

}

.journal-popup-content h1 {

    display: none;

}

.one-third-footer {

    clear: both;

    overflow: hidden;

    text-align: center;

}

.one-third-footer .col-1-3 {

    width: 33.333333%;

    float: left;

    font-size: 12px;

    font-weight: 600;

    color: #93701e;

}

.journal-popup-footer-content {

    height: 40px !important;

}

.dont-show-label input[type='checkbox'] {

    margin: 5px !important;

}

.dont-show-label span {

    font-size: 14px;

    font-weight: 600;

    display: inline-block;

    vertical-align: top;

}

.right {

    position: relative;

}



p.already-msg {

    color: red;

    border: 1px solid #FF0000;

    padding: 5px;

    border-radius: 5px;

    position: absolute;

    top: 0;

    width: 88%;

    text-align: center;

}

p.success-msg {

    color: green;

    border: 1px solid green;

    padding: 5px;

    border-radius: 5px;

    position: absolute;

    top: 0;

    width: 88%;

    text-align: center;

}

.right form>input.error::-webkit-input-placeholder {

    color: #FF0000 !important;

}

.right form>input.error::-moz-placeholder {

    color: #FF0000 !important;

}

.go-shopping {

    display: block;

    text-align: center;

}

.go-shopping a {

    font-size: 25px;

    background: #ec5d24;

    color: #fff;

    padding: 10px;

    border: 4px solid #000;

    display: inline-block;

    margin: 5px;

}

/*****route-account-authorizenetcim******/

.route-account-authorizenetcim #content .content {
    padding: 15px;
}

/****************************************/

.total_customer_section {
    display: table;
    width: auto;
    padding-right: 35px;
}

.view0 .total_customer_section {
    color: #FFFFFF;
}

.total_customer_section span {
    display: table-cell;
    vertical-align: middle;
    padding-right: 7px;
}

.total_customer_section span i {
    border: 1px solid;
    padding: 5px;
}

.view0 .total_customer_section span i {
    border-radius: 10px;
}

.total_customer_section .text-customer {}

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

    .journal-popup {
        width: 80% !important;
    }

    .journal-popup-content .left h3 {
        font-size: 30px;
        line-height: 30px;
        padding: 10px 0 0;
    }

    .journal-popup-content .left p {
        font-size: 21px;
        line-height: 26px;
    }

    .left:before {
        top: 116px;
    }

    .left:after {
        bottom: 116px;
    }

    .right .heading-title {
        font-size: 30px;
    }

    .right .submit {
        width: 55%;
    }

}

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

    .right .heading-title {
        font-size: 22px;
        line-height: 26px !important;
        margin-bottom: 15px !important;
    }

    .right form>input {
        font-size: 15px;
    }

    .right .submit {
        width: 60%;
        border: 2px solid #284c82;
    }

    .right .submit input {
        font-size: 14px;
        padding: 8px;
        line-height: 16px;
        width: 100%;
    }

    .col-1-3 img {
        width: 60% !important;
    }

    .one-third-footer .col-1-3 {
        font-size: 11px;
        padding-right: 5px;
    }

    .one-third-footer .col-1-3:last-child {
        padding-right: 0;
    }

    .journal-popup-content .right {
        background-size: 40% 52%;
        -webkit-background-size: 40% 52%;
        padding: 30px 0 30px 25px;
    }

    .journal-popup-content .left h3 {
        font-size: 26px;
        line-height: 26px;
    }

    .journal-popup-content .left p {
        font-size: 18px;
        line-height: 24px;
    }

}



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

    .left:before,
    .left:after {
        display: none;
    }

    .journal-popup-content .left p {
        font-size: 16px;
    }

    .journal-popup-content .right {
        background: none;
        padding: 15px 0 15px 25px;
    }

    .right form {
        margin: 0;
    }

    .right .heading-title {
        white-space: inherit;
    }

    .right .submit {
        width: 65%;
    }

    .right .submit input {
        padding: 7px;
    }

    .right .heading-title {
        font-size: 18px;
    }

}

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

    .journal-popup-content .left h3 {
        font-size: 36px;
        line-height: 36px;
    }

    .right .heading-title {
        font-size: 20px;
        line-height: 20px !important;
    }

    .right .submit {
        width: 65%;
    }

    .right .submit input {
        padding: 7px 7px 7px 12px;
        font-size: 12px;
        text-align: left;
        line-height: 13px;
    }

    .right .submit:before {
        top: 26%;
        border-top: 6px solid transparent;
        border-left: 6px solid #fff6ee;
        border-bottom: 6px solid transparent;
    }

    .col-1-3 img {
        width: 85% !important;
    }

    .right form>input {
        font-size: 14px;
        padding: 7px;
    }

}

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

    .journal-popup-content .left h3 {

        font-size: 30px;

        line-height: 30px;

    }

    .journal-popup-content .left p {

        font-size: 14px;

    }

    .right .heading-title {

        font-size: 18px;

        margin-bottom: 10px !important;

    }

    .right .submit {

        width: 70%;

    }

    .right .submit:before {
        top: 25%;
    }

    .right .submit input {
        padding: 6px 6px 6px 7px;
    }

}



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

    .right .submit {

        width: 90%;

        border-radius: 4px;

    }

    .right .submit input {
        text-align: center;
    }

    .one-third-footer .col-1-3 {
        font-size: 8px;
    }

    .right .heading-title {

        font-size: 16px;

        margin-bottom: 7px !important;

        line-height: 18px !important;

    }

    .right form>input {

        font-size: 13px;

        padding: 6px;

    }

    .journal-popup-content .right p {
        font-size: 12px;
    }

    .journal-popup-content .left h3 {

        font-size: 28px;

        line-height: 28px;

    }

    .journal-popup-content .left p {

        line-height: 20px;

    }

    .journal-popup-content .right {

        padding: 15px 0 15px 15px;

    }

    .journal-popup-content .left p {

        font-size: 14px;

    }

    .col-1-3 img {

        width: 90% !important;

    }

    .right .submit:before {
        right: 15px;
    }

    .right .submit:hover:before {

        right: 10px;
    }

    .journal-popup {

        width: 85% !important;

        padding: 0 10px;



    }

}

.loader {
    border: 16px solid #f3f3f3;
    /* Light grey */
    border-top: 16px solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin-left: 35%;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#pageOverlay {
    position: absolute;
    width: 100%;
    height: 2000px;
    top: 0;
    background: black;
    opacity: 0.8;
    z-index: 99999;
}


#centerPage{
    margin: auto;
  position: absolute;
  top: 15%; left: 0;  right: 0;

}