body {
    background-color: #eee;
    padding-right: 0 !important;
}

.container {
    width: 1248px;
    max-width: 100%;
}

.btn-danger {
    background-color: #ff0000;
    color: #FFF;
}

.btn-group.m-0 {
    margin: 0;
}

.mt-0 {
    margin-top: 0;
}

.m-0 {
    margin: 0;
}

.p-0 {
    padding: 0;
}

.tran-place::placeholder {
    color: transparent;
}

.reset-link {
    position: absolute;
    top: 7px;
    right: 5px;
    font-weight: 500;
    font-size: 15px;
}

.logo {
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
}

    .logo img {
        height: 50px;
    }

header.header {
    padding: 10px;
    position: relative;
    z-index: 11;
    position: fixed;
    top: 0;
    width: 100%;
}

.modal-open {
    overflow: auto;
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Edit-right {
    position: absolute;
    right: 30px;
    top: 20px;
}

.color-box {
    width: 30px;
    height: auto;
    border-radius: 35px;
    display: inline-block;
}

.list-inline.prc li h4.prc {
    white-space: nowrap;
}

.asterix {
    color: #b94a48;
}

.mt-30 {
    margin-top: 30px !important;
}

.top-search.form-group {
    display: inline-block;
    margin: 0;
    box-shadow: rgba(0,0,0,0.2) 0 0 10px;
    vertical-align: middle;
    margin-left: 10px;
    width: 45%;
}

    .top-search.form-group .form-control {
        padding-right: 0;
        background-color: #FFF;
        box-shadow: none;
        border: none;
        color: #333;
        height: 38px;
    }

        .top-search.form-group .form-control::placeholder {
            color: #999;
        }

    .top-search.form-group .input-group-addon {
        background-color: #FFF;
        border: none;
        color: #333;
        padding-left: 15px;
        padding-right: 15px;
        min-width: 42px;
        font-size: 18px;
        height: 38px;
    }

        .top-search.form-group .input-group-addon:hover {
            color: #000;
        }

.owl-carousel .owl-item img {
    display: inline-block !important;
    width: auto !important;
}

.top-search.form-group .input-group-addon > i {
    font-size: 18px;
    border-left: #ccc 1px solid;
    padding-left: 10px;
    vertical-align: top;
    margin-left: 6px;
}

.login-btn-wrap {
    margin-top: 4px;
    display: inline-block;
    float: right;
    vertical-align: middle;
}

    .login-btn-wrap > a {
        font-weight: 600;
        text-transform: uppercase;
    }

.header-container {
    display: inline-block;
    width: 100%;
    padding-bottom:100px;
}
.main-navigation .navbar-nav > .open > a, .main-navigation .navbar-nav > .open > a:hover, .main-navigation .navbar-nav > .open > a:focus, .main-navigation .navbar-nav > .dropdown > a:focus {
    color: #e07e27 !important;
}
    .main-navigation .navbar-nav > .open > a:before, .main-navigation .navbar-nav > .open > a:hover:before, .main-navigation .navbar-nav > .open > a:focus, .main-navigation .navbar-nav > .dropdown > a:focus:before {
        color: #e07e27 !important;
    }
.mega-menu h4.title a{
    color: #e07e27 !important;
}
.main-menu .dropdown > a:before {
    color: #fff !important;
}

.main-menu > li > a {
    color: #fff !important;
    padding: 10px;
    letter-spacing: 1px;
    color: #ffffff;
    font-size: 15px !important;
    font-weight: 500;
    text-transform: none;
}
.main-menu {
    /*box-shadow: rgba(0,0,0,0.2) 0 0 2px;*/
    position: relative;
    z-index: 1;
    color: #fff !important;
    /*background-color: #FFF;*/
    display: inline-block;
    width: 100%;
    border: none;
}

    .main-menu .nav.navbar-nav {
        width: 100%;
        padding: 0;
    }

    .main-menu .nav > li > a {
        color: #000 !important;
        font-size: 16px;
        padding: 12px 30px;
        padding-left: 30px;
        font-weight: 500;
        letter-spacing: 1px;
    }

        .main-menu .nav > li > a:hover {
            background-color: #FFF;
            color: #F00;
        }

    .main-menu .nav > li:first-child > a {
        padding-left: 0;
    }

    .main-menu .nav > li.offers {
        float: right;
    }

        .main-menu .nav > li.offers a {
            box-shadow: rgba(0,0,0,0.2) 0 0 4px;
            background-color: #faa954;
            color: #FFF !important;
            font-weight: 600;
            letter-spacing: 1px;
            text-shadow: rgba(0,0,0,0.2) 0 0 2px;
        }

            .main-menu .nav > li.offers a > i.fa {
                float: right;
                background-color: rgba(0,0,0,0.2);
                width: 24px;
                height: 24px;
                border-radius: 20px;
                text-align: center;
                line-height: 1.55;
                margin-left: 8px;
                margin-top: -1px;
                color: #FFF;
                vertical-align: middle;
            }

.cart-btn {
    border: #fff 2px solid;
    margin: 0;
    margin-left: 10px;
    vertical-align: middle;
    color: #FFF;
}

	.cart-btn:focus{ color:#333 ;background-color: #fff; }
	
    .cart-btn:hover {
        background-color: #fff;
    }

    .cart-btn > i {
        font-size: 18px;
        border-right: #fff 2px solid;
        padding-right: 10px;
        vertical-align: top;
        margin-right: 6px;
    }

.main-banner {
    margin-bottom: 15px;
}

.grid {
    text-align: center;
    padding: 10px;
    border: #ddd 1px solid;
    display: inline-block;
    width: 100%;
}

    .grid:hover {
        text-decoration: none;
    }

    .grid .image {
        height: 150px;
        padding-top: 15px;
        overflow: hidden;
    }

	.grid.mobile_list .image{ height:250px; overflow:visible;}
	.grid.mobile_list .image > img{ max-height:230px; }


        .grid .image img {
            max-height: 125px;
            display: inline-block;
            transition: all 0.3s ease;
            transform: scale(1);
        }

.grid-fashion {
    text-align: center;
    padding: 10px;
    border: #ddd 1px solid;
    display: inline-block;
    width: 100%;
}

    .grid-fashion:hover {
        text-decoration: none;
    }

    .grid-fashion .image {
        height: auto !important;
        overflow: hidden;
    }

        .grid-fashion .image img {
            max-height: auto !important;
            display: inline-block;
            transition: all 0.3s ease;
            transform: scale(1);
        }

    .grid-fashion:hover .image img {
        transform: scale(1.2);
    }

    .grid-fashion .cont h3 {
        font-size: 16px;
        margin-bottom: 0px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .grid-fashion .cont p {
        margin-bottom: 5px;
        color: #666;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.grid:hover .image img {
    transform: scale(1.2);
}

.grid .cont h3 {
    font-size: 16px;
    margin-bottom: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.grid .cont p {
    margin-bottom: 5px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mb-30 {
    margin-bottom: 30px;
}

.heading h3, .heading h2, .heading p, .heading .btn {
    margin: 0;
}

.grid.full-image .image {
    height: auto;
    padding-top: 0;
}

    .grid.full-image .image > img {
        height: auto;
        max-height: none;
    }

.relative {
    position: relative;
}

.inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.table-ul {
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-table;
}

    .table-ul > li {
        display: table-row;
    }

        .table-ul > li > div {
            display: table-cell;
            float: none;
        }

.full-heigth {
    height: 100%;
}

.v-align-m {
    vertical-align: middle;
}


.app-btn {
    border-radius: 150px;
    padding-top: 12px;
}

    .app-btn .fa {
        font-size: 39px;
        padding-right: 15px;
        border-right: #ddd 1px solid;
        margin-right: 12px;
        color: #000;
    }

    .app-btn h4 {
        color: #000;
    }

    .app-btn p {
        color: #000;
    }

.download h2 {
    font-size: 35px;
    font-weight: 300;
}

.download .btn-wrapper {
    padding: 30px 0;
    border: #fff 1px solid;
    text-align: center;
    margin-top: 50px;
}
.mr-20 {
    margin-right: 20px;
}
.bold-600 {
    font-weight: 600;
}
.ms-nav-next {
    z-index: 0 !important;
}
.ms-nav-prev{
    z-index: 0 !important;
}
.index-aboutus {
    border-radius: 4px;
}

    .index-aboutus h5 {
        font-size: 25px;
    }

.index-service-center {
    color: #fff;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0,.05);
}
.index-service-center h5{
    font-size:25px;
    color:#fff;
    padding-top:20px;
}
    .index-service-center .btn {
        margin-top: 0px;
        padding: 10px;
    }
        .index-service-center .form-control {
        font-size: 16px;
        color: #000;
        letter-spacing: 1px;
        background-color: rgba(255,255,255,0.8);
        border-radius: 0;
    }
    .index-service-center .select-style select {
        border-color:#fff;
        width: 100%;
        box-shadow: none;
        background-color: transparent;
        background-image: none;
        cursor: pointer;
        margin-bottom: 20px;
        padding: 18px 25px;
        font-size: 14px;
        border-radius: 0;
    }

footer {
    background-color: rgb(224, 126, 39);
    color: #FFF;
    font-size: 13px;
}
    footer h5 {
        color: #ffffff;
    }

    footer h4 {
        color: rgba(255,255,255,0.6);
        font-size: 14px;
    }

    footer a {
        display: block;
        color: #FFF;
        font-size: 13px;
        margin: 5px 0;
    }
        footer a:hover,footer a:focus {
            color: #FFF;
        }

        footer p {
            font-size: 13px;
            color: #FFF;
        }

    footer .footer-bottom {
        padding: 20px 60px;
    }

        footer .footer-bottom ul {
            margin: 0;
        }

            footer .footer-bottom ul li {
                margin-right: 20px;
            }

                footer .footer-bottom ul li a {
                    font-size: 15px;
                }


    footer .social-links li a {
        background-color: #fff;
        color: rgb(224, 126, 39) !important;
        margin: 5px;
    }
    footer .footer-bottom p {
        margin: 0;
        font-size: 15px;
    }

.logo .navbar-toggle {
    float: left;
    margin: 0;
    margin-right: 0px;
    padding: 5px 10px;
    font-size: 20px;
    border: #fff 1px solid;
    margin-right: 10px;
}

.filter-data a {
    color: #333;
    text-decoration: none;
}

.filter-data:hover a {
    text-decoration: none;
}

.filter-data-wrap {
    border-bottom: #ddd thin solid;
}

.filter.collapse {
    padding: 0;
}

.filter.collapsing {
    padding: 0;
}

.filter.collapse a.pull-left {
    color: #999;
    margin-right: 5px;
}

.filter.collapsing a.pull-left {
    color: #999;
    margin-right: 5px;
}

.filter .panel-heading {
    font-size: 16px;
    border-bottom: #ddd thin solid;
}

    .filter .panel-heading a {
        padding: 0;
        display: inline-block;
        color: #C00;
        float: right;
        width: auto;
    }

.filter a.data-toggle {
    display: block;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    padding: 15px;
}

    .filter a.data-toggle i {
        float: right;
        transform: rotate(180deg);
        font-size: 20px;
    }

    .filter a.data-toggle.collapsed i {
        float: right;
        transform: rotate(0deg);
    }

.filter-data {
    padding: 0 15px;
    padding-top: 0;
}

    .filter-data > ul {
        padding-left: 1px;
    }

    .filter-data ul li label {
        font-weight: 400;
        font-size: 13px;
    }

    .filter-data ul li > ul {
        padding-left: 15px;
    }

    .filter-data ul li.active > a {
        color: #888;
        pointer-events: none;
    }

    .filter-data ul li > ul li.active {
    }

.listing-wrap {
    padding: 10px;
}

    .listing-wrap > div.row {
        margin-left: -10px;
        margin-right: -10px;
    }

        .listing-wrap > div.row > div {
            padding-left: 10px;
            padding-right: 10px;
        }

.heading > li {
    vertical-align: middle;
}

.heading h1 {
    margin: 0;
    font-weight: 600;
    color: #000;
}

.bold-500 {
    font-weight: 500;
}

.breadcrumb li a {
    color: #333;
}

.text-line-through {
    text-decoration: line-through;
}

.pb-0 {
    padding-bottom: 0;
}

.sort-by {
    display: inline-block;
    width: 100%;
}

.mr-15 {
    margin-right: 15px;
}

.list-box {
    padding: 30px;
    border-top: #ddd thin solid;
    position: relative;
    transition: ease 0.5s all;
}

    .list-box:hover {
        box-shadow: rgba(0,0,0,0.2) 0 0 5px
    }

    .list-box .image {
        position: relative;
        text-align: center;
    }

        .list-box .image .save {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 10;
        }

        .list-box .image img {
            height: 210px;
            margin-top: 5px;
            display: inline-block;
        }

    .list-box .cont .heading {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 20px;
        font-weight: 500;
        color: #000;
    }

    .list-box:hover .cont .heading {
        color: rgb(224, 126, 39);
    }

    .list-box .cont ul.specs {
        padding-left: 16px;
        font-size: 14px;
        line-height: 1.6;
        list-style-type: disc;
        color: #999;
    }

        .list-box .cont ul.specs li {
            color: #333;
        }

    .list-box .cont .prc {
        font-size: 32px;
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 0px;
    }

        .list-box .cont .prc + p {
            margin-bottom: 3px;
        }

        .list-box .cont .prc > i {
            font-size: 28px;
            display: inline-block;
            vertical-align: top;
            margin-top: 6px;
        }

    .list-box .cont .label-success {
        margin-right: 5px;
    }

.pagination {
    display: inline-block;
    margin: 0;
}

    .pagination a {
        color: black;
        float: left;
        padding: 8px 15px;
        text-decoration: none;
        border-radius: 40px;
        height: 40px;
        width: 40px;
        margin: 0 2px;
        background-color: #FFF;
        border: #ddd 1px solid;
    }

    .pagination > span > span {
        color: white;
        float: left;
        padding: 8px 15px;
        text-decoration: none;
        border-radius: 40px;
        height: 40px;
        width: 40px;
        margin: 0 2px;
        background-color: #e07e27;
        border: #e07e27 1px solid;
    }

    .pagination a.active {
        background-color: #C00;
        border: #C00 1px solid;
        color: white;
    }

.border-top {
    border-top: #ddd 1px solid;
}

.mobile-filter .btn {
    font-weight: 400;
    color: #000;
    text-shadow: none;
    border-radius: 0;
}

.form-control {
    max-width: 100%;
}

/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
}

.irs-line-left, .irs-line-mid, .irs-line-right {
    position: absolute;
    display: block;
    top: 0;
}

.irs-line-left {
    left: 0;
    width: 11%;
}

.irs-line-mid {
    left: 9%;
    width: 82%;
}

.irs-line-right {
    right: 0;
    width: 11%;
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1;
}

    .irs-slider.single {
    }

    .irs-slider.from {
    }

    .irs-slider.to {
    }

    .irs-slider.type_last {
        z-index: 2;
    }

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
}

.irs-from, .irs-to, .irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.irs-with-grid .irs-grid {
    display: block;
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}

    .irs-grid-pol.small {
        height: 4px;
    }

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000;
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}


.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed;
}

.irs-disabled {
    opacity: 0.4;
}


.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}


/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// © guybowden, 2014        https://github.com/guybowden
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs {
    height: 55px;
}

.irs-with-grid {
    height: 75px;
}

.irs-line {
    height: 10px;
    top: 33px;
    background: #EEE;
    background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */
    border: 1px solid #CCC;
    border-radius: 16px;
    -moz-border-radius: 16px;
}

.irs-line-left {
    height: 8px;
}

.irs-line-mid {
    height: 8px;
}

.irs-line-right {
    height: 8px;
}

.irs-bar {
    height: 10px;
    top: 33px;
    border-top: 1px solid #C00;
    border-bottom: 1px solid #C00;
    background: #C00;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
    background: rgb(255,48,25); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

.irs-bar-edge {
    height: 10px;
    top: 33px;
    width: 14px;
    border: 1px solid #C00;
    border-right: 0;
    background: #C00;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
    background: rgb(255,48,25); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
    border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px;
}

.irs-shadow {
    height: 2px;
    top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}

.irs-slider {
    top: 28px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 27px;
    cursor: pointer;
    border: #ccc 1px solid
}

    .irs-slider.state_hover, .irs-slider:hover {
        background: #FFF;
    }

.irs-min, .irs-max {
    color: #333;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from, .irs-to, .irs-single {
    color: #000;
    border: #c00 1px solid;
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #999;
}

.irs-grid {
    height: 27px;
}

.irs-grid-pol {
    opacity: 0.5;
    background: #C00;
}

    .irs-grid-pol.small {
        background: #999;
    }

.irs-grid-text {
    bottom: 5px;
    color: #99a4ac;
}

.irs-disabled {
}

.form-inline .form-group {
    max-width: 100%;
}

.filter .extra-controls.form-inline .form-group .form-control {
    padding-right: 10px;
    border-radius: 0;
}

.filter .extra-controls.form-inline .form-group > .row > div:last-child .form-control {
    text-align: right;
}

ul li label {
    font-weight: 400;
}

.detail {
    padding: 15px;
    background-color: #FFF;
    margin-bottom: 15px;
}

    .detail .breadcrumb {
        margin: 5px 0;
    }

    .detail .list-box {
        padding: 0;
        border: none
    }

        .detail .list-box:hover {
            box-shadow: none;
        }

.offer p {
    font-size: 14px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 18px;
}

.offer i.fa {
    color: #090;
    position: absolute;
    left: 0;
    top: 4px;
}

.detail-structure {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 20px;
}

    .detail-structure .head {
        position: absolute;
        width: 100px;
        top: 0px;
        font-size: 14px;
        color: #888;
    }

    .detail-structure .data {
        margin-left: 120px;
        display: block;
    }

    .detail-structure p {
        font-size: 14px;
        margin-bottom: 5px;
    }

ul.list-inline.warranty {
    margin: 22px 0;
}

    ul.list-inline.warranty li {
        padding: 0;
    }

ul.storage {
    margin: 0;
    display: inline-block;
}

    ul.storage li > a {
        border: #ddd 2px solid;
        height: 45px;
        width: 80px;
        display: inline-block;
        padding: 10px;
        text-align: center;
        font-weight: 500;
        color: #333;
    }

    ul.storage li.active > a {
        border-color: #F00;
        color: #F00;
    }

.delivery.form-group {
    border-bottom: #ccc 1px solid;
    position: relative;
    max-width: 320px;
}

    .delivery.form-group .form-control {
        border: none;
        box-shadow: none;
        height: 35px;
        padding: 0;
        padding-left: 27px;
    }

    .delivery.form-group .input-group-addon {
        border: none;
        background: no-repeat;
    }

        .delivery.form-group .input-group-addon .fa-arrow-right {
            color: #090;
        }

    .delivery.form-group .fa-map-marker {
        position: absolute;
        left: 7px;
        z-index: 9;
        top: 8px;
        font-size: 18px;
    }

ul.highlight {
    padding-left: 16px;
    font-size: 14px;
    line-height: 1.3;
    list-style-type: disc;
    color: #000;
    padding-top: 5px;
}

    ul.highlight li {
        color: #000;
        margin-bottom: 7px;
    }

.panel.specs-panel .panel-body {
    padding: 30px;
    border-bottom: #eee 1px solid;
    width: 100%;
    display: inline-block;
}

.panel.specs-panel p {
    font-size: 14px;
}

.panel.specs-panel h4 {
    margin-top: 0;
}

.panel.specs-panel .panel-footer {
    padding: 20px;
    background-color: #FFF;
}

.specs-panel ul.table-ul {
    width: 100%;
    margin-bottom: 15px;
}

    .specs-panel ul.table-ul > li > div {
        font-size: 14px;
        padding-bottom: 10px;
    }

        .specs-panel ul.table-ul > li > div.head {
            color: #999;
            width: 180px;
        }

        .specs-panel ul.table-ul > li > div.data {
        }

.together_product {
    width: 100%;
    display: inline-block;
    color: #666;
    text-decoration: none;
}

    .together_product:hover {
        text-decoration: none;
    }

    .together_product .image {
        width: 100%;
        display: inline-block;
        text-decoration: none;
        text-align: center;
    }

        .together_product .image img {
            display: inline-block;
            height: 120px;
            margin-bottom: 12px;
        }

        .together_product .image p {
            text-align: left;
            color: #000;
            text-decoration: none;
            margin: 0;
        }

    .together_product::after {
        content: "+";
        font-size: 40px;
        margin: 0;
        right: 0;
        color: #c2c2c2;
        position: absolute;
        top: 36%;
    }

.together_product_wrap > .row > div:last-child .together_product::after {
    display: none;
}

.together_product .cont {
    text-align: left;
}

    .together_product .cont p {
        margin: 0;
    }

    .together_product .cont h4 {
        font-size: 16px;
    }

    .together_product .cont li {
        padding-right: 0;
    }


.similar_product {
    width: 100%;
    display: inline-block;
    color: #666;
    text-decoration: none;
    padding-bottom: 15px;
}

    .similar_product:hover {
        text-decoration: none;
    }

    .similar_product .image {
        width: 100%;
        display: inline-block;
        text-decoration: none;
        text-align: center;
    }

        .similar_product .image img {
            display: inline-block !important;
            height: 150px;
            margin-bottom: 12px;
            width: auto;
        }

        .similar_product .image p {
            text-align: left;
            color: #000;
            text-decoration: none;
            margin: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .similar_product .cont {
        text-align: left;
    }

        .similar_product .cont .list-inline {
            white-space: nowrap;
            margin: 0 -4px;
        }

        .similar_product .cont p {
            margin: 0;
        }

        .similar_product .cont .list-inline p {
            font-size: 12px;
        }

        .similar_product .cont h4 {
            font-size: 16px;
        }

        .similar_product .cont li {
            padding-right: 0;
        }

.mr-5 {
    margin-right: 5px;
}

.text-gray {
    color: #888;
}

.addons {
}

    .addons p {
        margin: 0;
    }

    .addons h4 {
        margin: 0;
    }

    .addons .sign {
        position: absolute;
        right: 15px;
        font-size: 30px;
        color: #999;
        top: 10px;
        height: auto;
        border: none;
        width: auto;
        height: auto;
    }

.overall_rate .heading {
    font-size: 30px;
    margin: 0 0 5px;
}

ul.rat_bar li > div {
    white-space: nowrap;
    padding: 0;
    padding-right: 5px;
    text-align: right;
    padding-bottom: 0 !important;
}

    ul.rat_bar li > div:first-child {
        width: 30px;
    }

    ul.rat_bar li > div:last-child {
        width: 35px;
    }

ul.rat_bar .progress {
    margin-bottom: 0;
    height: 6px;
    margin-top: 8px;
    margin-right: 5px;
}


.c100 {
    position: relative;
    font-size: 160px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: inline-block;
    margin: 0;
    background-color: #dfe8ed;
}

    .c100 + p {
        font-size: 12px !important;
        text-align: center;
        font-weight: 500;
    }

    .c100 *, .c100 *:before, .c100 *:after {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .c100 > span {
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 0;
        top: 0;
        width: 70px;
        line-height: 70px;
        font-size: 20px;
        color: #3c4761;
        display: block;
        text-align: center;
        white-space: nowrap;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        bottom: 0;
    }

    .c100:after {
        position: absolute;
        top: 5px;
        left: 5px;
        display: block;
        content: " ";
        border-radius: 50%;
        background-color: #ffffff;
        width: 60px;
        height: 60px;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -moz-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    .c100 .slice {
        position: absolute;
        width: 70px;
        height: 70px;
        clip: rect(0em, 1em, 1em, 0.5em);
    }

    .c100.p1 .bar {
        -moz-transform: rotate(3.6deg);
        -ms-transform: rotate(3.6deg);
        -webkit-transform: rotate(3.6deg);
        transform: rotate(3.6deg);
    }

    .c100.p2 .bar {
        -moz-transform: rotate(7.2deg);
        -ms-transform: rotate(7.2deg);
        -webkit-transform: rotate(7.2deg);
        transform: rotate(7.2deg);
    }

    .c100.p3 .bar {
        -moz-transform: rotate(10.8deg);
        -ms-transform: rotate(10.8deg);
        -webkit-transform: rotate(10.8deg);
        transform: rotate(10.8deg);
    }

    .c100.p4 .bar {
        -moz-transform: rotate(14.4deg);
        -ms-transform: rotate(14.4deg);
        -webkit-transform: rotate(14.4deg);
        transform: rotate(14.4deg);
    }

    .c100.p5 .bar {
        -moz-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    .c100.p6 .bar {
        -moz-transform: rotate(21.6deg);
        -ms-transform: rotate(21.6deg);
        -webkit-transform: rotate(21.6deg);
        transform: rotate(21.6deg);
    }

    .c100.p7 .bar {
        -moz-transform: rotate(25.2deg);
        -ms-transform: rotate(25.2deg);
        -webkit-transform: rotate(25.2deg);
        transform: rotate(25.2deg);
    }

    .c100.p8 .bar {
        -moz-transform: rotate(28.8deg);
        -ms-transform: rotate(28.8deg);
        -webkit-transform: rotate(28.8deg);
        transform: rotate(28.8deg);
    }

    .c100.p9 .bar {
        -moz-transform: rotate(32.4deg);
        -ms-transform: rotate(32.4deg);
        -webkit-transform: rotate(32.4deg);
        transform: rotate(32.4deg);
    }

    .c100.p10 .bar {
        -moz-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }

    .c100.p11 .bar {
        -moz-transform: rotate(39.6deg);
        -ms-transform: rotate(39.6deg);
        -webkit-transform: rotate(39.6deg);
        transform: rotate(39.6deg);
    }

    .c100.p12 .bar {
        -moz-transform: rotate(43.2deg);
        -ms-transform: rotate(43.2deg);
        -webkit-transform: rotate(43.2deg);
        transform: rotate(43.2deg);
    }

    .c100.p13 .bar {
        -moz-transform: rotate(46.8deg);
        -ms-transform: rotate(46.8deg);
        -webkit-transform: rotate(46.8deg);
        transform: rotate(46.8deg);
    }

    .c100.p14 .bar {
        -moz-transform: rotate(50.4deg);
        -ms-transform: rotate(50.4deg);
        -webkit-transform: rotate(50.4deg);
        transform: rotate(50.4deg);
    }

    .c100.p15 .bar {
        -moz-transform: rotate(54deg);
        -ms-transform: rotate(54deg);
        -webkit-transform: rotate(54deg);
        transform: rotate(54deg);
    }

    .c100.p16 .bar {
        -moz-transform: rotate(57.6deg);
        -ms-transform: rotate(57.6deg);
        -webkit-transform: rotate(57.6deg);
        transform: rotate(57.6deg);
    }

    .c100.p17 .bar {
        -moz-transform: rotate(61.2deg);
        -ms-transform: rotate(61.2deg);
        -webkit-transform: rotate(61.2deg);
        transform: rotate(61.2deg);
    }

    .c100.p18 .bar {
        -moz-transform: rotate(64.8deg);
        -ms-transform: rotate(64.8deg);
        -webkit-transform: rotate(64.8deg);
        transform: rotate(64.8deg);
    }

    .c100.p19 .bar {
        -moz-transform: rotate(68.4deg);
        -ms-transform: rotate(68.4deg);
        -webkit-transform: rotate(68.4deg);
        transform: rotate(68.4deg);
    }

    .c100.p20 .bar {
        -moz-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        -webkit-transform: rotate(72deg);
        transform: rotate(72deg);
    }

    .c100.p21 .bar {
        -moz-transform: rotate(75.6deg);
        -ms-transform: rotate(75.6deg);
        -webkit-transform: rotate(75.6deg);
        transform: rotate(75.6deg);
    }

    .c100.p22 .bar {
        -moz-transform: rotate(79.2deg);
        -ms-transform: rotate(79.2deg);
        -webkit-transform: rotate(79.2deg);
        transform: rotate(79.2deg);
    }

    .c100.p23 .bar {
        -moz-transform: rotate(82.8deg);
        -ms-transform: rotate(82.8deg);
        -webkit-transform: rotate(82.8deg);
        transform: rotate(82.8deg);
    }

    .c100.p24 .bar {
        -moz-transform: rotate(86.4deg);
        -ms-transform: rotate(86.4deg);
        -webkit-transform: rotate(86.4deg);
        transform: rotate(86.4deg);
    }

    .c100.p25 .bar {
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .c100.p26 .bar {
        -moz-transform: rotate(93.6deg);
        -ms-transform: rotate(93.6deg);
        -webkit-transform: rotate(93.6deg);
        transform: rotate(93.6deg);
    }

    .c100.p27 .bar {
        -moz-transform: rotate(97.2deg);
        -ms-transform: rotate(97.2deg);
        -webkit-transform: rotate(97.2deg);
        transform: rotate(97.2deg);
    }

    .c100.p28 .bar {
        -moz-transform: rotate(100.8deg);
        -ms-transform: rotate(100.8deg);
        -webkit-transform: rotate(100.8deg);
        transform: rotate(100.8deg);
    }

    .c100.p29 .bar {
        -moz-transform: rotate(104.4deg);
        -ms-transform: rotate(104.4deg);
        -webkit-transform: rotate(104.4deg);
        transform: rotate(104.4deg);
    }

    .c100.p30 .bar {
        -moz-transform: rotate(108deg);
        -ms-transform: rotate(108deg);
        -webkit-transform: rotate(108deg);
        transform: rotate(108deg);
    }

    .c100.p31 .bar {
        -moz-transform: rotate(111.6deg);
        -ms-transform: rotate(111.6deg);
        -webkit-transform: rotate(111.6deg);
        transform: rotate(111.6deg);
    }

    .c100.p32 .bar {
        -moz-transform: rotate(115.2deg);
        -ms-transform: rotate(115.2deg);
        -webkit-transform: rotate(115.2deg);
        transform: rotate(115.2deg);
    }

    .c100.p33 .bar {
        -moz-transform: rotate(118.8deg);
        -ms-transform: rotate(118.8deg);
        -webkit-transform: rotate(118.8deg);
        transform: rotate(118.8deg);
    }

    .c100.p34 .bar {
        -moz-transform: rotate(122.4deg);
        -ms-transform: rotate(122.4deg);
        -webkit-transform: rotate(122.4deg);
        transform: rotate(122.4deg);
    }

    .c100.p35 .bar {
        -moz-transform: rotate(126deg);
        -ms-transform: rotate(126deg);
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }

    .c100.p36 .bar {
        -moz-transform: rotate(129.6deg);
        -ms-transform: rotate(129.6deg);
        -webkit-transform: rotate(129.6deg);
        transform: rotate(129.6deg);
    }

    .c100.p37 .bar {
        -moz-transform: rotate(133.2deg);
        -ms-transform: rotate(133.2deg);
        -webkit-transform: rotate(133.2deg);
        transform: rotate(133.2deg);
    }

    .c100.p38 .bar {
        -moz-transform: rotate(136.8deg);
        -ms-transform: rotate(136.8deg);
        -webkit-transform: rotate(136.8deg);
        transform: rotate(136.8deg);
    }

    .c100.p39 .bar {
        -moz-transform: rotate(140.4deg);
        -ms-transform: rotate(140.4deg);
        -webkit-transform: rotate(140.4deg);
        transform: rotate(140.4deg);
    }

    .c100.p40 .bar {
        -moz-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }

    .c100.p41 .bar {
        -moz-transform: rotate(147.6deg);
        -ms-transform: rotate(147.6deg);
        -webkit-transform: rotate(147.6deg);
        transform: rotate(147.6deg);
    }

    .c100.p42 .bar {
        -moz-transform: rotate(151.2deg);
        -ms-transform: rotate(151.2deg);
        -webkit-transform: rotate(151.2deg);
        transform: rotate(151.2deg);
    }

    .c100.p43 .bar {
        -moz-transform: rotate(154.8deg);
        -ms-transform: rotate(154.8deg);
        -webkit-transform: rotate(154.8deg);
        transform: rotate(154.8deg);
    }

    .c100.p44 .bar {
        -moz-transform: rotate(158.4deg);
        -ms-transform: rotate(158.4deg);
        -webkit-transform: rotate(158.4deg);
        transform: rotate(158.4deg);
    }

    .c100.p45 .bar {
        -moz-transform: rotate(162deg);
        -ms-transform: rotate(162deg);
        -webkit-transform: rotate(162deg);
        transform: rotate(162deg);
    }

    .c100.p46 .bar {
        -moz-transform: rotate(165.6deg);
        -ms-transform: rotate(165.6deg);
        -webkit-transform: rotate(165.6deg);
        transform: rotate(165.6deg);
    }

    .c100.p47 .bar {
        -moz-transform: rotate(169.2deg);
        -ms-transform: rotate(169.2deg);
        -webkit-transform: rotate(169.2deg);
        transform: rotate(169.2deg);
    }

    .c100.p48 .bar {
        -moz-transform: rotate(172.8deg);
        -ms-transform: rotate(172.8deg);
        -webkit-transform: rotate(172.8deg);
        transform: rotate(172.8deg);
    }

    .c100.p49 .bar {
        -moz-transform: rotate(176.4deg);
        -ms-transform: rotate(176.4deg);
        -webkit-transform: rotate(176.4deg);
        transform: rotate(176.4deg);
    }

    .c100.p50 .bar {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .c100.p51 .bar {
        -moz-transform: rotate(183.6deg);
        -ms-transform: rotate(183.6deg);
        -webkit-transform: rotate(183.6deg);
        transform: rotate(183.6deg);
    }

    .c100.p52 .bar {
        -moz-transform: rotate(187.2deg);
        -ms-transform: rotate(187.2deg);
        -webkit-transform: rotate(187.2deg);
        transform: rotate(187.2deg);
    }

    .c100.p53 .bar {
        -moz-transform: rotate(190.8deg);
        -ms-transform: rotate(190.8deg);
        -webkit-transform: rotate(190.8deg);
        transform: rotate(190.8deg);
    }

    .c100.p54 .bar {
        -moz-transform: rotate(194.4deg);
        -ms-transform: rotate(194.4deg);
        -webkit-transform: rotate(194.4deg);
        transform: rotate(194.4deg);
    }

    .c100.p55 .bar {
        -moz-transform: rotate(198deg);
        -ms-transform: rotate(198deg);
        -webkit-transform: rotate(198deg);
        transform: rotate(198deg);
    }

    .c100.p56 .bar {
        -moz-transform: rotate(201.6deg);
        -ms-transform: rotate(201.6deg);
        -webkit-transform: rotate(201.6deg);
        transform: rotate(201.6deg);
    }

    .c100.p57 .bar {
        -moz-transform: rotate(205.2deg);
        -ms-transform: rotate(205.2deg);
        -webkit-transform: rotate(205.2deg);
        transform: rotate(205.2deg);
    }

    .c100.p58 .bar {
        -moz-transform: rotate(208.8deg);
        -ms-transform: rotate(208.8deg);
        -webkit-transform: rotate(208.8deg);
        transform: rotate(208.8deg);
    }

    .c100.p59 .bar {
        -moz-transform: rotate(212.4deg);
        -ms-transform: rotate(212.4deg);
        -webkit-transform: rotate(212.4deg);
        transform: rotate(212.4deg);
    }

    .c100.p60 .bar {
        -moz-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
        -webkit-transform: rotate(216deg);
        transform: rotate(216deg);
    }

    .c100.p61 .bar {
        -moz-transform: rotate(219.6deg);
        -ms-transform: rotate(219.6deg);
        -webkit-transform: rotate(219.6deg);
        transform: rotate(219.6deg);
    }

    .c100.p62 .bar {
        -moz-transform: rotate(223.2deg);
        -ms-transform: rotate(223.2deg);
        -webkit-transform: rotate(223.2deg);
        transform: rotate(223.2deg);
    }

    .c100.p63 .bar {
        -moz-transform: rotate(226.8deg);
        -ms-transform: rotate(226.8deg);
        -webkit-transform: rotate(226.8deg);
        transform: rotate(226.8deg);
    }

    .c100.p64 .bar {
        -moz-transform: rotate(230.4deg);
        -ms-transform: rotate(230.4deg);
        -webkit-transform: rotate(230.4deg);
        transform: rotate(230.4deg);
    }

    .c100.p65 .bar {
        -moz-transform: rotate(234deg);
        -ms-transform: rotate(234deg);
        -webkit-transform: rotate(234deg);
        transform: rotate(234deg);
    }

    .c100.p66 .bar {
        -moz-transform: rotate(237.6deg);
        -ms-transform: rotate(237.6deg);
        -webkit-transform: rotate(237.6deg);
        transform: rotate(237.6deg);
    }

    .c100.p67 .bar {
        -moz-transform: rotate(241.2deg);
        -ms-transform: rotate(241.2deg);
        -webkit-transform: rotate(241.2deg);
        transform: rotate(241.2deg);
    }

    .c100.p68 .bar {
        -moz-transform: rotate(244.8deg);
        -ms-transform: rotate(244.8deg);
        -webkit-transform: rotate(244.8deg);
        transform: rotate(244.8deg);
    }

    .c100.p69 .bar {
        -moz-transform: rotate(248.4deg);
        -ms-transform: rotate(248.4deg);
        -webkit-transform: rotate(248.4deg);
        transform: rotate(248.4deg);
    }

    .c100.p70 .bar {
        -moz-transform: rotate(252deg);
        -ms-transform: rotate(252deg);
        -webkit-transform: rotate(252deg);
        /*! transform: rotate(252deg); */
    }

    .c100.p71 .bar {
        -moz-transform: rotate(255.6deg);
        -ms-transform: rotate(255.6deg);
        -webkit-transform: rotate(255.6deg);
        transform: rotate(255.6deg);
    }

    .c100.p72 .bar {
        -moz-transform: rotate(259.2deg);
        -ms-transform: rotate(259.2deg);
        -webkit-transform: rotate(259.2deg);
        transform: rotate(259.2deg);
    }

    .c100.p73 .bar {
        -moz-transform: rotate(262.8deg);
        -ms-transform: rotate(262.8deg);
        -webkit-transform: rotate(262.8deg);
        transform: rotate(262.8deg);
    }

    .c100.p74 .bar {
        -moz-transform: rotate(266.4deg);
        -ms-transform: rotate(266.4deg);
        -webkit-transform: rotate(266.4deg);
        transform: rotate(266.4deg);
    }

    .c100.p75 .bar {
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .c100.p76 .bar {
        -moz-transform: rotate(273.6deg);
        -ms-transform: rotate(273.6deg);
        -webkit-transform: rotate(273.6deg);
        transform: rotate(273.6deg);
    }

    .c100.p77 .bar {
        -moz-transform: rotate(277.2deg);
        -ms-transform: rotate(277.2deg);
        -webkit-transform: rotate(277.2deg);
        transform: rotate(277.2deg);
    }

    .c100.p78 .bar {
        -moz-transform: rotate(280.8deg);
        -ms-transform: rotate(280.8deg);
        -webkit-transform: rotate(280.8deg);
        transform: rotate(280.8deg);
    }

    .c100.p79 .bar {
        -moz-transform: rotate(284.4deg);
        -ms-transform: rotate(284.4deg);
        -webkit-transform: rotate(284.4deg);
        transform: rotate(284.4deg);
    }

    .c100.p80 .bar {
        -moz-transform: rotate(288deg);
        -ms-transform: rotate(288deg);
        -webkit-transform: rotate(288deg);
        transform: rotate(288deg);
    }

    .c100.p81 .bar {
        -moz-transform: rotate(291.6deg);
        -ms-transform: rotate(291.6deg);
        -webkit-transform: rotate(291.6deg);
        transform: rotate(291.6deg);
    }

    .c100.p82 .bar {
        -moz-transform: rotate(295.2deg);
        -ms-transform: rotate(295.2deg);
        -webkit-transform: rotate(295.2deg);
        transform: rotate(295.2deg);
    }

    .c100.p83 .bar {
        -moz-transform: rotate(298.8deg);
        -ms-transform: rotate(298.8deg);
        -webkit-transform: rotate(298.8deg);
        transform: rotate(298.8deg);
    }

    .c100.p84 .bar {
        -moz-transform: rotate(302.4deg);
        -ms-transform: rotate(302.4deg);
        -webkit-transform: rotate(302.4deg);
        transform: rotate(302.4deg);
    }

    .c100.p85 .bar {
        -moz-transform: rotate(306deg);
        -ms-transform: rotate(306deg);
        -webkit-transform: rotate(306deg);
        transform: rotate(306deg);
    }

    .c100.p86 .bar {
        -moz-transform: rotate(309.6deg);
        -ms-transform: rotate(309.6deg);
        -webkit-transform: rotate(309.6deg);
        transform: rotate(309.6deg);
    }

    .c100.p87 .bar {
        -moz-transform: rotate(313.2deg);
        -ms-transform: rotate(313.2deg);
        -webkit-transform: rotate(313.2deg);
        transform: rotate(313.2deg);
    }

    .c100.p88 .bar {
        -moz-transform: rotate(316.8deg);
        -ms-transform: rotate(316.8deg);
        -webkit-transform: rotate(316.8deg);
        transform: rotate(316.8deg);
    }

    .c100.p89 .bar {
        -moz-transform: rotate(320.4deg);
        -ms-transform: rotate(320.4deg);
        -webkit-transform: rotate(320.4deg);
        transform: rotate(320.4deg);
    }

    .c100.p90 .bar {
        -moz-transform: rotate(324deg);
        -ms-transform: rotate(324deg);
        -webkit-transform: rotate(324deg);
        transform: rotate(324deg);
    }

    .c100.p91 .bar {
        -moz-transform: rotate(327.6deg);
        -ms-transform: rotate(327.6deg);
        -webkit-transform: rotate(327.6deg);
        transform: rotate(327.6deg);
    }

    .c100.p92 .bar {
        -moz-transform: rotate(331.2deg);
        -ms-transform: rotate(331.2deg);
        -webkit-transform: rotate(331.2deg);
        transform: rotate(331.2deg);
    }

    .c100.p93 .bar {
        -moz-transform: rotate(334.8deg);
        -ms-transform: rotate(334.8deg);
        -webkit-transform: rotate(334.8deg);
        transform: rotate(334.8deg);
    }

    .c100.p94 .bar {
        -moz-transform: rotate(338.4deg);
        -ms-transform: rotate(338.4deg);
        -webkit-transform: rotate(338.4deg);
        transform: rotate(338.4deg);
    }

    .c100.p95 .bar {
        -moz-transform: rotate(342deg);
        -ms-transform: rotate(342deg);
        -webkit-transform: rotate(342deg);
        transform: rotate(342deg);
    }

    .c100.p96 .bar {
        -moz-transform: rotate(345.6deg);
        -ms-transform: rotate(345.6deg);
        -webkit-transform: rotate(345.6deg);
        transform: rotate(345.6deg);
    }

    .c100.p97 .bar {
        -moz-transform: rotate(349.2deg);
        -ms-transform: rotate(349.2deg);
        -webkit-transform: rotate(349.2deg);
        transform: rotate(349.2deg);
    }

    .c100.p98 .bar {
        -moz-transform: rotate(352.8deg);
        -ms-transform: rotate(352.8deg);
        -webkit-transform: rotate(352.8deg);
        transform: rotate(352.8deg);
    }

    .c100.p99 .bar {
        -moz-transform: rotate(356.4deg);
        -ms-transform: rotate(356.4deg);
        -webkit-transform: rotate(356.4deg);
        transform: rotate(356.4deg);
    }

    .c100.p100 .bar {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .c100:hover {
        cursor: default;
    }

        .c100:hover > span {
            width: 65;
            line-height: 65px;
            font-size:;
            color: #3c4761;
        }

        .c100:hover:after {
            top: 5px;
            left: 5px;
            width: 60px;
            height: 60px;
        }

    .c100.orange .bar, .c100.orange .fill {
        border-color: #eb7d4b !important;
    }

    .c100.orange:hover > span {
        color: #3c4761;
    }
.out-of-stock {
    color: rgb(224, 126, 39);
    font-weight: 600;
    font-size: 24px;
}
    .rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
        clip: rect(auto, auto, auto, auto);
    }

    .pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
        position: absolute;
        border: 5px solid #000;
        border-top-color: rgb(0, 0, 0);
        border-right-color: rgb(0, 0, 0);
        border-bottom-color: rgb(0, 0, 0);
        border-left-color: rgb(0, 0, 0);
        width: 60px;
        height: 60px;
        clip: rect(0, 35px, 70px, 0);
        border-radius: 50%;
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .pie-fill, .c100.p51 .bar::after, .c100.p51 .fill, .c100.p52 .bar::after, .c100.p52 .fill, .c100.p53 .bar::after, .c100.p53 .fill, .c100.p54 .bar::after, .c100.p54 .fill, .c100.p55 .bar::after, .c100.p55 .fill, .c100.p56 .bar::after, .c100.p56 .fill, .c100.p57 .bar::after, .c100.p57 .fill, .c100.p58 .bar::after, .c100.p58 .fill, .c100.p59 .bar::after, .c100.p59 .fill, .c100.p60 .bar::after, .c100.p60 .fill, .c100.p61 .bar::after, .c100.p61 .fill, .c100.p62 .bar::after, .c100.p62 .fill, .c100.p63 .bar::after, .c100.p63 .fill, .c100.p64 .bar::after, .c100.p64 .fill, .c100.p65 .bar::after, .c100.p65 .fill, .c100.p66 .bar::after, .c100.p66 .fill, .c100.p67 .bar::after, .c100.p67 .fill, .c100.p68 .bar::after, .c100.p68 .fill, .c100.p69 .bar::after, .c100.p69 .fill, .c100.p70 .bar::after, .c100.p70 .fill, .c100.p71 .bar::after, .c100.p71 .fill, .c100.p72 .bar::after, .c100.p72 .fill, .c100.p73 .bar::after, .c100.p73 .fill, .c100.p74 .bar::after, .c100.p74 .fill, .c100.p75 .bar::after, .c100.p75 .fill, .c100.p76 .bar::after, .c100.p76 .fill, .c100.p77 .bar::after, .c100.p77 .fill, .c100.p78 .bar::after, .c100.p78 .fill, .c100.p79 .bar::after, .c100.p79 .fill, .c100.p80 .bar::after, .c100.p80 .fill, .c100.p81 .bar::after, .c100.p81 .fill, .c100.p82 .bar::after, .c100.p82 .fill, .c100.p83 .bar::after, .c100.p83 .fill, .c100.p84 .bar::after, .c100.p84 .fill, .c100.p85 .bar::after, .c100.p85 .fill, .c100.p86 .bar::after, .c100.p86 .fill, .c100.p87 .bar::after, .c100.p87 .fill, .c100.p88 .bar::after, .c100.p88 .fill, .c100.p89 .bar::after, .c100.p89 .fill, .c100.p90 .bar::after, .c100.p90 .fill, .c100.p91 .bar::after, .c100.p91 .fill, .c100.p92 .bar::after, .c100.p92 .fill, .c100.p93 .bar::after, .c100.p93 .fill, .c100.p94 .bar::after, .c100.p94 .fill, .c100.p95 .bar::after, .c100.p95 .fill, .c100.p96 .bar::after, .c100.p96 .fill, .c100.p97 .bar::after, .c100.p97 .fill, .c100.p98 .bar::after, .c100.p98 .fill, .c100.p99 .bar::after, .c100.p99 .fill, .c100.p100 .bar::after, .c100.p100 .fill {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.circle_rate > .row {
    margin: 0;
}

    .circle_rate > .row > div {
        padding: 0;
        text-align: center;
    }

.review-gallery {
    width: 75px;
    height: 75px;
    border-radius: 3px;
    background-position: 50%,50%;
    background-repeat: no-repeat,no-repeat;
    background-size: cover,20%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 5px;
    display: inline-table;
    vertical-align: top;
    color: #FFF;
    text-decoration: none;
}

    .review-gallery.last::before {
        content: "";
        background-color: rgba(0,0,0,.6);
        width: 100%;
        height: 100%;
        display: inline-block;
        position: absolute;
        border-radius: 3px;
        top: 0;
    }

    .review-gallery span {
        vertical-align: middle;
        text-align: center;
        font-size: 18px;
        z-index: 10;
        position: relative;
        display: table-cell;
    }

    .review-gallery:hover span {
        text-decoration: none;
        color: #FFF;
    }

.owl-thumbs {
    display: inline-block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: auto;
}

.owl-thumb-item {
    display: inline-block;
    border: none;
    background: none;
    padding: 0;
    width: 70px;
    height: 70px;
    overflow: hidden;
    vertical-align: middle;
    padding: 5px;
}

    .owl-thumb-item img {
        width: auto;
        height: auto;
        min-height: 100%;
        min-width: 100%;
        max-width: 170%;
        max-height: 170%;
    }

    .owl-thumb-item.active {
        opacity: 1;
    }


.modal.review_gallery_popup {
}

    .modal.review_gallery_popup .modal-content {
    }

    .modal.review_gallery_popup .modal-body {
        padding: 0;
    }

    .modal.review_gallery_popup .modal-body {
    }

.detail .owl-carousel .owl-item {
    display: table;
    height: 350px;
}

    .detail .owl-carousel .owl-item > div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        .detail .owl-carousel .owl-item > div > img {
            display: inline-block;
            width: auto;
            max-height: 350px;
            height: auto;
            max-width: 100%;
        }

.modal.review_gallery_popup .modal-dialog {
    width: 700px;
    margin: 60px auto;
    max-width: 90%;
}


.modal.review_gallery_popup button.close {
    margin-right: -30px;
    color: #fff;
    opacity: 1;
    font-size: 35px;
}

.modal.review_gallery_popup .owl-carousel .owl-nav {
    display: none;
}

.modal.review_gallery_popup:hover .owl-carousel .owl-nav {
    display: block;
}

.owl-carousel .owl-nav {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}

    .owl-carousel .owl-nav > button {
        padding: 15px !important;
        font-size: 50px !important;
        color: #fff;
    }

    .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        left: 0;
        bottom: 23px;
        top: 0;
        padding: 15px !important;
        color: #fff;
        pointer-events: auto;
    }

    .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        right: 0;
        bottom: 23px;
        top: 0;
        padding: 15px !important;
        color: #fff;
        pointer-events: auto;
    }

.review {
    display: block;
    position: relative;
}

    .review .comment.collapse {
        max-height: 138px;
        display: block;
        overflow: hidden;
        height: auto !important;
    }

    .review .comment.collapsing {
        display: block;
        height: auto !important;
    }

    .review .comment.collapse.in {
        max-height: inherit;
    }

    .review.collapse .read-more {
        position: absolute;
        display: inline-block;
        bottom: 15px;
    }

    .review .comment.collapsing + .read-more {
        display: none;
    }

    .review .comment.collapse.in + .read-more {
        display: none;
    }

    .review .list-inline li {
        vertical-align: top;
    }

        .review .list-inline li h4 {
            vertical-align: top;
            margin-top: 2px;
            margin-bottom: 2px;
        }


.like_dislike {
    display: block;
    margin-top: 10px;
    float: right;
}

    .like_dislike .btn {
        font-weight: 400;
        box-shadow: none;
        padding: 0;
        margin-left: 12px !important;
        text-shadow: none;
    }

        .like_dislike .btn > i {
            color: #999;
        }

        .like_dislike .btn.active > i {
            color: #C00;
        }

.ques-ans .like_dislike {
    margin-top: 0;
}

    .ques-ans .like_dislike .btn {
        margin: 0;
    }

.answers .like_dislike {
    margin-top: 0;
}

    .answers .like_dislike .btn {
        margin: 0;
    }

.answers .modal-body {
    padding: 25px;
    border-bottom: #ddd 1px solid;
}

.image-area {
    border: #ddd 1px solid;
    width: 100%;
}

    .image-area .btn-lg {
        padding: 10px;
    }

    .image-area.fix {
        position: fixed;
        top: 65px;
        width: 38.8%;
    }

.border-bottom {
    border-bottom: #ddd 1px solid;
}

.pr-0 {
    padding-right: 0;
}

.login .modal-body {
    padding: 0;
}

.login .close {
    margin-right: 0;
    color: #fff;
    opacity: 1;
    text-shadow: none;
    font-size: 35px;
    line-height: 25px;
    background: red;
    border-radius: 20px;
    height: 30px;
    width: 30px;
    text-align: center;
    position: absolute;
    right: -15px;
    z-index: 1;
    top: -15px;
}

.login .table-ul li > div {
    padding: 30px;
    vertical-align: top;
}

    .login .table-ul li > div.light-gray-bg {
        border-radius: 0 5px 5px 0;
        height: 500px;
    }

.login .form-control {
    border-radius: 0;
    border-top: none;
    border-left: 0;
    border-right: 0;
    background-color: transparent;
    box-shadow: none;
    margin-bottom: 30px;
    padding-left: 0;
    font-size: 17px;
}

.login .btn {
    margin-bottom: 20px;
}

.login .vector-image {
    position: absolute;
    bottom: 0;
    left: 0;
}

.login h2 {
    font-size: 24px;
    margin-top: 10px;
}

.filter-data a.text-default {
    color: #C00;
}

.accessories_list {
    margin-top: 15px;
    border: #eee 1px solid;
    margin-bottom: 15px;
}

    .accessories_list .image {
        text-align: center;
    }

        .accessories_list .image img {
            height: 200px;
            display: inline-block;
            margin: 15px 0;
        }

    .accessories_list .cont {
        padding: 15px;
        position: relative;
    }

        .accessories_list .cont h4.heading {
            font-size: 14px;
            line-height: 1.3;
            margin-top: 0;
            margin-bottom: 0;
            max-height: 36px;
            display: inline-block;
            width: 100%;
            overflow: hidden;
        }

        .accessories_list .cont p.det {
            margin-bottom: 5px;
            font-size: 12px;
            color: #777;
        }

        .accessories_list .cont ul.prc {
            margin: 0 -5px;
        }

            .accessories_list .cont ul.prc h4 {
                margin: 0;
            }

        .accessories_list .cont .btns {
            display: none;
            position: absolute;
            background: #fff;
            margin: 0;
            width: 100%;
            left: 0;
        }

    .accessories_list:hover .cont .btns {
        display: block;
    }

    .accessories_list.opt2 .cont {
        padding-bottom: 0;
    }

        .accessories_list.opt2 .cont .btns {
            display: block;
            position: relative;
            margin: 0 -15px;
            width: auto;
        }

    .accessories_list.opt3 {
        height: 325px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }


.accessories_list.opt3 .cont.collapse {
    background-color:#FFF;
    display:block;
    position:absolute;
    transition:margin 0.5s;
    height:154px !important;
    width:100%;
}

.accessories_list.opt3 .cont.collapsing {
      background-color: #FFF;
      display: block;
      position: absolute;
      transition: margin 0.5s;
      height: 154px !important;
      width: 100%;
}

.accessories_list.opt3 .cont.collapse .size_wrap {
     display: none;
}

.accessories_list.opt3 .cont.collapse.in {
     margin-top: -38px;
}
		
		
.accessories_list.opt3 .cont.collapsing .size_wrap {
    display: none;
}

.accessories_list.opt3 .cont.collapsing.in {
    margin-top: -38px;
}

            .accessories_list.opt3 .cont.collapse.in .size_wrap {
                display: block;
            }

        .accessories_list.opt3 .cont .cont-inner {
            min-height: 107px;
        }

        .accessories_list.opt3 .cont .btns {
            background-color: #FFF;
            position: relative;
            transition: margin 0.5s;
            height: 130px;
        }

        .accessories_list.opt3:hover .cont {
            margin-top: -38px;
        }

    .accessories_list.fashion.opt3 {
       height:auto;
       padding-bottom:113px;
    }

    .accessories_list.fashion.opt3.accessories {
	    height: auto;
	    padding-bottom:113px;
	}
	
	.accessories_list.fashion.opt3.accessories .image{
		height:200px;
		text-align:center;
	}
    
	.accessories_list.fashion.opt3 .image img {
        height: auto;
        margin: 0;
		max-height:200px;
		max-width:100%;
		display:inline-block;
    }

    .accessories_list.fashion.opt3 .cont .btns {
        background-color: #FFF;
        position: relative;
        transition: margin 0.5s;
        height: 130px;
        margin-left: -15px;
        margin-right: -15px;
            width: auto;
            display: block;
        }

.mb-0 {
    margin-bottom: 0;
}

.p-15 {
    padding: 15px;
}

.cart_item {
    padding-bottom: 15px;
    border-bottom: #ddd thin solid;
    margin-top: 15px;
}

    .cart_item > .row {
        margin: 0;
    }

    .cart_item .image {
        display: inline-block;
        text-align: center;
        width: 100%;
    }

        .cart_item .image img {
            height: 104px;
            display: inline-block;
        }

    .cart_item .table-ul.qty {
        width: auto;
    }

    .cart_item .cont {
        margin-top: 15px;
    }

        .cart_item .cont > h4 {
            font-size: 16px;
            margin: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 5px;
        }

        .cart_item .cont .prc {
            margin: 5px 0;
        }

        .cart_item .cont .small {
            margin-bottom: 5px;
        }

    .cart_item .delivery {
    }

        .cart_item .delivery p {
            margin-bottom: 5px;
        }

            .cart_item .delivery p.small {
            }

    .cart_item .btns {
        margin-top: -40px;
    }

    .cart_item h3.total_prc {
        white-space: nowrap;
    }

.qty .form-control {
    width: 50px;
    height: 30px;
    padding: 0 5px;
    text-align: center;
}

.qty .btn {
    height: 25px;
    width: 25px;
    text-shadow: none;
    border-radius: 20px;
    padding: 3px;
    font-size: 12px;
    margin: 5px 2px;
}

.text-black {
    color: #333;
}

.prc p {
    color: #999;
}

.cart-bottom {
    position: sticky;
    bottom: 0;
    background: #fff;
}

.prc-det {
    padding-left: 0;
}

    .prc-det #prc-det.fix {
        position: fixed;
        top: 55px;
        width: 29.8%;
    }

.prc-det {
    height: 700px;
}

    .prc-det .panel.stick {
        position: sticky;
        margin-top: 400px;
    }

    .prc-det .table-ul li div {
        padding: 2px 0 15px;
        margin-bottom: 5px;
    }

    .prc-det .table-ul li.total_amount div {
        font-size: 16px;
    }

        .prc-det .table-ul li.total_amount div:last-child {
            font-weight: 600;
            font-size: 20px;
            color: #000;
        }


.accessories_specification.list-inline > li > div {
    margin-bottom: 5px;
    height: 55px;
    padding: 0;
    border: #ddd 1px solid;
}

    .accessories_specification.list-inline > li > div > span {
        display: table-cell;
        vertical-align: middle;
        width: auto;
        padding-left: 10px;
        font-size: 13px;
    }

        .accessories_specification.list-inline > li > div > span.icon {
            width: 60px;
            height: 52px;
            line-height: 0px;
            border-right: #ccc 1px solid;
            border-radius: 0;
            padding-right: 5px;
            padding-left: 0;
        }

            .accessories_specification.list-inline > li > div > span.icon > i {
                font-size: 35px;
                margin-top: 5px;
            }

.accessories_specification img {
    height: 46px;
    display: inline-block;
    border-width: 0px;
}

.buy-step {
    margin-top: 20px;
}

    .buy-step .panel {
        border-radius: 0;
        border: none;
    }

    .buy-step .list-unstyled {
        line-height: 2;
    }

        .buy-step .list-unstyled i {
            color: #F00;
            margin-right: 5px;
        }

    .buy-step .panel .panel-heading {
        font-size: 16px;
        font-weight: 500;
        padding-left: 25px;
        position: relative;
    }

        .buy-step .panel .panel-heading ul.table-ul {
            margin: 0;
        }

            .buy-step .panel .panel-heading ul.table-ul li > div {
                vertical-align: middle;
            }

    /*.buy-step .panel .panel-heading ul.table-ul li > div i.fa {
                    display: none;
                }*/

    .buy-step .panel.active .panel-heading ul.table-ul li > div i.fa {
        display: inline-block;
    }

    .buy-step .panel .panel-heading ul.table-ul li > div:first-child {
        width: 50px;
    }

    .buy-step .panel .panel-heading ul.table-ul li > div:nth-child(3) {
        width: 120px;
    }

    .buy-step .panel .panel-heading .btn {
        padding: 10px 25px;
        float: right;
        margin-top: 5px;
    }

    .buy-step .panel .panel-heading p {
        margin: 0;
        font-size: 14px;
        font-weight: 400;
    }

    .buy-step .panel .panel-heading .number {
        background-color: #eee;
        color: #666;
        width: 22px;
        height: 22px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        border-radius: 2px;
    }

    .buy-step .panel.active .panel-heading {
        background-color: #F00;
        color: #FFF;
    }

    .buy-step .panel .panel-body {
        padding: 30px;
    }

        .buy-step .panel .panel-body.p-0 {
            padding: 0;
        }

    .buy-step .form-control {
        border-left: none;
        border-top: none;
        border-right: none;
        box-shadow: none;
        padding-left: 0;
        border-radius: 0;
        margin-bottom: 15px;
    }

.label {
    font-weight: normal;
}

.label-gray {
    background-color: #ddd;
    color: #333;
}

.ml-10 {
    margin-left: 10px;
}

.address {
    padding: 0 !important;
}

    .address ul.table-ul {
        padding: 30px;
        padding-left: 45px !important;
    }

        .address ul.table-ul.active {
            background-color: #f7f7f7;
        }

    .address h4 {
        margin-top: 0;
    }

    .address .radio {
        vertical-align: top;
        padding-top: 0px;
    }

    .address.active {
        background-color: #eee;
    }

.buy-step .panel .panel-body.payment {
    padding: 0px;
}

.payment .form-control {
    margin-bottom: 0;
    border: #ccc 1px solid;
    padding-left: 15px;
}

.payment ul.table-ul {
    padding: 30px;
    padding-left: 30px;
    padding-left: 45px !important;
}

.payment .table-ul li > div {
    vertical-align: middle;
    white-space: normal;
}

.payment .form-group {
    margin-bottom: 0;
}

.payment .table-ul li > div.radio > input {
    position: relative;
}

.payment.active .panel-heading > i.fa {
    display: none;
}

.payment .table-ul li > div.bank_icon {
    width: 60px;
    text-align: center;
}

    .payment .table-ul li > div.bank_icon img {
        display: inline-block;
        height: 30px;
    }

.payment label {
    font-weight: 400;
    width: 100%;
}

    .payment label.btn {
        padding: 0;
        box-shadow: none;
        border: none;
        margin: 0;
        border-bottom: #ddd 1px solid;
        text-align: left;
    }

        /*.payment label.btn .form-group {
            display: none;
        }*/

        .payment label.btn p {
            margin: 0;
        }

        .payment label.btn.active .form-group {
            display: block;
        }

        .payment label.btn.active p {
            margin-bottom: 10px;
        }

.offer_panel h4.heading {
    color: #690;
    margin-bottom: 0;
}

.offer_panel p {
    font-size: 12px;
    margin-bottom: 5px;
}

.form-group.cvv.form-group-lg {
    width: 200px;
}

.reg-btn {
    text-align: center;
    padding: 50px 0 0;
    margin: 30px 0 20px;
    display: inline-block;
    width: 100%;
    background-color: #f1f1f1;
    text-decoration: none;
}

    .reg-btn:hover {
        text-decoration: none;
    }


    .reg-btn > img {
        height: 100px;
        display: inline-block;
        opacity: 0.5;
    }

    .reg-btn .cont {
        display: block;
        text-align: center;
        margin-top: 50px;
        color: #000;
        padding: 20px 0;
        font-size: 18px;
        background-color: #faa954;
        color: #FFF;
        text-shadow: rgba(0,0,0,0.8) 0 0 1px;
        font-weight: 700;
    }

.form-control:focus ~ .floating-label,
.form-control:not(:focus):valid ~ .floating-label {
    top: -15px;
    bottom: 10px;
    left: 0px;
    font-size: 11px;
    opacity: 1;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 10px;
    transition: 0.2s ease all;
}

.input-wrapper {
    margin-top: 50px;
    display: inline-block;
    width: 100%;
    position: relative;
}

    .input-wrapper .form-control {
        border-raduis: 0;
        border-right: 0;
        border-left: 0;
        border-top: none;
        color: #000;
        box-shadow: none;
        padding-left: 0;
        font-size: 20px;
    }

        .input-wrapper .form-control[type="file"] {
            font-size: 14px;
        }

.coming-soon {
    background: rgb(255,94,25);
    background: -moz-linear-gradient(-45deg, rgba(255,94,25,1) 0%, rgba(255,48,25,1) 50%, rgba(207,4,4,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255,94,25,1) 0%,rgba(255,48,25,1) 50%,rgba(207,4,4,1) 100%);
    background: linear-gradient(135deg, rgba(255,94,25,1) 0%,rgba(255,48,25,1) 50%,rgba(207,4,4,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e19', endColorstr='#cf0404',GradientType=1 );
}

    .coming-soon .logo {
        height: 60px;
        margin-bottom: 10px;
    }

.partner_form {
    padding: 60px;
    padding-top: 0;
}

    .partner_form .panel-heading h3 {
        margin: 0;
    }

    .partner_form .panel-body {
        padding: 0;
    }

    .partner_form .panel-heading {
        background-color: #fff;
    }

    .partner_form .panel-body .table-ul li div:first-child {
        padding: 10px;
        width: 350px;
        background-color: #f5f5f5;
    }

    .partner_form .panel-body .table-ul li div {
        vertical-align: middle;
        border-bottom: #ddd 1px solid;
        border-right: #ddd 1px solid;
    }

        .partner_form .panel-body .table-ul li div .form-control {
            box-shadow: none;
            border: none;
        }

    .partner_form > h1 {
        font-size: 33px;
    }

        .partner_form > h1 img {
            display: inline-block;
            height: 50px;
        }

.sign {
    width: 400px;
    max-width: 100%;
    display: block;
    height: 100px;
    margin-bottom: 10px;
    border: #ddd 1px solid;
}

.about-us {
    height: auto;
    background-color: #ffc22e;
}

    .about-us .container {
        width: 1100px;
        max-width: 90%;
    }

    .about-us .breadcrumb > li + li::before {
        color: #333;
    }

.slide {
    padding: 80px 0;
}

    .slide.pv-30 {
        padding: 30px 0;
    }

    .slide.pv-40 {
        padding: 40px 0;
    }

    .slide.pv-20 {
        padding: 20px 0;
    }

    .slide.pv-10 {
        padding: 10px 0;
    }

    .slide .heading {
        margin-bottom: 15px;
    }

        .slide .heading h2 {
            text-transform: uppercase;
            letter-spacing: 0;
        }

            .slide .heading h2::after {
                content: "";
                width: 50px;
                height: 3px;
                background-color: #faa954;
                display: inline-block;
            }

        .slide .heading span {
            display: block;
        }

.achievements {
    margin-top: 30px;
}

    .achievements .img {
    }

        .achievements .img img {
            height: 90px;
            display: inline-block;
        }

    .achievements h3 {
        margin-bottom: 5px;
        border-bottom: #ddd 1px solid;
        font-size: 38px;
        color: #000;
        font-weight: 300;
    }

    .achievements p {
        font-size: 18px;
    }

.services {
    text-align: left;
}

    .services img {
        height: 70px;
    }

    .services .table-ul li > div {
        vertical-align: middle;
    }

        .services .table-ul li > div:first-child {
            width: 30%;
        }

    .services h4 {
        color: #000;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .services p {
        color: #000;
        margin-bottom: 0;
    }

.warning-bg {
    background-color: #faa954;
}

.event {
    width: 100%;
    margin-bottom: 30px;
    color: #000;
    display: inline-block;
    width: 100%;
}

    .event:hover {
        text-decoration: none;
        box-shadow: rgba(0,0,0,0.3) 0 0 30px;
        color: #666;
        transform: scale(1.025);
    }

    .event .img {
        width: 100%;
    }

        .event .img img {
            width: 100%;
        }

    .event .cont {
        padding: 25px;
        background: #fff;
    }

        .event .cont h3 {
            margin-top: 0;
            color: #000;
            font-size: 22px;
            margin-bottom: 15px;
        }

        .event .cont p {
            margin-bottom: 0;
            font-size: 14px;
            line-height: 1.8;
            height: 50px;
            overflow: hidden;
        }

            .event .cont p.date {
                font-weight: 500;
                color: #000;
                margin-bottom: 15px;
                text-transform: uppercase;
                height: auto;
            }

                .event .cont p.date .fa {
                    color: #F00;
                    margin-right: 15px;
                }

.event-pagination .pagination {
    border-left: #ddd 1px solid;
}

    .event-pagination .pagination a {
        border-radius: 0;
        margin: 0;
        border-left: 0;
    }

        .event-pagination .pagination a:first-child {
            border-radius: 5px 0 0 5px;
        }

        .event-pagination .pagination a:last-child {
            border-radius: 0 5px 5px 0;
        }

.corp_page_menu {
    background-color: #eee;
    border-radius: 5px;
    padding: 25px;
}

    .corp_page_menu .nav {
        padding: 0;
    }

        .corp_page_menu .nav li {
            border-bottom: #ddd 1px solid;
        }

            .corp_page_menu .nav li a {
                padding: 10px 0;
                color: #333;
                position: relative;
                padding-left: 20px;
                background-color: transparent;
            }

                .corp_page_menu .nav li a:hover {
                    transform: scale(1.05);
                }

            .corp_page_menu .nav li.active a {
                color: #ff0000;
                font-weight: 500;
            }

                .corp_page_menu .nav li.active a > i {
                    display: block;
                }

            .corp_page_menu .nav li:last-child {
                border-bottom: none;
            }

            .corp_page_menu .nav li a > i {
                display: none;
                position: absolute;
                left: 0;
                top: 12px;
            }

.event_sdate_wrap {
    text-align: right;
}

.upcoming_events {
    border-top: #ddd 1px solid;
}

    .upcoming_events .img {
        width: 80px;
        vertical-align: middle;
    }

        .upcoming_events .img img {
            width: 100%;
        }

    .upcoming_events .cont {
        padding: 10px;
    }

        .upcoming_events .cont h4 {
            margin-bottom: 5px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

.full-width {
    width: 100%;
}


.panel.order .panel-body {
    padding: 15px !important;
}

    .panel.order .panel-body h4 {
        margin: 0;
    }


    .panel.order .panel-body.ordered_product {
        padding: 15px;
        border-top: #ddd thin solid;
    }

        .panel.order .panel-body.ordered_product .title {
            font-weight: 600;
            color: #000;
        }

        .panel.order .panel-body.ordered_product .prc {
            font-weight: 600;
            font-size: 16px;
            display: inline-block;
            margin-left: 10px;
        }

        .panel.order .panel-body.ordered_product p {
            margin-bottom: 5px;
        }

        .panel.order .panel-body.ordered_product .img {
            width: 100%;
            text-align: center;
        }

            .panel.order .panel-body.ordered_product .img > img {
                display: inline-block;
                height: 75px;
                width: auto;
            }


        .panel.order .panel-body.ordered_product .last {
            text-align: right;
        }

.panel.order .ordered {
    text-align: right;
    margin-top: 8px;
    font-weight: 600;
    margin-bottom: 0;
}

.panel.order .total {
    text-align: right;
    margin-top: 5px;
    font-weight: 600;
    font-size: 17px;
    border-top: #ddd 1px solid;
}

    .panel.order .total p {
        margin: 0;
    }

.panel.refund {
    background-color: #eee;
    margin-top: 15px;
    margin-bottom: 0;
}

    .panel.refund .refund_id {
        text-align: right;
        margin: 0 !important;
    }

    .panel.refund .border-bottom {
        border-bottom-color: #ccc !important;
    }


.irs {
    height: 55px;
}

.irs-with-grid {
    height: 75px;
}

.irs-line {
    height: 10px;
    top: 33px;
    background: #EEE;
    background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */
    border: 1px solid #CCC;
    border-radius: 16px;
    -moz-border-radius: 16px;
}

.irs-line-left {
    height: 8px;
}

.irs-line-mid {
    height: 8px;
}

.irs-line-right {
    height: 8px;
}

.irs-bar {
    height: 10px;
    top: 33px;
    border-top: 1px solid #C00;
    border-bottom: 1px solid #C00;
    background: #C00;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
    background: rgb(255,48,25); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

.irs-bar-edge {
    height: 10px;
    top: 33px;
    width: 14px;
    border: 1px solid #C00;
    border-right: 0;
    background: #C00;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
    background: rgb(255,48,25); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
    border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px;
}

.irs-shadow {
    height: 2px;
    top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}

.irs-slider {
    top: 28px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 27px;
    cursor: pointer;
    border: #ccc 1px solid
}

    .irs-slider.state_hover, .irs-slider:hover {
        background: #FFF;
    }

.irs-min, .irs-max {
    color: #333;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from, .irs-to, .irs-single {
    color: #000;
    border: #c00 1px solid;
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #999;
}

.irs-grid {
    height: 27px;
}

.irs-grid-pol {
    opacity: 0.5;
    background: #C00;
}

    .irs-grid-pol.small {
        background: #999;
    }

.irs-grid-text {
    bottom: 5px;
    color: #99a4ac;
}

.size .btn {
    width: 50px;
    height: 50px;
    padding: 0;
    line-height: 47px;
    border-color: #777;
}

    .size .btn.active {
        border-color: #f0ad4e;
        background-color: #f0ad4e;
    }

.fasion_g {
    margin-bottom: 25px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

    .fasion_g:hover {
    }

    .fasion_g img {
        transition: all 0.5s;
    }

    .fasion_g:hover img {
        transform: scale(1.03);
    }

.inline-block {
    display: inline-block;
}

.color-circle {
    height: 12px;
    width: 12px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-left: 5px;
}

.modal.login {
    display: block;
}

.label-inner {
    z-index: 2 !important;
    position: fixed !important;
}

.btn-disable {
    color: #c9c3c3 !important;
    border-color: #eae4e4 !important;
}

    .btn-disable:hover {
        background-color: transparent !important;
    }

.fa-red {
    color: #ff0000;
}

.color-active {
    border: #777777 solid 2px;
}

.addresstype table tr td {
    padding: 20px;
}

    .addresstype table tr td input {
        margin-right: 5px;
    }

    .addresstype table tr td label {
        font-weight: 300;
    }

.size_wrap {
    position: absolute;
    bottom: 100%;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    width: 100%;
    left: 0px;
    padding: 0px 10px;
}

    .size_wrap .size {
        margin-top: 10px;
    }

        .size_wrap .size .btn {
            width: 35px;
            height: 35px;
            padding: 0;
            line-height: 33px;
            float: left;
            margin-right: 2px;
        }

        .size_wrap .size .btnonesize {
            width: 60px;
        }


.partner_Login {
    position: absolute;
    height: 100%;
    width: 100%;
    display: inline-block;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    bottom: 0;
}

    .partner_Login img {
        max-width: none;
        width: auto;
        height: 100%;
    }

.partner_Login_form {
    position: absolute;
    width: 500px;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #f5f5f5;
    text-align: center;
}

    .partner_Login_form .logo {
        height: 55px;
        margin-bottom: 30px;
    }

        .partner_Login_form .logo > img {
            height: 55px;
        }

    .partner_Login_form .form-control {
        margin-bottom: 20px;
        border-radius: 0;
        box-shadow: none;
    }

.display-table {
    display: table;
}

.table-cell {
    display: table-cell;
}

.p-5 {
    padding: 0 5px;
}

.m-5 {
    margin: 0 -5px;
}

.modalBackground {
    opacity: .5;
    background-color: Gray;
}
.p-10 {
    padding: 10px;
}

@media only screen and (max-width:1199px) {
    .pro-b-img {
        width: 86%;
        margin-left: 7%;
    }
}

@media only screen and (max-width:1024px) {
    .prc-det .panel.fix {
        width: 31.8%;
    }

    .pro-b-img {
        width: 90%;
        margin-left: 5%;
    }

    .sort-by .nav-pills > li {
        margin-left: 0;
        padding: 0;
        font-size: 12px;
    }

        .sort-by .nav-pills > li > a {
            padding: 7px;
        }

    .list-box .cont ul.specs {
        font-size: 13px;
    }

    .list-box .cont .heading {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .list-box .image .save {
        left: -20px;
        top: -20px;
    }

    .filter a.data-toggle {
        font-size: 13px;
    }
}

@media only screen and (max-width:991px) {
    .together_product {
        padding-bottom: 35px;
    }

        .together_product::after {
            right: 47%;
            bottom: 0;
            top: auto;
        }

    .main-menu .nav > li > a {
        padding: 12px 20px;
    }

    .download .btn-wrapper {
        margin-top: 40px;
    }

        .download .btn-wrapper h2 {
            margin-top: 0;
        }
}

@media only screen and (max-width:800px) {
    .pro-b-img {
        width: 100%;
        margin-left: 0%;
    }
}

@media only screen and (min-width:768px) {
	.main-banner{margin-top:-10px;}
	
}

@media only screen and (max-width:767px) {
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #e07e27 !important;
    }

    .main-menu .dropdown > a:hover:before {
        color: #e07e27 !important;
    }
    header.header{
        padding:0;
    }
    .logo-small {
        display: inline-block !important;
        width: auto !important;
    }
    .mobile-menu .navbar-default .navbar-collapse {
        background-color: rgb(224, 126, 39);
        padding:0;
    }
        .mobile-menu .navbar-default .navbar-collapse .navbar-nav {
            margin: 0;
        }
    .mobile-menu .navbar-default .navbar-toggle {
        border-color: #fff !important;
    }
        .mobile-menu .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus .icon-bar {
            background-color: #e07e27 !important;
        }
    .mobile-menu .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }
    .mobile-menu .navbar-default {
        border: none !important;
    }
    .footer-bottom {
        padding: 20px 0;
        text-align: center;
    }
    footer img {
        max-height: 50px;
        margin: 15px 0;
        display: inline-block;
    }
    .index-service-center h5 {
        padding:0px;
    }
        .partner_Login {
        position: static;
    }

        .partner_Login .inner {
            position: static;
        }

        .partner_Login > img {
            display: none;
        }

    .partner_Login_form {
        position: absolute;
        width: 100%;
    }

    .achievements h3 {
        font-size: 30px;
        border-bottom: none;
    }

    .corp_page_menu .nav li a > i.fa {
        display: none;
    }

    .slide.pv-40 {
        padding-top: 15px;
    }

    .achievements {
        margin-top: 30px;
        border: #ddd 1px solid;
        padding: 15px;
    }

    .about-us h1 {
        margin: 0;
        font-size: 25px;
    }

    .text-uppercase {
        text-align: left;
    }

    .corp_page_menu {
        margin-bottom: 15px;
        padding: 15px;
    }

    .partner_form {
        padding: 0;
    }

        .partner_form > h1 {
            font-size: 24px;
        }

    .corp_page_menu .nav li a:hover {
        transform: scale(1);
    }

    .slide {
        padding: 15px 0;
    }

    .services img {
        height: 50px;
    }

    .services h4 {
        margin-bottom: 0;
    }

    .services {
        margin-bottom: 8px;
        margin-top: 8px;
    }

        .services .table-ul li > div:first-child {
            width: 65px;
        }

    .buy-step .panel .panel-heading {
        padding: 10px;
    }

        .buy-step .panel .panel-heading ul.table-ul li > div:first-child {
            width: 30px;
        }

    .form-group.cvv.form-group-lg .form-control {
        height: 35px;
        font-size: 14px;
    }

    .form-group.cvv.form-group-lg .input-group-addon {
        height: 35px;
    }

    .buy-step .panel .panel-heading .btn {
        margin-top: 15px;
    }

    .buy-step .panel .panel-heading p {
        font-size: 12px;
    }

    .prc-det #prc-det.fix {
        position: relative;
        top: 0;
        width: 100%;
    }

    .cart-bottom.visible-xs {
        display: flex !important;
    }

    .prc-det {
        height: auto;
    }

    .cart-panel {
        margin-top: 0;
    }

    .cart_item {
        padding-bottom: 0;
    }

        .cart_item h3.total_prc {
            margin-bottom: -50px;
            margin-top: 37px;
        }

        .cart_item .btns {
            display: flex;
            border-top: #ddd 1px solid;
        }

        .cart_item .btns {
            margin-top: 0;
        }

            .cart_item .btns > a {
                width: 50%;
                padding: 10px;
                margin: 0;
                text-align: center;
            }

    .prc-det .panel.fix {
        width: 100%;
    }

    .cart_item .btns > a:hover {
        text-decoration: none;
    }

    .cart_item .btns > a:first-child {
        border-right: #ddd 1px solid;
    }

    .prc-det .panel.fix {
        position: static;
    }

    .modal.review_gallery_popup .review {
        padding: 20px;
    }

    .modal.review_gallery_popup button.close {
        position: absolute;
        right: 35px;
        z-index: 10;
    }

    .pro-b-img {
        width: 320px;
        margin: auto;
    }

    .main-btns {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        margin: 0 !important;
        background: #fff;
        box-shadow: rgba(0,0,0,0.4) 0 0 5px;
    }

        .main-btns > div {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

            .main-btns > div.pr-0 {
                padding-right: 0 !important;
            }

    .image-area {
        border: none;
    }

        .image-area.fix {
            width: 100%;
            position: static;
        }

    .list-box .image img {
        height: 115px;
        margin-top: 5px;
        display: inline-block;
    }

    .panel.filter.navbar-collapse {
        position: fixed;
        margin: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
        border-radius: 0;
    }

    .p-xs-10 {
        padding: 10px;
    }

    .mt-10-xs {
        margin-top: 10px;
    }

    .app-btn {
        padding: 5px;
        border-radius: 5px;
    }

        .app-btn .fa {
            font-size: 25px;
            padding-right: 5px;
            margin-right: 5px;
        }

        .app-btn h4 {
            color: #000;
            font-size: inherit;
        }

        .app-btn p {
            color: #000;
            font-size: 12px;
        }

    .border-top-xs {
        border-top: rgba(0,0,0,0.5) 1px solid;
    }

    .mobile-scroll {
        display: block;
        white-space: nowrap;
        overflow: auto;
        margin-left: -5px;
        margin-right: -5px;
    }

        .mobile-scroll > div {
            display: inline-block;
            float: none;
            width: 260px;
            padding-left: 5px;
            padding-right: 5px;
        }

    .panel .heading {
        margin-bottom: 15px;
    }

    .text-center-xs {
        text-align: center;
    }

    .download .btn-wrapper h2 {
        font-size: 25px;
    }

    .container-fluid > .panel .panel-body {
        padding: 15px;
    }

        .container-fluid > .panel .panel-body.pb-0 {
            padding-bottom: 0;
        }

    .heading h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .heading .btn {
        padding: 3px 10px;
    }

    .download .inner {
        position: relative;
    }

    .download .btn-wrapper {
        margin-top: 15px;
        margin-bottom: 15px;
    }

        .download .btn-wrapper h2 {
            color: #333 !important;
        }

    .top-search.form-group {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    header .container {
        padding: 0;
    }

    .main-menu .container {
        padding: 0;
    }

    .main-menu .nav.navbar-nav {
        margin: 0;
    }

    .main-menu .nav > li > a {
        padding: 12px 15px !important;
    }

    .main-menu .nav > li.offers {
        float: none;
    }

    .cart-btn {
        border: none;
        box-shadow: none;
    }
	

        .cart-btn > i {
            border-right: none;
            padding-right: 0;
            margin-right: 0;
        }

    /*.main-menu {
        margin-top: 100px;
    }*/

    .detail .list-box .cont {
        margin-left: 0;
    }

    .panel.specs-panel .panel-body {
        padding: 15px;
    }

    .detail {
        padding: 5px;
    }

        .detail .row {
            margin-right: -5px;
            margin-left: -5px;
        }

            .detail .row > div {
                padding-left: 5px;
                padding-right: 5px;
            }

                .detail .row > div > .fasion_g {
                    margin-bottom: 7px;
                }

    .addons .row > div {
        text-align: center;
    }

    .panel.specs-panel .panel-body h3 {
        font-size: 16px;
    }

    .panel.specs-panel h4 {
        margin-top: 15px;
    }

    .login .close {
        margin-right: 5px;
        color: #333;
        z-index: 10;
        position: absolute;
        right: 5px;
        top: 10px;
    }

    .p-xs-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .cart-bottom {
        padding: 0;
        display: flex;
    }

        .cart-bottom .btn.btn-white {
            width: 60%;
        }

        .cart-bottom .btn {
            width: 40%;
            border-radius: 0;
            margin: 0;
            font-size: 13px;
        }

    .main-btns > div {
        padding: 0 !important;
    }

    .main-btns .btn {
        margin: 0;
        border-radius: 0;
    }
}


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

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

.accessories_list.fashion.opt3{margin-top:0;}
.accessories_list.fashion.opt3 .image img{width:100%;max-height:none;}

.panel-body.listing_wrap{ padding:0; }
.panel-body.listing_wrap > .row{margin-left:-15px;margin-right:-15px;}

.accessories_list.fashion.opt3.accessories .image{height:auto;}

.panel-body.listing_wrap > .row{}

    .detail .row > div:first-child > .fasion_g {
        display: block;
    }

    .detail .row > div > .fasion_g {
        display: none;
    }

    .partner_form > h1 {
        font-size: 17px;
        margin-bottom: 0;
    }

    .partner_form h3 {
        font-size: 15px;
    }

    .partner_form .list-unstyled {
        font-size: 12px;
    }

    .mobile {
        width: 100%;
    }

    .input-wrapper {
        margin-top: 25px;
    }

    .form-control:focus ~ .floating-label, .form-control:not(:focus):valid ~ .floating-label {
        top: -5px;
    }

    .cart_item {
        overflow: hidden;
    }

    .detail .owl-carousel .owl-item {
        height: 250px;
    }

        .detail .owl-carousel .owl-item > div > img {
            height: 250px;
        }

    .pro-b-img {
        width: 300px;
    }

    .btn {
        padding-left: 10px;
        padding-right: 10px;
    }

    .circle_rate {
        padding: 0;
    }

    .addons .sign {
        top: 5px;
        right: -10px;
    }

    .btn-lg {
        font-size: 15px;
    }

    .detail p {
        font-size: 12px;
    }

    .body {
        font-size: 12px;
    }

    ul.highlight {
        font-size: 12px;
        padding-top: 0;
    }

    .detail-structure .head {
        font-size: 12px;
        width: 85px;
    }

    .detail-structure .data {
        margin-left: 85px;
    }

    .specs-panel ul.table-ul > li > div {
        font-size: 12px;
    }

        .specs-panel ul.table-ul > li > div.head {
            width: 120px;
        }

    .panel.specs-panel p {
        font-size: 12px;
    }

    .panel.specs-panel h4 {
        font-size: 14px;
    }

  /*  .main-menu {
        margin-top: 96px;
    }*/

    .text-center-mob {
        text-align: center;
    }

    .heading h1 {
        font-size: 18px;
    }

    .heading p {
        font-size: 12px;
    }

    .download .btn-wrapper {
        margin: 0;
        padding: 10px;
    }

    .list-box .cont .heading {
        font-size: 16px;
        font-weight: 500;
    }

    .list-box .cont .prc {
        font-size: 20px;
    }

        .list-box .cont .prc i {
            margin-top: 5px;
            font-size: 18px;
        }

    .list-box .image img {
        height: 95px;
    }

    .list-box {
        padding: 20px 0px 15px;
    }

        .list-box .img-wrap {
            padding: 0;
            width: 30%;
        }

        .list-box .cont {
            padding: 0;
            width: 68%;
            margin-left: 2%;
        }

            .list-box .cont > .row {
                margin: 0;
            }

                .list-box .cont > .row > div {
                    padding: 0;
                }

        .list-box .image .save {
            left: 10px;
            top: -15px;
        }

        .list-box > .row {
            margin: 0;
        }

        .list-box .cont .label-success {
            font-size: 11px;
            margin-right: 2px;
            font-weight: 400;
        }

        .list-box .cont .heading + p {
            font-size: 11px;
            margin-bottom: 5px;
        }

    .listing-wrap {
        padding: 3px;
    }

        .listing-wrap > div.row {
            margin-left: 0;
            margin-right: 0;
        }

            .listing-wrap > div.row > div {
                padding-left: 0;
                padding-right: 0;
            }

    .download .btn-wrapper h2 {
        margin: 0;
        font-size: 20px;
        font-weight: 400;
    }

    .logo > img {
        height: 18px;
    }

    .logo .navbar-toggle {
        padding: 0px 6px;
        font-size: 19px;
        margin-right: 3px;
        border: none;
    }

    .p-mobile-0 {
        padding: 0;
    }

    .login-btn-wrap {
        margin-top: 0;
    }

    .logo {
        margin-top: 6px;
    }

    .login-btn-wrap > a {
        font-size: 12px;
    }

        .login-btn-wrap > a.btn {
            padding: 5px;
        }

    .mobile {
        width: 100%;
    }

    .cart-panel .delivery.form-group {
        max-width: inherit;
        width: 100%;
        background-color: #eee;
        margin-top: 15px;
    }

        .cart-panel .delivery.form-group .form-control {
            width: 100%;
            background-color: #eee;
        }

    .panel-body.p-0 {
        padding: 0;
    }

    .cart_item .btns {
        margin-top: 0px;
    }
}

@media only screen and (max-width:480px) {
    .cart_item h3.total_prc {
        margin-bottom: -50px;
        margin-top: 7px;
        margin-right: 10px;
        font-size: 22px;
        letter-spacing: 0;
    }

    .buy-step .panel .panel-heading .btn {
        margin-top: 15px;
        padding: 5px 10px;
    }

    .buy-step .panel .panel-heading ul.table-ul li > div:nth-child(3) {
        width: 90px;
    }

    .payment ul.table-ul {
        padding: 16px;
        padding-left: 30px;
    }

    .buy-step .panel .panel-heading p {
        font-size: 11px;
    }

    .cart_item .delivery {
        margin: 10px 0 20px;
        margin-left: 0px;
        margin-left: -42%;
    }

    .cart_item .image img {
        height: 70px;
    }

    .cart_item .qty .form-control {
        width: 40px;
        height: 25px;
    }

    .cart_item .qty .btn {
        width: 20px;
        height: 20px;
        font-size: 9px;
    }

    .cart_item > .row {
        margin: 0;
    }

        .cart_item > .row > div {
            padding: 0;
        }
}

@media only screen and (max-width:400px) {
	
    header:not(.full-width) .logo img {
       margin: 0;
    }

    .logo {
       margin-top: 6px;
       width: 100%;
       text-align: left;
    }

    .login-btn-wrap {
       margin-top: 10px;
       width: 100%;
    }

    .login-btn-wrap > a {
       margin-top: 8px;
       display: inline-block;
    }

    .login-btn-wrap > a.btn {
       margin-top: 0;
       float: right;
    }

    .main-menu {
       margin-top: 130px;
    }
}