@charset "utf-8";
/* CSS Document */
body {
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    background-color: #f7f7f7;
    color: #444;
}
.left-menu-title {
    background-color: #353b48;
}
a {
    text-decoration: none;
    outline: 0;
}
    a:hover, a:focus {
        color: #273c75;
        text-decoration: none;
        cursor: pointer;
        outline: 0;
    }
ul, ul li, ol, ol li, dt, dt dd {
    list-style: none
}
h1, h2, h3, h4, ul, ol, li {
    margin: 0;
    padding: 0;
}
img {
    max-width: 100%
}
.replace-b{
    font-weight:700;
}
.clearfix {
    clear: both;
    display: block;
	margin: 0 auto;
}
.clearfix10 {
    clear: both;
    display: block;
    height: 10px
}

.clearfix20 {
    clear: both;
    display: block;
    height: 20px
}
.clearfix40 {
    clear: both;
    display: block;
    height: 40px
}
.red {
    color: #f00
}
.current-color {
    color: #e23e57
}
.a_current-color {
    color: #f59e30
}
    .a_current-color:hover {
        text-decoration: underline;
        color: #febd69
    }
.badge {
    background-color: #fa8072
}
.float-l {
    float: left
}
.float-r {
    float: right
}
.NoPadding {
    padding: 0
}
.NoPaddingRight {
    padding-right: 0
}
.NoPaddingLeft {
    padding-left: 0
}
.NoMargin {
    margin: 0
}
.text-align-l {
    text-align: left
}
.text-align-c {
    text-align: center
}
.text-align-r {
    text-align: right
}
@media only screen and (max-width:992px) {
    .sm-talign-center {
        text-align: center
    }
}
.topbar {
    background-color:#353b48; height: 40px; overflow: hidden; padding-right: 1px;  line-height: 40px;
}
ul.topbar-right {
    text-align: right;
}

    ul.topbar-right > li > a > i {
        padding-left: 5px;
        padding-right: 5px
    }
    ul.topbar-right > li {
        display: inline-block;
        position: relative;
    }
        ul.topbar-right > li > a {
            border-left: 1px solid hsla(0,0%,100%,.2);
            padding-right: 5px;
            padding-left: 5px;
            color: #fff;
            -webkit-transition: all .2s linear 0s;
            -moz-transition: all .2s linear 0s;
            -o-transition: all .2s linear 0s;
            transition: all .2s linear 0s
        }

        ul.topbar-right > li > a:hover {
            color: #febd69
        }
        ul.topbar-right > li:last-child > a {
            padding-right: 0
        }
        ul.topbar-right > li:first-child > a {
            border-left: none
        }
@media only screen and (max-width:992px) {
    ul.topbar-left, ul.topbar-right {
        text-align: center
    }
}
header {
    background-color: #353b48;
}
.header-logoBox {
    background-color: #f2f2f2;
}
.header-logo {
    margin: 12px 0;
    overflow: hidden
}
    .header-logo .logo-area {
        padding-top: 29px;
        padding-bottom: 29px
    }
#search {
    margin: 6px 0
}
.search-area {
    padding-top: 18px;
    margin-right: -15px
}
#search .search-input {
    height: 44px;
    border-radius: 5px 0 0 5px;
    width: 100%;
    padding: 13px
}
#search .search-btn {
    background-color: #febd69;
    border: 1px solid #febd69;
    outline: 0;
    padding: 10px 19px;
    height: 44px;
    border-radius: 0 5px 5px 0;
    font-size: 16px;
    transition: background-color 1s,border 1s;
    -moz-transition: background-color 1s,border 1s;
    -webkit-transition: background-color 1s,border 1s;
    -o-transition: background-color 1s,border 1s
}
    #search .search-btn i {
        color: #2d4059
    }
.cart-area {
    margin-top: 24px;
    text-align: center;
    padding-bottom: 6px;

}


header .help-center a {
    color:lightgray;
	font-size: 14px;

}
 header .help-center a:hover {
        color: #fff;
    }
header .help-center {
    padding-right: 0;
    font-weight: 600;
	line-height: 50px;

}
.nav-bar {
    padding-left: 0;
    padding-right: 0
}
.NavMenu {
    position: relative;
}
@media only screen and (max-width:992px) {
    .header-logo .logo-area {
        text-align: center;
        padding-top: 0;
        padding-bottom: 0
    }
    .NavMenu .help-center {
        position: absolute;
        top: 5px;
        right: 30px;
    }
}/*media end*/

section .section-title {
    margin-left: 16px;
}
.section-title {
    text-transform: uppercase;
    margin: 0 auto 18px;
    text-align: left
}
    .section-title h2 span {
        background-color: #2d4059;
    }
    .section-title h2 {
        font-size: 2.2rem;
        font-weight: bold
    }
.guarantee-area {
    overflow: hidden;
    padding: 5px 0;
    background-color: #eee;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08)
}
    .guarantee-area .guarantee-box {
        text-align: center;
        border-right: 1px solid #ddd;
        margin-top: 10px;
        padding: 15px 0
    }
        .guarantee-area .guarantee-box:last-child {
            border-right: 0
        }
        .guarantee-area .guarantee-box a {
            display: block;
            border-right: 1px solid rgba(255,255,255,0.1)
        }
        .guarantee-area .guarantee-box .guar-box-icon {
            padding-top: 8px;
            padding-left: 12%;
            font-size: 30px;
            color: #777
        }
        .guarantee-area .guarantee-box a .guar-box-text {
            color: #666;
            padding-right: 10px;
            text-align: left
        }
            .guarantee-area .guarantee-box a .guar-box-text h4 {
                margin-bottom: 10px
            }
            .guarantee-area .guarantee-box a .guar-box-text span {
                color: #2c679c;
                font-size: 1.35rem
            }
.guarantee-area2 {
    overflow: hidden;
    padding: 5px 0;
    margin-top: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
}
    .guarantee-area2 .guarantee-box {
        text-align: center;
        padding: 5px 0;
        background-color: #fff;
        border-radius: 5px;
        margin-bottom: 20px
    }
        .guarantee-area2 .guarantee-box a {
            display: block; height: 80px;

        }
            .guarantee-area2 .guarantee-box span {
                width: 100%;
                text-align: center;
                font-size: 38px;
                display: block;
                margin: 0 auto 10px auto;
                color: #e23e57;
            }

            .guarantee-area2 .guarantee-box a .guar-box-text {
                margin-top: 20px;
                color: #2d3436;

            }
                .guarantee-area2 .guarantee-box a .guar-box-text h4 {
                    margin-bottom: 5px
                }
        .guarantee-area2 .guarantee-box:hover span {
            animation: action 600ms;
            -moz-animation: action 600ms;
            -webkit-animation: action 600ms;
            -o-animation: action 600ms
        }
@keyframes action {
    25% {
        margin-left: 40px
    }
    50% {
        margin-left: 0
    }
    75% {
        margin-left: 40px
    }
    100% {
        margin-left: 0
    }
}
@media only screen and (max-width:992px) {
    .guarantee-area .guarantee-box a .guar-box-text {
        padding-right: 70px
    }
    .guarantee-area .guarantee-box:nth-of-type(2) {
        border-right: 0
    }
    .guarantee-area .guarantee-box a .box2 {
        border-right: 0
    }
}
.bx-has-pager .bx-controls-direction .bx-prev {
    left: -20px;
    width: 30px
}
.carousel {
    box-shadow: 0 0 7px 2px #ddd;
}
.carousel-indicators .active {
    background-color: #e23e57;
    border: 1px solid #e23e57
}
.carousel-control {
    width: 6%
}
#left {
    left: 0
}
#right {
    right: 0
}
.item-box {
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    min-height: 280px;
    margin-bottom: 25px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    background-color: #fff;
    position: relative;
    overflow: hidden
}
    .item-box:hover {
        border: 2px solid #aaa;
        box-shadow: 1px 1px 20px 1px #ddd
    }
    .item-box .item-image {
        padding: 20px;
        position: relative
    }
        .item-box .item-image span {
            position: absolute;
            left: 10px;
            top: 10px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            color: #fff;
            background-color: #488dd8;
            font-size: 1.2rem;
            font-weight: bold;
            border-radius: 50%;
            text-align: center;
            z-index: 98
        }
        .item-box .item-image img {
            display: block;
            max-height: 130px;
            margin: 5px auto;
            transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out
        }
        .item-box .item-image:hover img {
            transform: scale(1.1)
        }
.item-content{
    padding:0 5px;
}
.item-box .item-content .item-title {
    min-height: 42px;
    text-align: center
}
        .item-box .item-content .item-title h3 {
            font-size: 1.6rem;
            display: block;
            font-weight: normal;
            line-height: 1.4;
            color: #484848
        }
            .item-box .item-content .item-title h3:hover {
                color: #e23e57
            }
    .item-box .item-content .item-price {
        margin: 8px;
        text-align: center
    }
        .item-box .item-content .item-price span {
            color: #E64A19;
            font-size: 1.8rem
        }
    .item-box .show-button {
        position: absolute;
        width: 40%;
        height: 40px;
        top: 100%;
        right: 30%;
        color: #fff;
        visibility: hidden;
        border-radius: 22px;
        line-height: 44px;
        text-align: center;
        background-color: #e23e57;
        cursor: pointer;
        transition: all 200ms,linear 200ms;
        -moz-transition: all 200ms,linear 200ms;
        -webkit-transition: all 200ms,linear 200ms;
        -o-transition: all 200ms,linear 200ms
    }
    .item-box:hover .item-image {
        opacity: .7
    }
    .item-box:hover .show-button {
        visibility: visible;
        position: absolute;
        top: 70%
    }
.show-button:hover {
    background-color: #bf374b
}
.item-box:hover .item-content {
    visibility: hidden
}
.breadcrumb > .active {
    color: #2b67a9
}
.breadcrumb-heading {
    background-color: #fff;
    height: 40px;
    box-shadow: 0 2px 5px 1px #eee;
	line-height: 40px;
}
    .breadcrumb-heading .pageTitle {
        display: inline-block;
        font-size: 2.2rem;
        float: left;
        margin: 0;
        line-height: 40px;
        color: #2d4059
    }
    .breadcrumb-heading .pageNav {
        display: inline-block;
        float: right;
        padding: 0;
        background-color: #fff;
        line-height: 40px
    }
        .breadcrumb-heading .pageNav > .active， {
            color: #2c679c
        }
        .breadcrumb-heading .pageNav a:hover, .breadcrumb-heading .pageNav2 a:hover {
            color: #2c679c
        }
    .breadcrumb-heading .pageNav2 {
        display: inline-block;
        float: left;
        padding: 0;
        background-color: #fff;

    }
        .breadcrumb-heading .pageNav2 > .active {
            color: #2c679c
        }
        .breadcrumb-heading .pageNav a, .breadcrumb-heading .pageNav2 a {
            color: #777;
            transition: all 200ms;
            -moz-transition: all 200ms;
            -webkit-transition: all 200ms;
            -o-transition: all 200ms
        }
@media only screen and (max-width:992px) {
    .breadcrumb-heading .pageTitle {
        display: block;
        text-align: center;
        width: 100%;
        line-height: 20px;

    }
    .breadcrumb-heading .pageNav {
        display: block;
        text-align: center;
        width: 100%;
        line-height: 20px
    }
}
.left-menu-title {
    text-transform: uppercase;
    font-size: 1.6rem;
    color: whitesmoke;
    height: 50px;
    line-height: 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 15px;
}
    .left-menu-title i {
        padding-right: 10px
    }
.left-menu-area {
    margin-bottom: 5px
}
    .left-menu-area .left-menu-list {
        background: #fff;
    }
        .left-menu-area .left-menu-list li {
            border-bottom: 1px solid #ebebeb;
            padding: 10px 0 10px 15px;
            transition: all 400ms linear 0ms;
            -moz-transition: all 400ms linear 0ms;
            -webkit-transition: all 400ms linear 0ms;
            -o-transition: all 400ms linear 0ms
        }
            .left-menu-area .left-menu-list li a {
                display: block
            }
            .left-menu-area .left-menu-list li:hover {
                background-color: #e23e57;
                cursor: pointer;
                padding-left: 35px
            }
                .left-menu-area .left-menu-list li:hover a {
                    color: #fff
                }
.pmodeltitle .pmodeldes {
    padding: 15px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 4px;
    border-left-color: #2d4059;
    background-color: #fff
}
.pmodeltitle .col-lg-3 {
    line-height: 150px
}
.pmodeltitle .pageTitle2 {
    font-size: 1.8rem;
    padding-bottom: 8px
}
.ModelTipsBox {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    z-index: 999
}
    .ModelTipsBox .badge {
        margin-right: 5px
    }
    .ModelTipsBox a {
        color: #488dd8
    }
        .ModelTipsBox a:hover {
            text-decoration: underline
        }
#ModelSearchBox #ModelSearch {
    border-color: #2d4059
}
#ModelSearchBox #BtnSearch button {
    background-color: #2d4059;
    color: #fff;
    outline: 0
}
#ModelSearchBox #ModelSearch:focus {
    box-shadow: inset 0 1px 1px 1px #76808e
}
.modelList {
    background-color: #fff;
    padding: 5px 1px;
    border-radius: 4px;
    overflow:hidden;
    border: 1px solid #ddd
}
.Prompt {
    display: none;
    font-size: 14px
}
    .Prompt b {
        line-height: 26px
    }
.modelList dd {
    font-size: 1.4rem;
    float: left;
    width: 33.33%;
    padding: 5px;
    text-transform:uppercase;
}
    .modelList dd a {
        display: block;
        line-height: 20px;
        font-size: 14px;
        padding: 5px 0 5px 15px;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        background: url(../images/bullet.png) no-repeat center left;
        transition: all 200ms;
        -moz-transition: all 200ms;
        -webkit-transition: all 200ms;
        -o-transition: all 200ms;
    }
    .modelList dd:hover a {
        color: #fff;
	border:1px solid #0D0B0B;
        background: #1e1e1e url(../images/bullet2.png) no-repeat center left
    }
@media only screen and (max-width:992px) {
    .main-area, .comple-area {
        clear: both;
        width: 100%;
    }
    .ModelTipsBox {
        margin-top: -20px
    }
}


.ProductBox {
    font-weight: 400;
    overflow: hidden;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 20px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    font-family: 'Roboto',sans-serif
}
    /*.ProductBox .ProductTitle i {
        color: #febd69
    }*/
    .ProductBox .ProductTitle {
        padding: 10px 0 10px 15px;
        border-bottom: 1px solid #E0E0E0
    }
        .ProductBox .ProductTitle h1 {
            font-size: 2.2rem;
            line-height: 1.6
        }
        .ProductTitle span{

        }
    .ProductBox .PImgBox {
        text-align: center;
        padding: 15px 15px;
        min-height: 375px
    }
        .ProductBox .PImgBox img {
            margin: 2px auto
        }
        .ProductBox .PImgBox .product-img {
            line-height: 350px
        }
        .ProductBox .PImgBox a {
            display: block;
            padding: 15px 0;
            font-size: 1.6rem;
            color: #2c679c;
            transition: all .25s;
            -moz-transition: all .25s;
            -webkit-transition: all .25s;
            -o-transition: all .25s;
            height: 60px
        }
            .ProductBox .PImgBox a:hover {
                transform: scale(1.1)
            }
        .ProductBox .PImgBox span, .product-left>span {
            text-align:left;
            padding: 10px;
            margin-top: 10px;
            background-color: #fcf8e3;
            color: #8a6d3b;
            display: inline-block;
            font-size: 1.3rem;
            border-radius: 4px;
            border: 1px solid #faebcc
        }
        .product-left > span{
            margin:-5px 0 15px;
            display:block;
        }
            .ProductBox .PInfoBox {
                padding: 15px 30px
            }
        .ProductBox .PInfoBox .productDetailsInfo li {
            line-height: 32px;
            border-bottom: 1px dashed #eee
        }
            .ProductBox .PInfoBox .productDetailsInfo li a i {
                color: #aaa;
                padding-left: 5px
            }
            .ProductBox .PInfoBox .productDetailsInfo li b {
    width: 40%;
    color: #555555;/**/
    float: left;
    font-weight: 700
            }
            .ProductBox .PInfoBox .productDetailsInfo li strong {
                background-color: #e23e57;
                border-radius: 15px;
                color: #fff;
                padding: 6px 10px;
                font-weight: normal;
                display: inline-block;
                margin: 2px 0;
                line-height:18px;
            }
        .ProductBox .PInfoBox .price-box {
            margin: 15px 0;
        }
            .ProductBox .PInfoBox .price-box .PPrice {
                display: block;
                padding-bottom: 15px
            }
                .ProductBox .PInfoBox .price-box .PPrice strong, .ProductBox .PInfoBox .price-box .comingsoon {
                    font-size: 2.8rem;
                    color: #d33;
                    font-weight: 700;
                }
                .ProductBox .PInfoBox .price-box .PPrice del {
                    font-size: 2rem;
                    color: #DB5A6B;
                    font-weight: 500;
                }
                .ProductBox .PInfoBox .price-box .PPrice b {
                    font-size: 1.5rem;
                    color: #4894ea;
                    font-weight: 400;
                }
                .ProductBox .PInfoBox .price-box .PPrice small {
                    color: #2c679c;
                    font-weight: 600
                }
                .ProductBox .PInfoBox .price-box .PPrice i {
                    color: #777;
                    margin-left: 8px
                }
                .ProductBox .PInfoBox .price-box .PPrice span {
                    color: #008016
                }
.productRating{
    margin-top:-10px;
    margin-bottom:15px;
}
.productRating .star {
    color: #febd69;
}
.productRating a {
    color: #008016;
}
    .productRating a:hover {
        text-decoration: underline;
    }
    .ProductBox .PCart * {
        display: inline-block;
    }
    .ProductBox .PCart select {
        width: 80px;
        display:inline-block;
        vertical-align:middle;    }
    .ProductBox .PCart .count-minus, .ProductBox .PCart .count-plus {
        width: 42px;
        height: 42px;
        background-color: #e2dede;
        text-align: center;
        line-height: 32px;
        border: 0;
        border-radius: 0;
        transition: all 200ms;
    }
        .ProductBox .PCart .count-minus:hover, .ProductBox .PCart .count-plus:hover {
            background-color: #e23e57;
            color: #fff;
        }
    .ProductBox .PCart .qty-Box input {
        border: 0;
        outline: 0;
        text-align: center;
        width: 53px;
        vertical-align: sub;
        padding: 0;
        color: #444;
        font-size: 17px;
        font-weight: 700;
        font-family: 'Open Sans',sans-serif;
    }
    .ProductBox .PCart .qty-Box {
        border: 1px solid #eee;
        margin-right: 20px;
    }
.numbox span.disabled {
    color: #dedede;
    background: #f7f7f7;
    cursor: not-allowed;
    border-color: #ececec !important;
}
.ProductBox .PCart button {
    height: 42px;
    width: 170px;
    border: 0;
    background-color: #e23e57;
    text-align: center;
    color: #fff;
    font-size: 17px;
    border-radius: 5px;
    outline: 0;
    text-transform: uppercase;
    vertical-align: sub;
}
    .ProductBox .PCart button i {
        padding-right: 10px;
    }
    .ProductBox .PCart button:hover {
        background-color: #d43a51;
    }
@media(max-width:992px) {
    .ProductBox .PCart button {
        margin-top: 20px;
    }
}
.ProductBox .PInfoBox .PSocialButtons .AskQuestionL {
    margin: 0 0 0 2px;
    background: url(../images/email_16.png) no-repeat bottom left;
    padding-left: 20px;
    text-decoration: underline;
}
.tab {
    padding: 5px 0;
    box-shadow: 1px -1px 10px 3px rgba(0,0,0,.08);
    background-color: #fff;
}
    .tab .nav-tabs {
        background-color: #fff;
        margin-top: -10px;
        border-bottom: 0;
    }
        .tab .nav-tabs li {
            margin: 0;
            text-align: center;
        }
            .tab .nav-tabs li a {
                font-size: 14px;
                color: #666;
                background: #ebedee;
                margin: 0;
                padding: 20px 25px;
                border-radius: 3px 3px 0 0;
                border-bottom: 1px solid #2d4059;
                text-transform: uppercase;
                position: relative;
                font-weight: 700;
                font-size: 14px;
            }
            .tab .nav-tabs li.active a, .tab .nav-tabs li.active a:hover {
                padding-top: 22px;
            }
            .tab .nav-tabs li a:hover {
                border-top: 0;
                border-left: none;
                border-right: 0;
                padding-top: 21px;
            }
            .tab .nav-tabs li.active a {
                color: #2d4059;
                border: 0;
                background: #fff;
                border-top: 3px solid #2d4059
            }
    .tab .tab-content {
        background-color: #fff;
        font-family: 'Roboto',sans-serif;
    }
#overview .proNote {
    font-size: 14px;
}
.tab .tab-content .pTabBox p b, .tab .tab-content .pTabBox p strong {
    font-weight: 600;
}
.tab .tab-content .pTabBox p, .tab .tab-content .pTabBox .productpicsbox, .tab .tab-content .pTabBox ul.tab .tab-content .pTabBox .productpicsbox {
    text-align: center;
}
    .tab .tab-content .pTabBox .productpicsbox img {
        margin: 10px auto;
        display: block;
    }

#shipping > .payment {
    padding: 0 20px;
}
#shipping picture, #shipping img {
    max-width: 100%;
}

.tab .tab-content .pTabBox p, .tab .tab-content .pTabBox .productpicsbox, .tab .tab-content .pTabBox ul {
    padding: 5px 8px;
    text-align: left;
}
.tab .tab-content .pTabBox u {
    text-decoration: none;
}
.tab .tab-content {
    font-size: 14px;
}
    .tab .tab-content .pTabBox em, .tab .tab-content .pTabBox i {
        font-style: normal;
    }
    /*.tab .tab-content .pTabBox .FAQListBox b {
        padding: 5px 20px
    }*/
    .tab .tab-content .pTabBox .FAQListBox span {
        font-weight: bold;
    }
    .tab .tab-content .pTabBox .FAQListBox a {
        padding: 0;
    }
.pTabBox .FAQListBox .replace-b{
    display:block;
}
.pTabBox .FAQListBox .replace-b {
    padding: 5px 20px;
}
.tab .tab-content h3 {
    font-size: 18px;
    margin: 25px 0;
    padding: 12px 0 12px 12px;
    background-color: #EAECEE;
}
        .tab .tab-content h3 i {
            color: #2d4059;
            padding-right: 8px
        }
.tab .tab-content ul li {
    float: left;
    width: 25%;
    line-height: 24px;
    border-bottom: dotted 1px #DAE0E2;
    padding: 5px 10px 5px 0px;
    word-wrap: break-word;
}
.tab-content.tabs .alert.alert-warning {
    margin: 20px;
}
.tab-content.tabs .alert {
    border-radius: 0;
}
.languageInfo {
    border: 1px solid #2d4059;
    width: 96%;
    min-height: 100px;
    height: auto;
    margin: 15px auto;
    border-radius: 4px;
    position: relative;
    line-height: 1.7;
}
.languageInfo .panel{ margin: 20px auto; width: 98%;}

.languageInfo h4 {
    display: block;
    color: #fff;
    background-color: #DAD4B3;
    text-align: center;
    padding: 7px;
    border-radius: 4px;
    font-size: 1.5rem
    }
@media(min-width:535px) {
    .languageInfo h4 {
    position: absolute;
    width: 410px;
    height: 30px;
    left: 43%;
    margin-left: -205px;
    top: -15px;
    font-size: 1.6rem
    }
}
.languageInfo .featureText {
    margin-top: 20px;
    padding: 0 10px 10px;
    overflow: hidden
}
    .languageInfo .featureText p {
        font-size: 14px;
        word-spacing: 1px
    }
    .languageInfo .featureText .ol_features{
        display: block;
        padding: 10px 0
    }

#compatibility ul {
    margin-left: 20px;
    overflow: hidden
}
#warranty p {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 1.7
}
@media(max-width:992px) {
    .tab .nav-tabs li {
        width: 100% !important;
        text-align: center
    }
        .tab .nav-tabs li a {
            background-color: #fff
        }
        .tab .nav-tabs li.active a, .tab .nav-tabs li.active a:hover {
            border: 0;
            background-color: #cc3333;
            color: #fff;
        }
    .ProductBox .PCart button {
        height: 35px;
        width: 141px;
        font-size: 14px;
        vertical-align: baseline
    }
    .ProductBox .PCart .count-minus, .ProductBox .PCart .count-plus {
        width: 35px;
        height: 35px;
        line-height: 25px
    }
    .ProductBox .PCart .qty-Box input {
        width: 44px;
        font-size: 16px
    }
}
@media(min-width:768px) and (max-width:992px) {
    .tab .tab-content ul li {
        width: 33.3%
    }
}
@media(max-width:768px) {
    .allProduct{background-color: #cc3333!important;}
	.allProduct:hover{background-color: #d84545!important;}
    .tab .tab-content ul li {
        width: 50%;
        font-size:13px;
    }
    .tab .nav-tabs li a {
        padding: 10px
    }
        .tab .nav-tabs li.active a, .tab .nav-tabs li.active a:hover, .tab .nav-tabs li a:hover {
            padding-top: 11px;
            background-color: #cc3333;
        }
    ul.topbar-right > li:nth-child(2) > a {
        border-left: none
    }
    .guarantee-area {
        overflow: hidden;
        margin-top: 20px;
        padding: 5px 0;
        background-color: #eee;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.08)
    }
        .guarantee-area .guarantee-box {
            border-right: 0
        }
            .guarantee-area .guarantee-box a .box1, .guarantee-area .guarantee-box a .box3 {
                border-right: 0
            }

    .modelList dd {
        width: 50%;
        word-break: break-all
    }
}
.PopularBox {
    margin-top: 20px;
    padding-right:15px;
    padding-left:15px;
}
    .PopularBox .product-news {
        display: block;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px
    }
        .PopularBox .product-news .product_image {
            padding: 25px 0
        }
            .PopularBox .product-news .product_image img {
                display: block;
                width: 120px;
                height: 120px;
                margin: 0 auto
            }
        .PopularBox .product-news:hover .product_image img {
            transform: scale(1.1);
            transition: all .25s ease-in;
            -moz-transition: all .25s ease-in;
            -webkit-transition: all .25s ease-in;
            -o-transition: all .25s ease-in
        }
        .PopularBox .product-news em {
            display: block;
            text-align: center;
            font-size: 1.3rem;
            font-weight: 400;
            padding-bottom: 10px;
            color: #777;
            font-style: normal
        }
        .PopularBox .product-news b {
            display: block;
            text-align: center;
            font-size: 1.5rem;
            font-weight: 400;
            padding-bottom: 20px;
            color: #046bb1;
            height: 60px
        }
            .PopularBox .product-news b:hover {
                color: #2d3f59
            }
.help-area {
    background-color: #fff;
    padding: 15px;
    border-radius: 4px;
    overflow: hidden;
    min-height: 840px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08)
}
    .help-area .help-title {
        font-size: 2rem;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 10px
    }
        .help-area .help-title:before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background: #f1f1f1
        }
        .help-area .help-title:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 60px;
            height: 2px;
            background: #2d4059
        }
    .help-area .help-content {
        padding: 20px 5px;
        line-height: 24px;
        font-family: "Roboto",sans-serif
    }
        .help-area .help-content p {
            padding-bottom: 5px
        }
        .help-area .help-content .sitemap-tag-box {
            padding: 10px 5px 10px 5px;
            overflow: hidden
        }
            .help-area .help-content .sitemap-tag-box li {
                font-size: 2rem;
                float: left;
                width: 25%;
                padding: 10px
            }
                .help-area .help-content .sitemap-tag-box li a {
                    display: block;
                    padding: 10px;
                    border: 1px solid #e5e5e5;
                    border-radius: 3px;
                    text-align: center;
                    color: #2d4059;
                    transition: all 200ms;
                    -moz-transition: all 200ms;
                    -webkit-transition: all 200ms;
                    -o-transition: all 200ms
                }
                    .help-area .help-content .sitemap-tag-box li a:hover {
                        background-color: #ba9d37;
                        color: #fff
                    }
        .help-area .help-content .sitemap-tag-box2 {
            overflow: hidden
        }
            .help-area .help-content .sitemap-tag-box2 li {
                font-size: 1.5rem;
                float: left;
                width: 25%;
                padding: 5px
            }
                .help-area .help-content .sitemap-tag-box2 li a {
                    display: block;
                    padding: 6px;
                    border: 1px solid #e5e5e5;
                    border-radius: 3px;
                    text-align: center;
                    color: #488dd8
                }
                    .help-area .help-content .sitemap-tag-box2 li a:hover {
                        background-color: #E9EBEE;
                    }
@media only screen and (max-width:768px) {
    .help-area .help-content .sitemap-tag-box li, .help-area .help-content .sitemap-tag-box2 li {
        font-size: 1.5rem;
        width: 50%
    }
}
    .helpCenter-area .helpCenter-header,
    .helpCenter-area .helpCenter-header2 {
        background-color: #353b48;
        padding: 7px 15px;
        border-radius:7px 7px 0 0;
    }
        .helpCenter-area .helpCenter-header h2, .helpCenter-area .helpCenter-header2 h2 {
            font-size: 2.5rem;
            color: #fff
        }
            .helpCenter-area .helpCenter-header h2 > i, .helpCenter-area .helpCenter-header2 h2 > i {
                padding-right: 15px
            }
.helpCenter-area .helpCenter-content {
    padding: 20px;
    font-size: 1.8rem;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 0 0 7px 7px;
    box-shadow: 0 3px 7px 1px #ddd;
}
        .helpCenter-area .helpCenter-content ul.helpCenter-list {
            padding: 15px 0;
            overflow: hidden
        }
            .helpCenter-area .helpCenter-content ul.helpCenter-list li {
                line-height: 2
            }
                .helpCenter-area .helpCenter-content ul.helpCenter-list li i {
                    padding-right: 10px;
                    font-size: 1.3rem
                }
                .helpCenter-area .helpCenter-content ul.helpCenter-list li a {
                    color: #2d4059
                }
                    .helpCenter-area .helpCenter-content ul.helpCenter-list li a:hover {
                        text-decoration: underline;
                        color: #2d4059
                    }
.ol_list li {
    line-height: 28px
}
    .ol_list li span {
        margin-right: 5px
    }
a.collapsed, a.collapsed:visited {
    color: #2d405f;
    text-decoration: none;
    font-weight: 400
}
    a.collapsed:hover {
        text-decoration: underline
    }
.h3title {
    margin: 15px 0;
    font-weight: 400
}
    .h3title i {
        margin-right: 5px
    }
.ol_list2 {
    margin: 0 0 0 18px;
    padding: 0
}
    .ol_list2 li {
        margin: 0;
        padding: 0;
        line-height: 28px;
        list-style: decimal
    }
.btn-link2, .btn-link2:visited {
    display: inline-block;
    margin: 10px 0;
    text-align: left;
    color: #488dd8;
    background-color: #fff;
    border: solid 1px #adadad;
    padding: 12px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}
    .btn-link2:hover {
        text-decoration: none;
        background-color: #488dd8;
        color: #fff;
        cursor: pointer
    }
.gbigLine {
    overflow: hidden;
    width: 100%;
    display: table
}
.gbigLineStep {
    background: #2d4059;
    color: #fff;
    font-size: 18px;
    display: table-cell;
    padding: 10px;
    width: 74px;
    text-align: center;
    vertical-align: middle
}
.gbigLineText {
    font-size: 16px;
    line-height: 18px;
    background-color: #dbdbdb;
    display: table-cell;
    padding: 10px 0 10px 10px;
    vertical-align: middle
}
.guideImg {
    padding: 10px 0;
    text-align: center
}
.proNote b, .proNote span {
    display: block
}
.LocateBatteryList {
    margin: -10px 20px 10px;
    font-size: 1.5rem
}
    .LocateBatteryList li i {
        padding-right: 8px
    }
.LocateTitle {
    margin-bottom: 40px;
    position: relative
}
    .LocateTitle h3 {
        background: #fff none repeat scroll 0 0;
        display: inline-block;
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 17px;
        margin: 0;
        padding-right: 20px;
        text-transform: uppercase;
        z-index: 2;
        position: relative
    }
    .LocateTitle::after {
        background: #f3f3f3 none repeat scroll 0 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        top: 8px;
        width: 100%;
        z-index: 1
    }
.PLocate {
    margin: -20px 10px 20px !important;
    font-size: 1.4rem
}
.gvtable tbody > tr > td {
    vertical-align: middle;
    line-height: 23px
}
.gvtable tbody > tr > th {
    vertical-align: middle;
    border-bottom: 2px solid #ddd
}
.gvtable tbody > tr > td > span {
    color: #f00
}
.footer-area {
    padding-top: 30px;
    background-color: #fff
}
.footer-link {
    background-color: #353b48;
    padding-top: 30px;
    margin-top: -30px
}
.footer-area .footer-title {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: .5px
}
.footer-area .footer-menu {
    padding: 10px 0 15px 5px
}
    .footer-area .footer-menu li {
        line-height: 28px
    }
        .footer-area .footer-menu li a {
            color: #fff;
            transition: all .15s;
            -moz-transition: all .15s;
            -webkit-transition: all .15s;
            -o-transition: all .15s
        }
.footer-area .copyright-area a {
    color: #444;
    transition: all .15s;
    -moz-transition: all .15s;
    -webkit-transition: all .15s;
    -o-transition: all .15s
}
.footer-area .footer-menu li a:hover {
    color: #febd69
}
.footer-area .copyright-area a:hover {
    color: #000
}
.footer-area .footer-menu li a i {
    padding-right: 4px
}
.footer-area .payment-area {
    text-align: center;
    opacity: .75;
    background-color: #fff;
    padding-top: 20px
}
    .footer-area .payment-area a {
        height: 55px;
        width: 159px;
        display: block
    }
    .footer-area .payment-area span {
        width: 64px;
        height: 40px;
        display: inline-block;
        margin: 0 2px
    }
    .footer-area .payment-area .payment-1 {
        background-position: -545px -2px
    }
    .footer-area .payment-area .payment-2 {
        background-position: -609px -2px
    }
    .footer-area .payment-area .payment-3 {
        background-position: -480px -2px
    }
    .footer-area .payment-area .payment-4 {
        background-position: -414px -2px
    }
    .footer-area .payment-area .payment-5 {
        background-position: -348px -2px
    }
    .footer-area .payment-area .payment-6 {
        background-position: -282px -2px
    }
    .footer-area .payment-area .payment-7 {
        width: 117px;
        height: 40px;
        background-position: -163px -2px
    }
    .footer-area .payment-area .payment-8 {
        width: 159px;
        height: 55px;
        background-position: -2px -2px
    }
.footer-area .copyright-area {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.8;
    color: #999;
    background-color: #fff;
    padding: 12px 0;
    margin-top: 20px
}
@media only screen and (min-width:992px) and (max-width:1200px) {
    .footer-area .footer-content {
        padding-left: 40px
    }
}
@media only screen and (min-width:768px) and (max-width:992px) {
    .footer-area .footer-menu {
        min-height: 220px
    }
    .footer-area .footer-content {
        padding-left: 110px
    }
    .footer-area .footer-link {
        height: 460px;
        overflow: hidden
    }
}
@media only screen and (max-width:768px) {
    .footer-area .footer-content {
        padding-left: 20px
    }
}
.backtotop {
    z-index: 9999;
    position: fixed;
    right: 35px;
    bottom: 120px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -webkit-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    background-color: #666;
    font-size: 3.5rem;
    visibility: hidden
}
    .backtotop i {
        font-weight: 900
    }
    .backtotop:hover {
        background-color: rgba(254,189,105,0.9);
        color: #111
    }
.gsc-adBlock {
    display: none !important
}
.gsc-table-result {
    margin-left: 8px !important
}
.btn-primary, .btn-success {
    background-color: #2d4059;
    border-color: #455a6d
}
    .btn-primary:hover, .btn-success:hover {
        background-color: #455a6d;
        border-color: #455a6d
    }

.ui-autocomplete li {padding: 0.2em;}
.ui-autocomplete li .ui-state-active {background: #ff7675;
border:1px solid #919191;}
/**/
#shippingHtml {margin-bottom: 20px;
min-height: 100px;
background: url(/images/loading.gif) no-repeat left}
#shippingHtml.shipping-initialized {background: none}
.shipping-table th {width: 25%;
text-align: center;
color: #333;}
.shipping-table thead {background-color:#F8F8F8;}
.shipping-table > tbody > tr > td {text-align: center;
vertical-align: middle;}
.ShippingCountry > span {color: #cc3333;
font-weight: bold;}
.ShippingFee > span {color: #cc3333;}
@media screen and (max-width: 767px) {.shipping-table {border: 0;
font-size: 1.2rem}
.shipping-table thead {display: none}
.shipping-table tr {margin-bottom: 20px;
display: block;
-webkit-box-shadow: 0px 1px 1px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 0px 1px 1px 0 rgba(0,0,0,0.15);
box-shadow: 0px 1px 1px 0 rgba(0,0,0,0.15);}
.shipping-table tr th{text-align:center;}
.shipping-table td {width: auto !important;
display: block;
margin-top: -1px}
.shipping-table td:nth-child(odd) {background: #fbfbfb;}
.shipping-table > tbody > tr > td {display: flex;
justify-content: flex-end;}
.shipping-table > tbody > tr > td > div {width: 75%;
display: flex;
justify-content: center;
align-items: center;}
.shipping-table td:before {content: attr(data-label);
float: left;
width: 196px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;}}
#shipping > a:hover {color: #333;}
#delivery {margin: 0 20px}



.paragraph{ font-weight: bold;}
.help-left-part h3{font-size:1.4em;line-height:1.2;font-weight:normal;margin-bottom:10px}
.help-left-part li{ margin-left: 10px; padding: 0 0 5px 5px; list-style-type:decimal;}
.also-viewed {
    margin-right: -10px;
    /*text-align: center;*/
    margin-bottom: 35px;
}
    .also-viewed a {
        display: inline-block;
        border: 1px #ddd solid;
        background: #fff;
        box-shadow: 0px 0px 1px 0 rgb(0 0 0 / 20%);
        -webkit-box-shadow: 0px 0px 1px 0 rgb(0 0 0 / 20%);
        -moz-box-shadow: 0px 0px 1px 0 rgba(0,0,0,0.2);
        border-radius: 4px;
        padding: 8px;
        margin-bottom: 15px;
        margin-right: 10px;
        text-transform: uppercase;
    }
@media (max-width: 767px) {
    .also-viewed {
        margin-right: -5px;
    }
        .also-viewed a {
            margin-right: 5px;
        }
		.div-languages{ width:45%;}
	#c_quantity{ width:40px; display: inline-block;}

}
@media (max-width: 479px) {
    .also-viewed a {
        width: 45%;
        vertical-align: top;
    }

    .ProductBox .PCart button {
        height: 42px;
        width: 120px;
        font-size: 13px;
        margin-top:-10px;
    }
    .certi-img{display: none;}

}
@media (max-width:992px) {.productDetailsInfo .fa{ display:none;}}

.ol_features{ display:block; margin:0; padding:5px 0; }
.ol_features li{ display:block; float:left; height:106px; list-style:none; margin:0; padding:0; text-align:center; font-size:12px; font-weight:bold; line-height:21px; }
.ol_features li span{ display:block; width:64px; height:64px; margin:0 auto; }
.ol_features .pro_sp_1{background:url(images/protection.jpg) -128px -64px no-repeat; }.ol_features .pro_sp_2{background:url(images/protection.jpg) -128px -128px no-repeat; }.ol_features .pro_sp_3{background:url(images/protection.jpg) -64px -64px no-repeat;}.ol_features .pro_sp_4{background:url(images/protection.jpg) -192px -64px no-repeat;}.ol_features .pro_sp_5{background:url(images/protection.jpg) 0px -128px no-repeat;}.ol_features .pro_sp_6{background:url(images/protection.jpg) 0px 0px no-repeat;}.ol_features .pro_sp_7{background:url(images/protection.jpg) -64px 0px no-repeat;}.ol_features .pro_sp_8{background:url(images/protection.jpg) -192px 0px no-repeat;}.ol_features .pro_sp_9{background:url(images/protection.jpg) -64px -128px no-repeat;}.ol_features .pro_sp_10{background:url(images/protection.jpg) 0px -64px no-repeat;}.ol_features .pro_sp_11{background:url(images/protection.jpg) -128px 0px no-repeat;}.ol_features .pro_sp_12{background:url(images/protection.jpg) -192px -128px no-repeat;}.color_red{ color:#FF0000!important;}
.alert_cnt{
    text-shadow: 0 1px 0 rgba(253, 203, 110,1.0);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
 border-top: 1px solid #f8f5f5;
    /* background-color: #fcf8e3;*/

}

.alert kbd,.panel-body kbd,#warranty kbd{color:#6c5ce7;display: inline-block;border:3px outset #F3F3F3;border-left-color:#DBDBDB;border-top-color:#DBDBDB;background-color:#F3F3F3;font-weight: bold;height:24px;vertical-align:baseline;padding: 0 2px 15px 2px;z-index: auto;}
.alert kbd a,.panel-body kbd a,#warranty kbd a{color:#6c5ce7; text-decoration: none;vertical-align:center; display: inline; }
.cart-area button{ background-color: #febd69;}
.cart-area .fa-shopping-cart{color:#555;font-size:28px;}
.cart-area button:hover{background-color: #fcc278;}
.height5{height: 5px;} .height10{height: 10px;} .height15{height: 15px;} .height20{height: 20px;} .height30{height: 30px;} .height40{height: 40px;}.height50{height: 50px;}.height60{height: 60px;}
.productDetailsInfo .fa{color:#c23616; font-size:20px; line-height:24px; margin-top:2px;}
.productDetailsInfo span:hover{color:#e84118;}
.productDetailsInfo div{ margin-top:1px;padding:0;}
.productDetailsInfo select{ color:#2f3640;display: inline-block; height: 24px; background-color:antiquewhite;}
.productDetailsInfo form{margin:0; padding:0;}
.productDetailsInfo .li-languages{height: 36px; display: block;
   /* overflow: hidden; */
    line-height: 36px;}
.div-languages{ width: 100%; margin: 0 auto;}
.languages-table{width: 100%;}
.div-languages .keyboardLayout{ width: 20%;}
.div-languages .keyboardLanguage{width: 80%;}
.ol_description{ width:100%;}
.ol_description li{}
.ol_description li b{ display:inline-block;}
.featureText .fa{ line-height: 24px;}
.featureText kbd ,.languageInfo kbd, .kbd2{line-height: 25px;	vertical-align: baseline;	white-space: nowrap;word-spacing: 1px;background-color:#555555;height: 25px;	border: 0px none rgb(255, 255, 255); padding: 3.2px 6.4px;display: inline-block;	z-index: auto;
cursor: pointer;	/* Effects */	box-shadow: rgb(192, 192, 192) 0px 1px 0px 1px;	 border-radius:4px;}
.featureText kbd:hover ,.languageInfo kbd:hover{background-color:#2d3436;}
.FAQListBox p>span{ font-weight: bold;}
.productDetailsInfo select {}
.languages-more:hover{background-color: #d5d5d5;  color: #f9f9f9;}
.languages-more{line-height: 30px; border: dotted 1px #ccc; padding: 0 1px; word-wrap: break-word; margin: 0px 5px; border-radius: 6px; text-align:center; cursor: pointer;  margin:0 auto; background-color: #efefef; display: block; width: 100%; text-transform: uppercase;color:#2d3436;}
.ui-autocomplete li {
    padding: 0.2em!important;
}
.ui-autocomplete li .ui-state-active {
    background: #9d9d9d;
    border:1px solid #919191!important;
}
#overview_li{ width: 15%;}
#compatibility_li{width: 20%;}
#warranty_li{width: 25%;}
#shipping_li{width: 25%;}
#faq_li{ width: 15%;}
.DivResultTitle{line-height: 30px; margin: 10px auto;}

.module-list {
 background-color: #fff; padding: 5px 1px; border-radius: 4px; overflow: hidden; border: 1px solid #ddd
}
.module-list dd {
 font-size: 1.4rem; float: left; width: 50%; padding: 5px
}
.module-list dd a {
 display: block; line-height: 20px; font-size: 14px; padding: 5px 0 5px 15px; border: 1px solid #e5e5e5; border-radius: 3px; transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms; -o-transition: all 200ms; text-transform: uppercase;
}
.module-list dd:hover{color:#ff7675;}
.module-list dd:hover a {
 color: #fff; border: 1px solid #ff7675; background: #ff7675 ;}


.foot-pagination .pagination { padding: 0;
    margin:0px;}
.foot-pagination .pagination>li>a,.foot-pagination .pagination>li>span{
    color: #000;}
.foot-pagination .pagination>.active>a,  .foot-pagination .pagination>.active>a:focus,.foot-pagination .pagination>.active>a:hover, .foot-pagination .pagination>.active>span,.foot-pagination .pagination>.active>span:focus,.foot-pagination .pagination>.active>span:hover{
    background-color: #000; border-color: #000; color: #fff;}
#COND1_0{ display: inline!important;}
#compatibility ul li {width:100%;}