/* Styles for demo page only - not required */

h1, h2 {
    margin: 1em 0 1.5em 0;
    color: #0f556f;
}

hgroup h1 {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.2em;
}

hgroup h2 {
    font-size: 1.1em;
    font-weight: normal;
    position: absolute;
    top: 16px;
    right: 20px;
}

/*.btn { display: block; float: left;  padding: 10px 15px; background: #0496b6; font-size: 1.5em; color: #fff; font-weight: bold; text-decoration: none; border-radius: 5px;  text-align: center; box-shadow: 2px 2px 2px #eee;}
			.btn:hover { background: #3cb7d3}*/
/*.intro {
    margin: 20px 0;
    background: #c9f6f9;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px #eee;
    padding: 5px 15px 10px 15px;
}*/

/*p.demo-intro {
    font-size: 1.2em;
    margin-bottom: -0.5em;
    font-weight: bold;
}*/

@media (max-width: 767px) {
    hgroup h1 {
        margin-top: 25px;
    }

    hgroup h2 {
        top: 0;
        left: 5px;
        font-size: 12px;
    }
    /*.btn { width: 80%; margin: 20px auto; float:none;}*/
}

.label1 {
    padding-top: 1em;
}

@media only screen and (min-width: 220px) and (max-width: 597px) {
    .label1 .col-xs-12 {
        padding-left: 28%;
        top: -1em;
    }
}

.label1 p {
    font-weight: 600;
}

.std p {
    font-size: 13px;
    font-family: sans-serif;
    line-height: 1.42857143;
    color: #333;
    padding: 10px 0px;
}

.fa {
    color: #fff;
}

html {
    overflow-x: hidden;
}

body {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif !important;
    overflow-x: hidden;
    padding: 0px;
}

a {
    color: #333;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #23527c;
        text-decoration: none;
    }

ul, ol {
    padding: 0px;
    margin: auto;
    list-style: none;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #888;
    font-weight: 400;
    font-family: "Helvetica Neue", "Roboto", Arial, sans-serif;
}
/*------------ 2. Layout ----------*/
.page {
    position: relative;
    margin: auto;
    background: #fff;
    width: 100%;
}
/* Base Columns */
.col-left {
    margin-bottom: 0px;
}

.col-right {
    margin-bottom: 0px;
}
/* 1 Column Layout */
.col1-layout .header-background-default {
    margin: 20px;
    padding: 0;
}

.col1-layout .col-main {
    float: none;
    width: auto;
}
/* 2 Columns Layout */
.col2-right-layout ol.opc .col-md-4 {
    margin-right: 15px;
}
/* 3 Columns Layout */

.col3-layout .col-wrapper {
    float: left;
    width: 780px;
}

    .col3-layout .col-wrapper .col-main {
        float: right;
    }

.main-container {
    background-color: #fff;
    padding: 0px 0px 0px;
}

/*---------- 3. Header ---------*/
.logo {
    float: left;
}

.header-container {
    background: #fff;
}

.header-top {
    padding: 0px 0px 6px 0px;
}

.header .logo {
    vertical-align: middle;
    cursor: pointer;
    margin-top: 0px;
    text-align: left;
    display: block;
    padding-bottom: 8px;
    display: inline-block;
}

    .header .logo a img {
        cursor: pointer;
    }

.header-top .welcome-msg {
    text-align: left;
    display: inline-block;
    padding: 0px;
    margin: 8px 0px 0px 15px;
    font-size: 12px;
    color: #d1f0ff;
    font-family: 'Open Sans', sans-serif;
}
/* language & currency */
.block-language-wrapper {
    display: inline-block;
    margin: 5px 0 0 0;
}

.block-language {
    background: none;
    box-shadow: none;
    border: none;
    color: #d1f0ff;
}

a.block-language:hover {
    color: #bed6e2;
    text-decoration: none;
}

a.block-language:focus {
    color: #bed6e2;
    text-decoration: none;
}

.block-language img {
    font-weight: normal;
    padding: 0px 5px 0px 0px;
    margin: auto;
}

.block-language-wrapper .dropdown-menu > li {
    border-bottom: 1px #ccc solid;
    padding: 1px 0px 1px 0px;
}

    .block-language-wrapper .dropdown-menu > li:last-child {
        border-bottom: none;
    }

    .block-language-wrapper .dropdown-menu > li > a img {
        margin: 0px 6px 0px 0px;
    }

.block-language-wrapper .dropdown-menu {
    border-bottom: 3px solid #37a4d9;
    border-radius: 0px;
    min-width: 0px;
}

    .block-language-wrapper .dropdown-menu a {
        padding: 3px 10px 3px 10px;
    }

        .block-language-wrapper .dropdown-menu a:hover {
            color: #37a4d9;
            background: none;
        }

.block-currency-wrapper {
    display: inline-block;
    margin: 5px 0 0 18px;
}

.block-currency {
    background: none;
    box-shadow: none;
    border: none;
    color: #d1f0ff;
}

a.block-currency:hover {
    color: #fff;
    text-decoration: none;
}

a.block-currency:focus {
    color: #fff;
    text-decoration: none;
}

.block-currency label {
    font-weight: normal;
    padding: 0 5px;
    margin: auto;
}

.block-currency-wrapper .dropdown-menu > li {
    border-bottom: 1px #ccc solid;
    padding: 1px 0;
}

    .block-currency-wrapper .dropdown-menu > li:last-child {
        border-bottom: none;
    }

    .block-currency-wrapper .dropdown-menu > li > a img {
        margin: 0 6px 0 0;
    }

.block-currency-wrapper .dropdown-menu {
    border-bottom: 3px solid #37a4d9;
    border-radius: 0;
    min-width: 0;
    z-index: 100000;
}

    .block-currency-wrapper .dropdown-menu a {
        padding: 3px 15px;
    }

        .block-currency-wrapper .dropdown-menu a:hover {
            color: #37a4d9;
            background: none;
        }
/* Toplink */
.toplinks {
    font-family: 'Open Sans', sans-serif;
    line-height: normal;
    padding: 10px 0 0;
}

    .toplinks .links {
        text-align: right;
    }

        .toplinks .links div {
            display: inline-block;
            text-align: right;
        }

    .toplinks div.links div a {
        color: black;
        display: inline-block;
        padding: 0px;
        color: #333;
        font-size: 12px;
        padding-left: 6px;
        padding-right: 5px;
        font-weight: 600;
    }

        .toplinks div.links div a:hover {
            color: #25282a;
            text-decoration: none;
        }

    .toplinks > div > div.myaccount > a:before {
        content: '\f007';
        font-family: FontAwesome;
        font-size: 11px;
        padding-right: 6px;
    }

    .toplinks > div > div.wishlist > a:before {
        content: '\f004';
        font-family: FontAwesome;
        font-size: 11px;
        padding-right: 6px;
    }

    .toplinks > div > div.check > a:before {
        content: '\f00c';
        font-family: FontAwesome;
        font-size: 11px;
        padding-right: 6px;
    }

    .toplinks > div > div.demo > a:before {
        content: '\f09e';
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 6px;
    }

    .toplinks .links div .click-nav ul .clicker:before {
        content: '\f15b';
        font-family: FontAwesome;
        font-size: 13px;
        padding-left: 4px;
        padding-top: 2px;
        float: left;
        margin-right: 6px;
        margin-top: -2px;
    }

    .toplinks > div > div.login > a:before {
        content: '\f13e';
        font-family: FontAwesome;
        font-size: 11px;
        padding-right: 6px;
    }

    .toplinks > div > div.logout > a:before {
        content: '\f09c';
        font-family: FontAwesome;
        font-size: 11px;
        padding-right: 6px;
    }
/* search */
.search-box {
    width: 100%;
    margin: 16px auto;
    float: right;
    position: relative;
    /*background: #fff url("../images/search-icon.png") no-repeat scroll 10px 10px;*/
    padding: 0px 0px 0px 37px;
    border-radius: 2px;
}

.search-btn-bg {
    background-color: #c13333;
    border: 1px solid #c13333;
    border-radius: 0 2px 2px 0;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 32px;
    font-weight: 600;
    line-height: 17px;
    padding: 5px 15px;
    position: absolute;
    text-transform: uppercase;
}

.searchIconNew {
    background: url("../images/search-icon.png") no-repeat scroll center center;
    width: 25px;
    height: 30px;
    left: 4px;
    position: absolute;
    top: 0px;
}

.cross-icon {
    position: absolute;
    right: 0px;
    margin-top: -35px;
}
/*-----marque------*/
#marqueecontainer {
    position: relative;
    overflow: hidden;
    padding: 2px;
    padding-left: 4px;
    height: 260px;
    margin-top: 10px;
    width: 100%;
}
/* Top Shopping Cart */
.glyphicon-shopping-cart:before {
    font-size: 16px;
    color: #fff;
    margin-right: 6px;
}

.mini-products-list .product-image {
    float: left;
}

.mini-products-list .detail-item {
    margin-left: 92px;
}

.top-cart-content .product-name {
    margin: 0;
    width: 150px;
    line-height: 1;
    padding: 0 0 5px 0;
}

    .top-cart-content .product-name a {
        font-size: 13px;
        line-height: normal;
        font-weight: normal;
        color: #585858;
    }

        .top-cart-content .product-name a:hover {
            color: #1c95d1;
            text-decoration: none;
        }

.top-cart-contain .price {
    color: #ff0000;
    font-weight: bold;
    text-transform: uppercase;
}

.badge {
    background-color: #25282a;
}

.top-cart-contain .product-details .price {
    color: #37a4d9;
    width: auto;
    float: none;
    font-weight: normal;
    padding-left: 0px;
    font-size: 12px;
}

.mini-cart {
    text-align: left;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    padding: 1px 18px 1px 18px;
    background: none;
    border-radius: 3px;
}

    .mini-cart .basket a {
        color: #fff;
        margin: 0px;
        line-height: 28px;
        font-size: 11px;
        padding: 2px;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        display: block;
        text-transform: uppercase;
    }

        .mini-cart .basket a:hover {
            text-decoration: none;
        }

    .mini-cart .basket .title {
        color: #999;
        font-size: 13px;
        font-weight: bold;
        line-height: 1em;
        text-transform: uppercase;
    }

    .mini-cart .basket .cart-box {
        display: inline-block;
    }

        .mini-cart .basket .cart-box #cart-total {
            color: #fff;
            text-transform: none;
            margin: 0px 0px 0px 5px;
        }

.top-cart-contain {
    color: #585858;
    display: block;
    float: right;
    margin: 10px 0px 0px 0px;
    padding: 0;
    right: 0;
    z-index: 1000;
}

.top-cart-content .empty {
    text-align: left;
    color: #585858;
}

.top-cart-content {
    display: none;
    width: 300px;
    position: absolute;
    top: 50px;
    right: 16px;
    background: #fff;
    padding: 0;
    text-align: left;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
    z-index: 10000;
}

    .top-cart-content.arrow_box {
        display: none;
    }

.top-subtotal {
    color: #585858;
    font-size: 14px;
    font-weight: normal;
    padding: 12px 15px;
    text-align: left;
    text-transform: none;
    border-bottom: 1px #ddd solid;
    border-top: 1px #ddd solid;
}

div#ajaxconfig_info {
    display: none;
}

.top-subtotal .price {
    float: right;
    font-size: 15px;
}

.top-cart-content .block-subtitle {
    color: #585858;
    overflow: hidden;
    padding: 15px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background: #f5f5f5;
    text-transform: none;
    font-weight: 600;
    border-bottom: 3px #ddd double;
}

ul#cart-sidebar {
    padding: 8px 15px 0 15px;
    margin: 0px;
}

.top-cart-content li {
    list-style: none;
}

    .top-cart-content li.item {
        border-bottom: 1px solid #eee;
        margin: 5px 0px 10px;
        overflow: hidden;
        padding: 0px 0px 10px 0px;
    }

        .top-cart-content li.item.last {
            margin: 0px;
            border-bottom: 0px #eee solid;
        }

.top-cart-content .product-details {
    color: #585858;
    position: relative;
    text-align: left;
    padding: 0px;
}

.mini-products-list .detail-item .product-details-bottom .price {
    color: #ff0000;
    font-size: 12px;
    display: list-item;
    margin-bottom: 5px;
}

.mini-products-list .detail-item .product-details-bottom .label {
    font-weight: bold;
    vertical-align: middle;
}

.mini-products-list .detail-item .product-details-bottom strong {
    font-weight: normal;
}

.top-cart-content .product-details .btn-edit {
    position: absolute;
    right: 22px;
    top: 6px;
}

.top-cart-content .actions {
    padding: 15px 20px;
    margin: 0;
    overflow: hidden;
    background: #f5f5f5;
}

.mini-cart .actions .btn-checkout:before {
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    padding-right: 10px;
    font-weight: normal;
}

.mini-cart .actions .btn-checkout {
    background: #37a4d9;
    color: #fff;
    font-size: 11px;
    padding: 8px 16px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: right;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 1px solid #37a4d9;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
}

    .mini-cart .actions .btn-checkout:hover {
        background: #000;
        border: 1px solid #000;
        color: #fff;
    }

.mini-cart .actions .view-cart {
    background: #fdd922;
    color: #222;
    font-size: 11px;
    padding: 8px 16px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 1px solid #e0bc27;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
}

    .mini-cart .actions .view-cart:hover {
        background: #585858;
        border: 1px solid #585858;
        color: #fff;
    }

    .mini-cart .actions .view-cart:before {
        content: '\e116';
        font-family: 'Glyphicons Halflings';
        font-size: 12px;
        padding-right: 8px;
        font-weight: normal;
    }

.mini-cart .actions .button {
    display: inline-block;
    width: 100px;
    text-align: center;
    margin-bottom: 3px;
    padding: 8px 10px 6px;
    text-transform: none;
    border: none;
    font-size: 12px;
}

.mini-cart .button.btn-checkout {
    background: none;
    color: #fff;
    font-size: 11px;
    padding: 8px 16px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 1px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.mini-cart > .button {
    color: #000;
    font-size: 12px;
    font-weight: 300;
    text-shadow: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
}

/*----------- 4. Navigation -------------*/
nav {
    position: relative;
    z-index: 999;
    background: #c13333;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

.nav-inner {
    margin: auto;
    position: relative;
    text-align: center;
    height: 44px;
}

#nav > li > a:hover {
    background: #f5f5f5;
    color: #333;
}

#nav > li > a.active {
    background: #6cc6f2;
    color: #fff;
    border-bottom: none;
}

    #nav > li > a.active:hover {
        background: #fff;
        color: #000;
        border-bottom: none;
    }

#nav > li > a:first-child {
    margin-left: 0px;
}

#nav > li > a:last-child a {
    color: #333;
}

.nav {
    margin: 0px auto 0;
}

#nav > li:hover > a, .vertnav-top li > a:hover {
    color: #333;
    background: #fafafa;
    border-bottom: none;
}

.cms-index-index #nav #nav-home > a span, #nav > li.active > a span, .vertnav-top li.current > a span {
    border-right: none;
}

#nav {
    position: relative;
    z-index: 10;
    padding: 0;
    margin: auto;
    text-align: center;
}
    /* All levels */
    #nav li {
        text-align: left;
    }

        #nav li a {
            display: block;
            text-decoration: none;
        }
    /* 1st level only */
    #nav > li {
        list-style: none;
        border-bottom: none;
        display: block;
        float: left;
        border-left: 1px solid #d05151;
    }

        #nav > li.last {
            padding-right: 0;
        }

        #nav > li > a {
            display: block;
        }

            #nav > li > a > span {
                display: inline-block;
                line-height: 18px;
            }
    /* Drop-down boxes:
	wide:    2nd-level category drop-down box + custom block drop-down box
	classic: custom block drop-down box */
    #nav .level0-wrapper {
        position: absolute;
        left: -10000px;
        background-color: #fff;
    }
    /* Inner wrapper for additional padding */
    #nav .level0-wrapper2 {
        padding: 0;
    }

        #nav .level0-wrapper2:before, #nav .level0-wrapper2:after {
            display: table;
            line-height: 0;
            content: "";
        }

        #nav .level0-wrapper2:after {
            clear: both;
        }
    /* Home link */

    /* Icon inside item */
    #nav li a.level-top .icon {
        padding: 3px;
        margin: 0;
        float: none;
        display: inline-block;
        vertical-align: middle;
        background-color: transparent;
    }

    #nav li:hover a.level-top .icon {
        padding: 3px;
    }
    /* Single icon as home link */
    #nav #homelink-icon {
        margin-left: 12px;
    }

        #nav #homelink-icon a.level-top {
            padding-left: 5px;
            padding-right: 5px;
            background: none;
            box-shadow: none;
            border: none;
        }
    /* Custom menu item */
    #nav .nav-custom-link > a {
        cursor: default;
    }
    /* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */
    #nav .nav-custom-link {
        position: static;
    }
        /* Static block's content - basic formatting */
        #nav .nav-custom-link .header-nav-dropdown-wrapper {
            padding: 10px 0px;
            overflow: hidden;
        }

            #nav .nav-custom-link .header-nav-dropdown-wrapper p {
                margin: 10px 0;
                color: #333;
                line-height: 1.3em;
                font-family: 'Open Sans', sans-serif;
                font-size: 13px;
                font-weight: normal;
            }

            #nav .nav-custom-link .header-nav-dropdown-wrapper .heading {
                margin: 10px 0;
            }
    /* Caret */
    #nav a.level-top .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-bottom: 2px;
        margin-left: 2px;
        vertical-align: middle;
        content: "";
        border-style: solid solid none;
        border-width: 4px 4px 0;
        border-color: #333 transparent transparent;
    }
/* Number of products in category */
/* Sidebar menu */
.vertnav .number {
    margin-left: 3px;
    color: #aaa;
}
/* Main menu */
#nav .number {
    margin-left: 3px;
}

#nav ul li .number {
    color: #aaa;
}
/* Other */
.nav .itemslider {
    margin-top: 0;
    margin-bottom: 0;
}

    .nav .itemslider .item {
        padding-bottom: 0;
    }
/* 1st level */
li.level0 > a > span {
    position: relative;
}

    li.level0 > a > span > .cat-label {
        position: absolute;
        top: -12px;
        right: 0;
        padding: 0 6px;
        font-size: 12px;
        line-height: 22px;
    }
    /* Add pin (only 1st level) */
    li.level0 > a > span > .pin-bottom:before {
        position: absolute;
        right: 6px;
        top: 22px;
        width: 0;
        height: 0;
        content: "";
        border-style: solid;
        border-width: 4px;
        border-color: transparent;
        transition: border-color 450ms ease-in-out;
    }

li.level0 > a:hover > span > .pin-bottom:before {
    transition-duration: 100ms;
}
/* 2nd level */
li.level1 > a > span > .cat-label {
    display: inline-block;
    padding: 0 4px;
    margin-left: 2px;
    vertical-align: middle;
}
/* 3rd level */
li.level2 > a > span > .cat-label {
    display: inline-block;
    padding: 0 4px;
    margin-left: 2px;
}
/* Category labels inside mobile menu / vertical menu */
ul.vertnav li > a > span > .cat-label {
    position: static;
    display: inline-block;
    padding: 0 4px;
    margin-left: 2px;
}
/* Hide pin */
ul.vertnav li > a > span > .pin-bottom:before {
    display: none;
}
/* Label size: all levels */
ul.vertnav li > a > span > .cat-label {
    font-size: inherit;
    line-height: inherit;
}

ul.vertnav-top li > a > span > .cat-label {
    font-size: 12px;
    line-height: 18px;
}
/* Category blocks */
.nav-block {
    margin-top: 0;
    margin-bottom: 1%;
}

.nav-block-bottom {
    float: left;
}

.nav-block-center {
    margin-top: 0px;
}

.nav-block-right {
    margin-top: 0px;
    float: right;
    padding: 0px;
    text-align: center;
}

.nav-block-level1-top {
    margin-bottom: 10px;
}

.nav-block-level1-bottom {
    margin-top: 10px;
}
/* Section line (separator) is lighter than other lines */
.nav-block .section-line {
    border-color: #eee;
}
/* Common styles for main menu (horizontal + mobile vertical + mobile menu trigger) */

/* horizontal + mobile menu trigger */
#nav > li > a {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #777;
}

ul.level0 {
    padding: 0;
}

ul.level1 {
    padding: 0 0px;
}

#nav .level0-wrapper, #nav.classic ul {
    background-color: #ffffff;
    color: #333333;
}

#nav ul li a {
    color: #565656;
    font-family: Arial, Helvetica, sans-seriff;
    font-weight: normal;
}

    #nav ul li a:hover {
        color: #000;
    }

.cat-label-label1 {
    background-color: #D12631;
    color: #ffffff;
}

.cat-label-label2 {
    background-color: #d52462;
    color: #ffffff;
}

li.level0 > a > span > .cat-label-label1.pin-bottom:before {
    border-top-color: #D12631;
}

li.level0 > a > span > .cat-label-label2.pin-bottom:before {
    border-top-color: #d52462;
}

li > a:hover > span > .cat-label, #nav li.level0:hover > a > span > .cat-label {
    background-color: #ff7214;
}

li.level0 > a:hover > span > .pin-bottom:before, #nav li.level0:hover > a > span > .pin-bottom:before {
    border-top-color: #ff7214;
}

#nav .level0-wrapper, #nav.classic .parent > ul {
    background: #fff;
    border-top: none;
    border: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    padding: 15px 15px 0 15px;
    width: 100%;
}

#nav .level0-wrapper, #nav.classic ul.level0 {
    top: 43px;
    left: 0px !important;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#nav li.level0 .level0-wrapper {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    opacity: 0;
    visibility: hidden;
    display: block !important;
}

#nav li.level0:hover .level0-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

#nav > li > a {
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 18px;
    padding: 13px 15px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/* 1st level only */
#nav > li:hover > a {
    position: relative;
    z-index: 1;
}
/* 2nd level only */
/* 2nd-level nav-links block: with subcategory title and a list of child categories */
#nav ul.level0 > li {
    display: inline-block;
    float: none;
    padding-bottom: 15px;
    padding-top: 0;
    vertical-align: top;
    width: 18%;
    margin-right: 18px;
}

    #nav ul.level0 > li.last {
        display: inline-block;
        float: none;
        vertical-align: top;
        padding-top: 0;
        padding-bottom: 15px;
        width: 18%;
        margin-right: 0px;
    }

    #nav ul.level0 > li > a {
        margin-bottom: 6px;
        font-size: 12px;
        line-height: normal;
        color: #333;
        padding: 6px 0px 6px 0px;
        font-weight: 900;
        letter-spacing: normal;
        text-transform: uppercase;
        border-bottom: 3px #ddd double;
    }

#nav .grid13-8 ul.level0 > li {
    width: 30%;
}
/* 2nd level+ */
#nav ul li {
    list-style: none;
    padding: 6px 0;
}

    #nav ul li a {
        float: none;
    }
/* 3rd level only */
#nav ul.level1 {
    position: static;
    padding-left: 0px;
}

    #nav ul.level1 > li a {
        float: none;
        transition: background-position 150ms ease-out;
        display: block;
    }

        #nav ul.level1 > li a:before {
            content: '\f105';
            font-family: FontAwesome;
            font-size: 12px;
            padding-right: 5px;
            color: #25282a;
        }

        #nav ul.level1 > li a:hover {
            float: none;
            transition: background-position 150ms ease-out;
            color: #1c95d1;
        }
/* 4th level */
#nav ul.level2 {
    margin: 7px 0;
    padding: 0;
    position: static;
}

    #nav ul.level2 a {
        font-size: 0.9166em;
        line-height: 1.2727em;
        opacity: 0.6;
    }

#nav li.level2:hover ul.level2 a {
    opacity: 1;
    transition: opacity 150ms ease-out;
}
/* 4rd level+ */
#nav ul ul ul li {
    background: none;
    padding-left: 0;
}
/* Vertical nav-links */

.nav-links > li, .nav-links > li > a {
    line-height: 3em;
}

    .nav-links > li > a {
        padding: 0 0.5833em;
    }

    .nav-links > li.label {
        padding-right: 0.5833em;
    }
/* Basic nav-links, no separators */
.nav-links > li {
    float: left;
}

    .nav-links > li > a {
        display: block;
    }

.grid12-5 {
    position: relative;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    width: 38%;
}

    .grid12-5 .static-img-block a:before {
        overflow: hidden;
        position: absolute;
        top: 0;
        content: "";
        z-index: 100;
        width: 100%;
        height: 98.5%;
        left: 0;
        opacity: 0;
        transition: all 0.3s ease 0s;
        transform: scale(0.5) rotateY(180deg);
        background-image: url(../images/plus-img.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #666;
    }

    .grid12-5 .static-img-block a:hover::before {
        visibility: visible;
        opacity: 0.6;
        transform: scale(1) rotateY(0deg);
    }

.grid12-3 {
    float: left;
    margin-left: 0;
    margin-right: 1%;
    padding: 10px 0 10px 10px;
    width: 16%;
    border-left: 1px solid #3e3e3e;
    margin-bottom: 0;
}

    .grid12-3 .item-title a {
        text-transform: uppercase;
        margin-top: 10px;
        color: #aaa;
    }

.grid12-4 {
    float: left;
    margin: 0px 0px 0 10px;
    width: 29.1%;
}

    .grid12-4 .static-img-block {
        position: relative;
        margin-bottom: 15px;
        overflow: hidden;
    }

        .grid12-4 .static-img-block img {
            -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }

            .grid12-4 .static-img-block img:hover {
                -webkit-transform: scale(1.11);
                transform: scale(1.11);
                -moz-transform: scale(1.11);
            }

.grid12-8 {
    float: left;
    margin-left: 0;
    margin-right: 0%;
    width: 70%;
}

#nav .grid12-8 ul.level0 > li {
    width: 22.5%;
}

    #nav .grid12-8 ul.level0 > li:last-child {
        margin-right: 0px;
    }

.grid13-8 {
    float: left;
    margin-left: 0;
    margin-right: 0%;
    margin-bottom: 0;
    width: 60%;
}

.back-link {
    float: left;
}

.grid12-4 h3 {
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin-top: 5px;
}

.grid12-4 p {
    text-align: left;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

a.btn-button-st {
    background: #252525;
    color: #fff;
    font-size: 11px;
    padding: 6px 12px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 1px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin: 8px 0 15px;
}

    a.btn-button-st:hover {
        background: #37a4d9;
        border: 1px solid #37a4d9;
        color: #fff;
    }

#nav .level0-wrapper .nav-add {
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

    #nav .level0-wrapper .nav-add .push_item {
        float: left;
        margin-right: 12px;
        width: 19%;
        overflow: hidden;
    }

    #nav .level0-wrapper .nav-add .push_item_last {
        float: left;
        margin-right: 0px;
        width: 19%;
    }

    #nav .level0-wrapper .nav-add .push_item .push_img {
        position: relative;
    }

        #nav .level0-wrapper .nav-add .push_item .push_img a {
            display: block;
            position: relative;
            margin-bottom: 15px;
            overflow: hidden;
        }

            #nav .level0-wrapper .nav-add .push_item .push_img a img {
                -webkit-transition-duration: 500ms;
                transition-duration: 500ms;
                -webkit-transition-property: transform;
                transition-property: transform;
                -webkit-transform: translateZ(0);
                -moz-transform: translateZ(0);
                transform: translateZ(0);
            }

                #nav .level0-wrapper .nav-add .push_item .push_img a img:hover {
                    -webkit-transform: scale(1.11);
                    transform: scale(1.11);
                    -moz-transform: scale(1.11);
                }

    #nav .level0-wrapper .nav-add .push_item .push_text {
        color: #999;
        font-size: 12px;
        padding: 8px 0;
    }

.icon-custom-reponsive:before {
    content: "\f10a";
}

.icon-custom-reponsive {
    font-family: FontAwesome;
    display: block;
    font-size: 70px;
    background-color: #F0F0F0;
    color: #000;
    height: 120px;
    line-height: 120px;
    text-align: center;
}

.icon-custom-CSS3:before {
    content: "\f13c";
}

.icon-custom-CSS3 {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 60px;
    background-color: #F0F0F0;
    color: #000;
    height: 120px;
    padding: 30px 77px 30px 0;
    margin-left: -5px;
}

.ccs3-html5-box {
    background-color: #F0F0F0;
    color: #000;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 60px;
    height: 95px;
    padding: 25px 0 0;
    text-align: center;
    width: 100%;
}

.icon-custom-google-font:before {
    content: "\f031";
}

.icon-custom-google-font {
    font-family: FontAwesome;
    display: block;
    font-size: 70px;
    background-color: #F0F0F0;
    color: #000;
    height: 120px;
    line-height: 120px;
    text-align: center;
}

.icon-custom-grid:before {
    content: "\f00a";
}

.icon-custom-grid {
    font-family: FontAwesome;
    display: block;
    font-size: 70px;
    background-color: #F0F0F0;
    color: #000;
    height: 120px;
    line-height: 120px;
    text-align: center;
}

#nav .nav-custom-link .header-nav-dropdown-wrapper h4.heading {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 10px;
}

#nav .nav-custom-link .header-nav-dropdown-wrapper h4.heading {
    color: #222222;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 10px;
}

#nav li.drop-menu ul {
    position: absolute;
    top: 43px;
    left: 0;
    background: #fafafa;
    padding: 6px 0;
    border-top: none;
    border: 1px #ececec solid;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    width: 200px;
    text-align: left;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#nav li.drop-menu:hover ul {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

#nav > li.drop-menu ul li ul {
    border-top: none;
}

#nav > li.drop-menu {
    position: relative;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

#nav li.drop-menu ul li {
    position: relative;
}

    #nav li.drop-menu ul li a {
        color: #333;
        line-height: 22px;
        font-size: 13px;
        /* border-bottom: 1px solid #f1f1f1;*/
        padding: 0 12px;
        display: block;
        transition: all 200ms ease-in-out;
    }

#nav li.drop-menu ul.level1.right-sub {
    max-height: 200px;
    overflow-y: scroll;
    height: auto;
}

    #nav li.drop-menu ul li:hover > a {
        color: #1c95d1;
        padding-left: 12px;
    }

    #nav li.drop-menu ul li span.plus {
        display: block;
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -1px;
        height: 1px;
        width: 7px;
        background: #535353;
    }

.custom-menu {
    overflow: hidden;
    padding-bottom: 20px;
}

    .custom-menu .learn_more_btn {
        background: #fff;
        border: 3px double #ddd;
        margin: 10px 8px 0 8px;
        padding: 9px 10px 9px 10px;
        color: #333;
        line-height: 14px;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }

        .custom-menu .learn_more_btn:hover {
            background: #41ade2;
            border: 3px double #fff;
            margin: 10px 8px 0 8px;
            padding: 9px 10px 9px 10px;
            color: #FFFFFF;
        }

        .custom-menu .learn_more_btn span {
            font-family: "Open Sans", sans-serif;
            font-size: 11px;
            padding: 0 8px;
            font-weight: bold;
            margin-left: 0;
            text-transform: uppercase;
        }

    .custom-menu p {
        color: #333;
        margin: 10px 0px 0px 0px;
    }

    .custom-menu .header-nav-dropdown-wrapper {
        padding: 0px 0 20px;
        overflow: hidden;
    }

    .custom-menu .grid12-5 {
        margin-left: 0px;
        margin-right: 2%;
        width: 23%;
        text-align: center;
        overflow: hidden;
        padding-bottom: 25px;
    }

        .custom-menu .grid12-5 .custom_img {
            position: relative;
            overflow: hidden;
        }

            .custom-menu .grid12-5 .custom_img img {
                -webkit-transition-duration: 500ms;
                transition-duration: 500ms;
                -webkit-transition-property: transform;
                transition-property: transform;
                -webkit-transform: translateZ(0);
                -moz-transform: translateZ(0);
                transform: translateZ(0);
            }

                .custom-menu .grid12-5 .custom_img img:hover {
                    -webkit-transform: scale(1.11);
                    transform: scale(1.11);
                    -moz-transform: scale(1.11);
                }

    .custom-menu p {
        color: #333;
        margin: 10px 0px 0px 0px;
    }

.sticky {
    position: fixed;
    z-index: 1000;
    display: block;
    top: 0px;
    height: 44px;
    width: 100%;
}

.logo-small {
    display: none;
}

.sticky .logo-small {
    display: block !important;
    position: absolute;
    right: 0px;
}

    .sticky .logo-small img {
        display: none;
    }

.fur-des {
    margin-right: 15px;
}
/* End header */



/*----- 5. Header Service ----------- */
.header-service {
    padding: 12px 0;
    color: #777;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.5px;
    line-height: 1.4em;
    text-transform: uppercase;
    overflow: hidden;
    border-top: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
}

    .header-service strong {
        font-weight: 900;
        color: #37a4d9;
    }

.icon-truck:before {
    content: "\f0d1";
}

.icon-truck {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
    margin: auto;
    color: #37a4d9;
    text-align: center;
    width: 30px;
    text-align: left;
    padding-left: 0px;
}

.icon-money:before {
    content: "\f0d6";
}

.icon-money {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
    margin: auto;
    color: #37a4d9;
    width: 30px;
    text-align: left;
}

.icon-support:before {
    content: "\f0e6";
}

.icon-support {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
    margin: auto;
    color: #37a4d9;
    width: 30px;
    text-align: left;
}

.icon-dis:before {
    content: "\f005";
}

.icon-dis {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
    margin: auto;
    color: #fd7e56;
    width: 25px;
    text-align: left;
}

/*---- 6. Offer Banner -------*/

.offer-banner-section {
    margin: 20px 0px 0px 0px;
}

    .offer-banner-section .container .row {
        margin-left: -7px;
    }

    .offer-banner-section .col-lg-6 {
        padding-left: 2px;
        padding-right: 2px;
        overflow: hidden;
    }

        .offer-banner-section .col-lg-6 img {
            -webkit-transition-duration: 500ms;
            width: 100%;
            transition-duration: 500ms;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }

            .offer-banner-section .col-lg-6 img:hover {
                background: #000;
                max-height: 750px;
                max-width: 100%;
                min-width: 100%;
                width: 100%;
                opacity: 0.8;
            }

        .offer-banner-section .col-lg-6 .overlay {
            width: 99.3%;
            height: 100%;
            position: absolute;
            overflow: hidden;
            top: 0;
            left: 2px;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.1);
            opacity: 0;
            transition: all 0.3s ease-in 0.4s;
        }

        .offer-banner-section .col-lg-6:hover .overlay {
            opacity: 1;
            transition-delay: 0s;
        }

        .offer-banner-section .col-lg-6 .overlay:before, .offer-banner-section .col-lg-4 .overlay:after {
            border: 1px solid #fff;
            -webkit-transform: scale(0,1);
            transform: scale(0,1);
            position: absolute;
            top: 30px;
            right: 30px;
            bottom: 30px;
            left: 30px;
            content: '';
            opacity: 0;
            -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
            transition: opacity 0.35s, transform 0.35s;
            /*  top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
	opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);*/
            animation-delay: 0.3s;
            animation-name: fadeInUp;
        }

        .offer-banner-section .col-lg-6 .overlay a.info {
            display: inline-block;
            text-decoration: none;
            padding: 15px 15px;
            background: #888;
            color: #fff;
            font-family: 'Open Sans', sans-serif;
            font-weight: bold;
            font-size: 16px;
            text-transform: uppercase;
            top: 45%;
            position: relative;
            width: 96%;
            font-weight: 600;
            letter-spacing: 1px;
            z-index: 1;
            text-align: center;
        }

            .offer-banner-section .col-lg-6 .overlay a.info:hover {
                background: #999;
            }

/*  product grid page Title */


    .new_title.center {
        height: 44px;
    }

    .new_title h2 {
        border-bottom: 3px solid #c13333;
        color: #333;
        display: inline-block;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: normal;
        margin-top: 0;
        padding: 15px 0px 10px 0px;
        position: relative;
        letter-spacing: 0.5px;
    }
/*--------- 7. New & Sale Label --------- */
.new-box, .sale-box {
    height: 40px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: -1px;
    width: 55px;
    z-index: 10;
}

.new-box {
    left: -1px;
}

.sale-box {
    right: -1px;
}

.new-top-left {
    left: 0px;
    top: 0;
    background: #fff;
    letter-spacing: 1px;
}

.new-top-right {
    background: none repeat scroll 0 0 #FFFFFF;
    right: 0px;
    top: 0;
}

.sale-top-right {
    top: 0;
    background: #fff;
    letter-spacing: 1px;
    right: 0px;
}

.sale-top-left {
    left: 0px;
    top: 0;
    background: #fff;
    letter-spacing: 1px;
}

.ie8 .new-label {
    left: 0px;
    top: 0px;
    width: auto;
    padding: 5px 15px;
}

    .ie8 .new-label:after {
        display: none;
    }

    .ie8 .new-label:before {
        display: none;
    }

.ie8 .sale-label {
    right: 0px;
    top: 0px;
    width: auto;
    padding: 5px 15px;
}

    .ie8 .sale-label:after {
        display: none;
    }

    .ie8 .sale-label:before {
        display: none;
    }

.ie8 .new-box {
    top: -1px;
    left: -1px;
}

.ie8 .sale-box {
    right: -1px;
    top: -1px;
}

.new-box, .sale-box {
    position: fixed;
    text-align: center;
    top: -1px;
    width: 55px;
    z-index: 10;
}

.new-box {
    left: 0;
}

.sale-box {
    right: 0;
    top: 0px;
}

.new-label {
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    background: #ffc60a;
    text-transform: uppercase;
    padding: 0px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 100;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: normal;
    width: 45px;
    height: 25px;
    line-height: 25px;
    margin-top: 0px;
    margin-left: 0px;
}

.sale-label {
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    background: #d12631;
    text-transform: uppercase;
    padding: 0px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 100;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: normal;
    width: 45px;
    height: 25px;
    line-height: 25px;
    margin-top: 0px;
    margin-right: 0px;
}

.product-view .product-img-box .new-label {
    left: 15px;
}

.product-view .product-img-box .sale-label {
    left: 15px;
}

.ie8 .new-label {
    left: 0px;
    top: 0px;
    width: auto;
    padding: 5px 15px;
}

    .ie8 .new-label:after {
        display: none;
    }

    .ie8 .new-label:before {
        display: none;
    }

.ie8 .sale-label {
    right: 0px;
    top: 0px;
    width: auto;
    padding: 5px 15px;
}

    .ie8 .sale-label:after {
        display: none;
    }

    .ie8 .sale-label:before {
        display: none;
    }

.ie8 .new-box {
    top: -1px;
    left: -1px;
}

.ie8 .sale-box {
    right: -1px;
    top: -1px;
}
/*-------- 8. products View page ------*/
.product-view #product-img-box .new-box, .product-view #product-img-box .sale-box {
    position: absolute;
    text-align: center;
    top: -1px;
    width: 55px;
    z-index: 10;
}

.product-view #product-img-box .new-box {
    left: 160px;
}

.product-view #product-img-box .sale-box {
    right: -5px;
    top: 0px;
}

.product-view #product-img-box .new-label.new-top-left {
    font-size: 14px;
    color: #000;
    background: #ffd739;
    text-transform: uppercase;
    padding: 10px 25px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    font-weight: normal;
}

.product-view #product-img-box .new-label.new-top-right {
    font-size: 14px;
    color: #000;
    background: #ffd739;
    text-transform: uppercase;
    padding: 10px 25px;
    text-align: center;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 100;
    font-weight: normal;
}

.product-view #product-img-box .sale-label.sale-top-left {
    font-size: 14px;
    color: #fff;
    background: #D23333;
    text-transform: uppercase;
    padding: 10px 25px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    font-weight: normal;
}

.product-view #product-img-box .sale-label.sale-top-right {
    font-size: 14px;
    color: #fff;
    background: #D23333;
    text-transform: uppercase;
    padding: 10px 25px;
    text-align: center;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 100;
    font-weight: normal;
}
/* carousel */

.carousel-inner {
    margin-top: 0px;
}

.best-seller-pro {
    position: relative;
    margin-bottom: 15px;
    margin-top: 20px;
}

.featured-pro {
    position: relative;
}

.controls {
    position: inherit;
    width: 100%;
}

    .controls a {
        color: #666;
    }

    .controls .prev {
        position: absolute;
        border: 1px solid #ccc;
        right: 35px;
        font-size: 14px;
        font-weight: normal;
        height: 28px;
        width: 30px;
        line-height: 26px;
        padding: 0 5px;
        color: #555;
        top: -35px;
    }

    .controls .next {
        position: absolute;
        border: 1px solid #ccc;
        right: 0px;
        font-size: 14px;
        font-weight: normal;
        height: 28px;
        width: 30px;
        line-height: 26px;
        padding: 0 5px;
        color: #555;
        top: -35px;
    }

/*.glyphicon-chevron-right:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    content: "\f105";
    text-transform: none;
    font-size: 18px;
    padding: 6px 6px 6px 6px;
    line-height: 22px;
}*/

/*.glyphicon-chevron-left:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    content: "\f104";
    text-transform: none;
    font-size: 18px;
    padding: 6px 4px;
    line-height: 22px;
}*/

.col-item {
    position: relative;
}

    .col-item .photo img {
        margin: 0 auto;
        width: 100%;
    }

    .col-item .info {
        margin-top: 1px;
        text-align: center;
    }

.clear-left {
    clear: left;
}

.col-item .separator p {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

    .col-item .separator p i {
        margin-right: 5px;
    }

.col-item .btn-add {
    width: 50%;
    float: left;
}

.col-item .btn-add {
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details {
    width: 50%;
    float: left;
    padding-left: 10px;
}

.controls {
    margin-top: 0px;
}

[data-slide="prev"] {
    margin-right: 10px;
}

.col-item .actions-links {
    background: #1c95d1;
    position: absolute;
    width: 100%;
    opacity: 1;
    z-index: 1000;
    overflow: hidden;
    bottom: 0;
}

.col-item:hover .actions-links {
    height: 30px;
    background: #1c95d1;
    position: absolute;
    width: 100%;
    opacity: 1;
    z-index: 10000;
    bottom: 0;
}

.col-item .actions-links .add-to-links a.magik-btn-quickview {
    right: 0%;
    opacity: 0;
    position: absolute;
    margin-top: 4px;
    z-index: 10;
    cursor: pointer;
}

.col-item:hover .actions-links .add-to-links a.magik-btn-quickview {
    right: 0%;
    opacity: 0.9;
    position: absolute;
    margin-top: 0px;
    width: 32px;
    text-align: center;
}

.col-item .actions-links .add-to-links a.magik-btn-quickview:before {
    content: "\f002";
}

.col-item .actions-links .add-to-links a.magik-btn-quickview {
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s linear;
    padding: 5px 5px;
    line-height: 25px;
    width: 33%;
}

    .col-item .actions-links .add-to-links a.magik-btn-quickview:hover {
        background: #37a4d9;
    }

.col-item .actions-links .add-to-links a.link-wishlist:before {
    content: "\f004";
}

.col-item .actions-links .add-to-links a.link-compare:before {
    content: "\f012";
}

.col-item .actions-links .add-to-links a.link-wishlist {
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s linear;
    padding: 5px 5px;
    line-height: 25px;
    width: 32%;
}

    .col-item .actions-links .add-to-links a.link-wishlist:hover {
        font-family: 'FontAwesome';
        font-size: 16px;
        font-weight: normal;
        margin: 0;
        padding: 5px 5px;
        text-decoration: none;
        color: #fff;
        line-height: 25px;
        background: #37a4d9;
        width: 32%;
    }

.col-item .actions-links .add-to-links a.link-compare {
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s linear;
    padding: 5px 5px;
    line-height: 25px;
    width: 32%;
}

    .col-item .actions-links .add-to-links a.link-compare:hover {
        font-family: 'FontAwesome';
        font-size: 16px;
        font-weight: normal;
        margin: 0;
        padding: 5px 5px;
        text-decoration: none;
        color: #fff;
        line-height: 25px;
        background: #37a4d9;
        width: 32%;
    }

.col-item .add-to-links a span {
    display: none;
}

.col-item .actions-links .add-to-links a.link-wishlist {
    left: 120%;
    opacity: 0;
    position: absolute;
    margin-top: 4px;
    z-index: 10;
}

.col-item:hover .actions-links .add-to-links a.link-wishlist {
    left: 0%;
    opacity: 0.9;
    position: absolute;
    margin-top: 0px;
    border: 1px solid #30abe8;
    border-top: none;
    border-bottom: none;
    border-left: none;
    width: 33%;
    text-align: center;
}

.col-item .actions-links .add-to-links a.link-compare {
    left: 120%;
    opacity: 0;
    position: absolute;
    margin-top: 4px;
    z-index: 10;
}

.col-item:hover .actions-links .add-to-links a.link-compare {
    left: 33%;
    opacity: 0.9;
    position: absolute;
    margin-top: 0px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-top: none;
    border-bottom: none;
    border-left: none;
    width: 33%;
    text-align: center;
}

.col-item .info .info-inner .item-title {
    margin-bottom: 5px;
    padding-top: 16px;
    font-size: 12px;
    white-space: nowrap;
}

    .col-item .info .info-inner .item-title a {
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        color: #333;
        text-transform: uppercase;
        font-weight: 600;
    }

        .col-item .info .info-inner .item-title a:hover {
            color: #c13333;
        }
/* Product Images */

#etalage .moreview_thumb {
    cursor: move;
}

#moreview .moreview_small_thumbs li {
    margin: 10px;
    margin-bottom: 13px !important;
    cursor: pointer;
}

#moreview .moreview_magnifier {
    border: 1px solid #bbb;
}

#moreview .moreview_hint {
    width: 130px;
    height: 57px;
}

#moreview .moreview_description {
    font-style: italic;
    margin: 10px;
    padding: 6px 10px;
}

.moreview, .moreview_thumb, .moreview_thumb_image, .moreview_source_image, .moreview_zoom_preview, .moreview_icon, .moreview_hint {
    display: none;
}

    .moreview, .moreview ul, .moreview li, .moreview img, .moreview_hint, .moreview_icon, .moreview_description {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
    }

.moreview, .moreview_magnifier div, .moreview_magnifier div img, .moreview_small_thumbs ul, ul .moreview_small_thumbs li, .moreview_zoom_area div, .moreview_zoom_img {
    position: relative;
}

    .moreview img, .moreview li {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -moz-user-drag: none;
        user-drag: none;
    }

.moreview, .moreview_small_thumbs li {
    float: left;
}

.moreview_right {
    float: right;
}

.moreview li {
    position: absolute;
}

.moreview img {
    vertical-align: bottom;
    max-width: none;
}

.moreview_magnifier {
    cursor: default;
}

    .moreview_magnifier div, .moreview_small_thumbs {
        overflow: hidden;
    }

        .moreview_magnifier div img {
            display: none;
        }

.moreview_icon, .moreview_hint {
    cursor: default;
    width: 0;
    height: 0;
    overflow: hidden;
}

.moreview_small_thumbs li.vertical {
    float: none;
}

.moreview_zoom_area {
    z-index: 2;
}

    .moreview_zoom_area div {
        overflow: hidden;
        z-index: 997;
    }

.moreview_zoom_preview {
    position: absolute;
    z-index: 998;
}

.moreview_zoom_img, .moreview_hint {
    z-index: 999;
}

.moreview {
    direction: ltr;
}

div.moreview_description {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
}

    div.moreview_description.rtl {
        direction: rtl;
        text-align: right;
    }

.moreview-control a {
    left: auto;
    width: 26px;
    height: 26px;
    background-color: transparent;
}

.product-view .product-img-box .moreview-control {
    opacity: 0;
}

.product-view .product-img-box:hover .moreview-control {
    opacity: 1;
    transition: all 0.3s linear;
}

.moreview-control a.moreview-prev {
    position: absolute;
    left: 10%;
    background-color: #fff;
    border: 1px #ddd solid;
    text-align: center;
    color: #333;
}

    .moreview-control a.moreview-prev:hover {
        background-color: #333;
        border: 1px #333 solid;
        color: #fff;
        transition: all 0.3s linear;
    }

    .moreview-control a.moreview-prev:before {
        content: "\f106";
        font-family: FontAwesome;
        font-size: 18px;
    }

.moreview-control a.moreview-next {
    position: absolute;
    left: 10%;
    background-color: #fff;
    border: 1px #ddd solid;
    text-align: center;
    color: #333;
    bottom: 0%;
}

    .moreview-control a.moreview-next:hover {
        background-color: #333;
        border: 1px #333 solid;
        color: #fff;
        transition: all 0.3s linear;
    }

    .moreview-control a.moreview-next:before {
        content: "\f107";
        font-family: FontAwesome;
        font-size: 18px;
    }

.moreview .roll-over {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    color: #888;
    text-indent: 20px;
}

    .moreview .roll-over .roll-over-desc {
        margin-left: 20px;
    }

#moreview .moreview_thumb, #moreview .moreview_small_thumb {
    border: solid 1px #e0e0e0;
}

.product-view .product-img-box {
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #f1f1f1;
}

    .product-view .product-img-box .product-image {
        margin: 0 0 13px;
    }
/* Product Images */

.product-view {
    margin: auto;
    position: relative;
    z-index: 0;
}

.product-essential {
    overflow: hidden;
}

.product-collateral .box-collateral {
    margin: 0 0 15px;
}

.product-essential .product-image.no-gallery {
    margin-left: auto;
}

.product-essential .product-image img {
    height: auto;
    width: 100%;
}

.product-essential .button-viewall {
    position: absolute;
    left: 5px;
    bottom: 5px;
    text-indent: -999em;
    z-index: 9999;
}
/* More Views SLIDER = */
.more-views {
    width: 80%;
    margin: auto;
}

    .more-views img {
        width: 100%;
    }

    .more-views .slider-items-products .owl-buttons .owl-next {
        position: absolute;
        right: -22px;
        top: 50%;
    }

    .more-views .slider-items-products .owl-buttons a {
        border: none;
        background: #f5f5f5;
    }

        .more-views .slider-items-products .owl-buttons a:hover {
            color: #333;
        }

    .more-views .slider-items-products .owl-buttons .owl-next a:before {
        font-size: 24px;
    }

    .more-views .slider-items-products .owl-buttons .owl-prev a:before {
        font-size: 24px;
    }

    .more-views .slider-items-products .owl-buttons .owl-prev {
        left: -32px;
        position: absolute;
        top: 50%;
        background: none;
    }
/*  Product Shop ===*/

.product-view .product-shop .add-to-box button.button.btn-cart span {
    background: none;
    font-size: 12px;
    margin-top: 0px;
}

.product-view .product-options-bottom button.button.btn-cart span {
    background: none;
    margin-left: 5px;
}

.product-view .product-shop {
    margin-top: 0;
    position: relative;
    background: #F3F3F3;
    min-height: 260px;
    /*background: #F3F3F3 url(../images/shadow.png) no-repeat;*/
}

.product-view .product-name {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

    .product-view .product-name h1 {
        font-size: 40px;
        margin: 0 0 2px;
        text-align: left;
        line-height: 1.2em;
        padding-bottom: 12px;
        letter-spacing: -1px;
        font-weight: 900;
        font-family: 'Open Sans', sans-serif;
        padding-right: 70px;
    }

.short-description {
    font-family: "Open Sans", "Helvetica Neue", "Roboto", Arial, sans-serif;
    font-size: 15px;
    color: #3b8ede;
    margin-bottom: 8px;
    font-weight: 700;
}

.product-view .short-description {
    padding-bottom: 5px;
    font-size: 13px;
}

    .product-view .short-description h2 {
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        color: #333;
        margin-bottom: 8px;
        font-weight: bold;
    }

.short-description h4 {
    font-family: "Open Sans", "Helvetica Neue", "Roboto", Arial, sans-serif;
    font-size: 15px;
    color: #3b8ede;
    margin-bottom: 8px;
    font-weight: 700;
}

.product-view .product-shop .add-to-box {
    padding: 0px;
    overflow: hidden;
    text-align: center;
    margin: 1px 0 0 0;
}

    .product-view .product-shop .add-to-box a:hover {
        text-decoration: none;
    }

    .product-view .product-shop .add-to-box .btn-cart {
        background: #c13333;
        color: #fff;
        font-size: 10px;
        text-shadow: none;
        padding: 7px 20px;
        float: left;
        margin-top: 0px;
        font-weight: normal;
        margin-left: 0px;
        border: none;
    }

        .product-view .product-shop .add-to-box .btn-cart:hover {
            background: #333;
            text-shadow: none;
            color: #fff;
        }

.product-view .product-shop .product-options-bottom .btn-cart {
    background: #c13333;
    color: #fff;
    font-size: 10px;
    text-shadow: none;
    padding: 10px 20px;
    float: left;
    margin-top: 0px;
    font-weight: normal;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    margin-left: 10px;
    border: none;
}

    .product-view .product-shop .product-options-bottom .btn-cart:hover {
        background: #000;
        text-shadow: none;
        color: #fff;
    }

.product-view .product-shop .add-to-box .icon-basket {
    margin-right: 5px;
}

.product-view .add-to-links span {
    display: none;
}

.product-view .product-shop ul.add-to-links {
    margin: 0;
    padding: 0;
    margin-top: 0px;
    display: inline-block;
}

.product-view .product-shop .add-to-links li {
    display: inline-block;
    padding: 0 7px 0 2px;
}

    .product-view .product-shop .add-to-links li .separator {
        display: none;
    }

.product-view .email-friend a {
    font-size: 12px;
    display: inline-block;
    border: 1px #ddd solid;
    width: 45px;
    height: 38px;
    text-align: center;
    line-height: 35px;
    color: #666;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

    .product-view .email-friend a:hover {
        color: #fff;
        background-color: #1c95d1;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }

.product-view .product-shop .add-to-links li .separator {
    display: none;
}

.product-view .product-shop .add-to-links .link-wishlist:before {
    content: "\f004";
    font-family: FontAwesome;
    font-size: 14px;
    vertical-align: top;
    text-align: center;
}

.product-view .product-shop .add-to-links .link-wishlist {
    border: 1px solid #ddd;
    color: #666;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    height: 39px;
    line-height: 36px;
    text-align: center;
    width: 48px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.product-view .product-shop .add-to-links .link-compare:before {
    content: "\f012";
    font-family: FontAwesome;
    font-size: 14px;
    vertical-align: top;
    height: 25px;
    width: 25px;
    text-align: center;
    padding-right: 0px;
}

.product-view .product-shop .add-to-links .link-compare {
    border: 1px solid #ddd;
    color: #666;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    height: 39px;
    line-height: 36px;
    text-align: center;
    width: 48px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

    .product-view .product-shop .add-to-links .link-compare:hover, .product-view .product-shop .add-to-links .link-wishlist:hover {
        color: #fff;
        background-color: #1c95d1;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }

.product-view .product-shop ul.add-to-links a {
    padding: 0;
    margin: 0;
}

.email-addto-box {
    display: inline-block;
    float: left;
    margin-left: 12px;
}

.product-view .email-friend {
    display: inline-block;
    margin-left: 6px;
}

    .product-view .email-friend a:before {
        content: "\f0e0";
        font-family: FontAwesome;
        font-size: 14px;
    }

    .product-view .email-friend a span {
        display: none;
        font-size: 12px;
    }

.product-view .product-shop .ratings {
    padding: 5px 0;
    margin: 15px 0 0;
}

    .product-view .product-shop .ratings .rating-links {
        margin-bottom: 12px;
    }

.product-view .product-shop .no-rating {
    padding: 12px 0;
    margin: 15px 0 0;
}

.product-view .product-shop .price-box {
    display: block;
    margin: 0 0 10px;
    padding: 0 0 5px;
}

.product-view .product-shop .grouped-items-table .price-box {
    border-bottom: 0px solid #ddd;
    margin: 0;
    padding: 0;
}

.product-view .product-shop .price-box .old-price {
    margin-right: 5px;
    margin-top: 0;
    display: inline-block;
}

.product-view .product-shop .special-price {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.product-view .product-shop .old-price .price {
    font-size: 20px;
    color: #777;
}

.product-view .product-shop .price {
    font-size: 28px;
    color: #ff0000;
    font-weight: bold;
}

.add-to-cart .qty, .qty-holder .qty {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 0px;
}

.product-shop .button-up, .product-shop .button-down {
    height: 44px;
    width: 44px;
}

.add-to-cart .button-up, .add-to-cart .button-down {
    left: 94px;
    position: absolute;
}

.product-shop .social {
    float: left;
    border-top: 1px solid #dddddd;
    padding: 5px 0 0;
    margin-top: 10px;
    width: 100%;
}

    .product-shop .social ul li {
        display: inline-block;
        margin: 15px 6px 0 0;
    }

.block-layered-nav .button-arrow.open, .button-up {
    background-image: url(../images/plus-img.png);
    background-position: 16px 16px;
}

    .button-up:hover {
        background: #333 url(../images/icon_arrow_up.png) no-repeat 15px 15px;
    }

.button-down:hover {
    background: #333 url(../images/icon_arrow_down.png) no-repeat 15px 15px;
}

.button-up, .button-down {
    height: 44px;
    text-indent: -999em;
    width: 35px;
    border: none;
}

.qty-input-text {
    float: left;
    margin-left: 10px;
}

@media only screen and (min-width:260px ) and (max-width: 992px) {
    .add-to-box .add-to-cart .algn {
        float: left;
    }

    .product-view .product-shop .add-to-box .btn-cart {
        margin-bottom: 0px;
        margin-top: 10px;
        margin-left: 0px;
    }

    .algn {
        padding-top: 5px;
    }
}

@media only screen and (min-width:993px ) and (max-width: 1940px) {
    .product-view .product-shop .add-to-box .add-to-cart label {
        display: block;
        margin-bottom: 5px;
        float: none;
        text-align: left;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
    }
}

.product-view .product-shop .add-to-box .add-to-cart label {
    display: block;
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.product-view .product-shop .product-options-bottom .add-to-cart label {
    display: block;
    float: none;
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

/*.block-layered-nav .button-arrow, .elastislide-vertical .elastislide-next, .button-down, .opc .step-title a {
	background-image: url(../images/minus-img.png);
	background-position:16px 16px;
}*/
.button-up:hover, .button-up:focus {
    background-image: url(../images/icon_arrow_up.png);
    background-position: 16px 16px;
}

.button-down:hover, .button-down:focus {
    background-image: url(../images/icon_arrow_down.png);
    background-position: 16px 16px;
}
/*.product-view .product-shop button.button.btn-cart:before {
	content: "\f07a";
	font-family: 'FontAwesome';
	font-size: 18px;
}*/
.product-view .product-shop .icon-plus:before {
    font-size: 14px;
}

.product-view .product-shop .icon-minus:before {
    font-size: 14px;
}

.product-view .flexslider-thumb {
    max-width: 420px;
    margin: 20px auto 0;
    padding: 0 45px;
    position: relative;
}

.product-view-compact .flexslider-thumb {
    margin: 17px auto 0;
}

.product-view .flexslider-thumb .flex-viewport {
    z-index: 10;
}

.product-view .flexslider-thumb .flex-direction-nav {
    top: 30%;
    left: 0;
    width: 100%;
    z-index: 9;
}

.product-view .flexslider-thumb .flex-prev {
    position: absolute;
    left: 12px;
    top: 0px;
}

.product-view .flexslider-thumb .flex-next {
    position: absolute;
    right: 20px;
    top: 0px;
}

.product-view .flexslider-thumb li img {
    cursor: pointer;
    -moz-user-select: none;
}

.product-view .previews-list {
    padding: 0;
    list-style-type: none;
    text-align: center;
}

    .product-view .previews-list li {
        width: 76px;
        margin-right: 7px;
        padding: 0;
        float: none;
        display: inline-block;
    }

.product-view-compact .rating {
    padding: 18px 0 21px;
}

.product-view-compact .btn-toolbar {
    margin: 0;
    padding: 7px 0 22px;
}

.product-view-compact .price {
    display: block;
    padding: 6px 0 20px;
}

.product-view .flexslider-thumb-vertical-outer {
    margin: 0 10px 15px 0;
    width: 76px;
    float: left;
    position: relative;
    z-index: 1;
}

.product-view .flexslider-thumb-vertical .flex-viewport {
    height: 400px !important;
}

.product-view .flexslider-thumb-vertical .slides {
    margin: -4px 0 0;
    padding: 0;
    list-style-type: none;
}

    .product-view .flexslider-thumb-vertical .slides li {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

        .product-view .flexslider-thumb-vertical .slides li img {
            width: 100%;
            padding: 4px 0;
            cursor: pointer;
            -moz-user-select: none;
        }

.flex-direction-nav, .slider-controls {
    -webkit-transform: translate3d(0, 0, 0);
}

#cloud-zoom-big {
    left: 15px !important;
}
/*  Product Collatera =*/


.product-collateral {
    padding: 0px;
    background-color: #FFFFFF;
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    display: inline-block;
}

.product-tabs {
    margin-bottom: 10px;
    width: 565px;
}

#product-tabs {
    margin: 0;
    padding: 0;
    position: relative;
    border-radius: 2px;
}

    #product-tabs > dt {
        text-transform: none;
        font-size: 12px;
        padding: 8px 0px;
        cursor: pointer;
        color: #102343;
        text-transform: none;
        font-family: Arial, Helvetica, sans-serif;
    }

        #product-tabs > dt.open {
            position: relative;
            background-color: #fff;
            z-index: 10;
            color: #2CA2E3;
        }

    #product-tabs > dd {
        display: none;
        right: 0;
        top: 0;
        background-color: #fff;
        margin: 0;
        padding: 6px 0;
        line-height: 1.8;
        border-bottom-width: 0;
        font-size: 12px;
    }

        #product-tabs > dd h2 {
            display: none;
        }

#customer-reviews {
    /*float: left;*/
    margin-top: 15px;
}

    #customer-reviews .detail {
        font-size: 12px;
        line-height: 18px;
    }

    #customer-reviews h3 {
        font-size: 12px;
        font-weight: 900;
        margin-bottom: 15px;
    }

    #customer-reviews h4 {
        font-size: 12px;
    }

    #customer-reviews h5 {
        font-size: 12px;
    }

.box-reviews dl {
    margin-bottom: 0;
}

.box-reviews dt {
    font-size: 18px;
    padding: 20px 0 10px;
}

#customer-reviews .page-title {
    border: none;
}

    #customer-reviews .page-title h2 {
        color: #000;
        font-size: 20px;
        font-weight: normal;
        margin-top: 0;
        padding: 2px 0px;
        position: relative;
        display: block;
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

.box-reviews1 {
    margin-top: 8px;
    margin-bottom: 20px;
}

.box-reviews2 {
    margin-top: 8px;
    margin-bottom: 35px;
    overflow: hidden;
}

.review-title {
    margin-top: 0;
    line-height: 1.4;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
}

    .review-title span {
        font-size: 12px;
        font-weight: 400;
        margin-top: 5px;
    }

.box-reviews > .rating-box {
    position: absolute;
    top: 30px;
    right: 30px;
}

.box-reviews dd {
    margin-left: 0;
    padding-bottom: 20px;
}

.box-reviews .author {
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
}

.box-reviews .date {
    color: #bdbdbd;
    font-size: 12px;
    font-style: italic;
}

.box-reviews .ratings-table {
    float: left;
    margin: 5px 15px 15px 0;
    width: 12%;
}

.box-reviews .review {
    border-left: 1px solid #DFDFDF;
    float: left;
    padding-left: 2.5em;
    width: 84%;
}

    .box-reviews .review .review-txt {
        border-bottom: 1px solid #DFDFDF;
        padding-bottom: 12px;
        margin-bottom: 10px;
    }

.box-reviews ul li h6 {
    font-size: 15px;
    margin-bottom: 3px;
    padding: 0;
}

.box-reviews2 ul li {
    margin-bottom: 0px;
    clear: both;
}

.box-reviews .actions {
    padding-top: 1.5em;
    text-align: right;
    float: right;
}

#customer-reviews .form-list li label {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#customer-reviews .buttons-set {
    margin-top: 10px;
}
/*detail page view link*/
a.button.view-all:before {
    content: "\f06e";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 8px;
}

a.button.view-all {
    display: inline-block;
    border: 0;
    background: #fff;
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
    color: #333;
    font-weight: bold;
    transition: all 0.3s linear;
    vertical-align: top;
    border: 1px solid #ddd;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.button.view-all:hover {
    background: #37a4d9;
    transition: all 0.3s linear;
    border: 1px solid #37a4d9;
    color: #fff;
    text-decoration: none;
}

.box-reviews .form-add h3 {
    margin-bottom: 5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.box-reviews .form-add h4 {
    font-size: 15px;
}

.box-reviews textarea {
    width: 95%;
    margin-top: 4px;
    height: 8em;
    background: #f0f0f0;
}

.box-reviews .form-list input.input-text {
    width: 80%;
    padding: 10px;
    margin-bottom: 4px;
    line-height: 20px;
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
}

    .box-reviews .form-list input.input-text:focus {
        width: 80%;
        padding: 10px;
        margin-bottom: 4px;
        line-height: 20px;
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
    }

.box-reviews .form-list select {
    padding: 12px 15px 12px 165px;
    margin: 0;
    width: 100%;
    line-height: 20px;
    height: 48px;
}

.review1 {
    display: inline-block;
    width: 45%;
    float: left;
}

.review2 {
    display: inline-block;
    width: 55%;
}

.product-view .box-tags .form-add input.input-text {
    width: 350px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    box-shadow: 0 1px 5px #eee inset;
    margin-right: 10px;
    padding: 8px;
}

.up-sell-box {
    border: 1px #ddd solid;
    border-top: none;
}

    .up-sell-box p.desc {
        margin: 0;
        padding: 10px 10px 0 10px;
    }

.featured-products {
    position: relative;
}

.product-view .box-tags .form-add label {
    line-height: 42px;
    font-size: 16px;
}

.product-view .box-tags .form-add .button {
    height: 35px;
}

#addTagForm {
    margin-bottom: 5px;
    margin-top: 10px;
}

.product-view .box-up-sell {
    margin-top: 10px;
    float: left;
}

    .product-view .box-up-sell .subtitle {
        margin-right: 0;
    }


.mini-products-list .price-box .price {
    margin-right: 10px;
}
/* Product Tabs */
.product-tabs {
    line-height: normal;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    border-bottom: 3px solid #e5e5e5;
    margin-top: 0px;
    height: 42px;
    text-align: left;
}

    .product-tabs li {
        display: inline-block;
        height: auto;
        line-height: normal;
        margin: 0;
        outline: none;
        padding: 0;
        list-style: none;
    }

        .product-tabs li.active {
            background: none;
        }

            .product-tabs li.active a {
                background: none repeat scroll 0 0 #fff;
                color: #0a3151;
                font-family: 'Open Sans', sans-serif;
                font-weight: 700;
                padding: 12px;
                border: none;
                border-bottom: 3px solid #0a3151;
            }

                .product-tabs li.active a:hover {
                    background: none repeat scroll 0 0 #fff;
                    color: #0a3151;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 700;
                    padding: 12px;
                    border: none;
                    border-bottom: 3px solid #0a3151;
                }

.nav-tabs.product-tabs > li > a {
    margin-right: 0px;
    line-height: 1.42857143;
    border-radius: 0px;
    border: none;
    padding: 12px;
}

    .nav-tabs.product-tabs > li > a:hover {
        margin-right: 0px;
        background: #f8f8f8;
    }

/*.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    padding: 12px;
    margin-right: 0px;
}*/

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: none;
    background: #f4f4f4;
    color: #222;
    border-radius: 10px 10px 0px 0px;
}

.product-tabs a {
    display: inline-block;
    font-size: 12px;
    height: 45px;
    line-height: 42px;
    text-transform: uppercase;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    height: 42px;
    padding: 12px;
}

.tab-content > .active {
    margin-top: 15px;
}

.tab-content {
    background: #f5f5f5;
    padding: 10px;
    border-radius: 4px;
}

.box-reviews dd, .review-title {
    border-bottom: 1px solid #ccc;
}

#product-tabs > dt {
    border-bottom: 1px solid #ccc;
}

#product-tabs > dd {
    border-left: 0px solid #ccc;
    border-bottom: 3px solid #e5e5e5;
}

fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}

#product-review-table {
    margin: 10px 0;
    border: medium none;
    width: 100%;
}

    #product-review-table th, #product-review-table td {
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
        padding: 8px;
    }

.nobr {
    white-space: nowrap;
}

.form-add-tags input.input-text, select, textarea {
    border: 1px solid #ddd;
    margin-top: 0;
    padding: 6px;
}

    .form-add-tags input.input-text:focus, .form-add-tags select:focus, .form-add-tags textarea:focus {
        padding: 6px;
    }

.additional p {
    font-size: 12px;
}

.product-options dt label, .box-reviews dt, .data-table, .fraction-slider .slide-subtitle {
    font-family: Arial, Helvetica, sans-serif;
}

.specs-table {
    margin-top: 5px;
}

    .specs-table dt {
        float: left;
        font-weight: bold;
        padding: 0 3px 3px 0;
        width: 60px;
    }

    .specs-table dd {
        padding: 0 0 0px 90px;
    }

.data-table {
    border-spacing: 0;
    text-align: left;
}

    .data-table thead tr, .data-table tfoot tr {
        background-color: #f7f7f7;
    }

#product-attribute-specs-table.data-table {
    border: 1px solid #EAEAEA;
    border-bottom: none;
    margin-top: 5px;
}

    #product-attribute-specs-table.data-table tbody th, .data-table tbody td {
        border-right: none;
    }

        #product-attribute-specs-table.data-table tbody th.last, .data-table tbody td.last {
            border-right: none;
        }

            #product-attribute-specs-table.data-table tbody th.last, .data-table tbody td.last a {
                text-decoration: underline;
            }

.form-add-tags label {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
}

.form-add-tags button.button {
    background: #fff;
    padding: 6px 15px 6px 12px;
}

    .form-add-tags button.button:hover {
        background: #37a4d9;
        transition: all 0.3s linear;
        color: #fff;
        border: 1px #37a4d9 solid;
    }

.data-table thead th, .data-table thead td, .data-table tfoot th, .data-table tfoot td, .cart .totals table th, .cart .totals table td {
    color: #333;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-family: Arial, Helvetica, sans-serif;
}

.data-table tbody th, .data-table tbody td {
    border-right: 0px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 2px 10px 2px;
}

.cart-table tbody th, .cart-table tbody td {
    border-right: 0px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    vertical-align: top;
}

    .cart-table tbody th h2, .cart-table tbody td h2 {
        margin: auto;
        padding: 0px;
        display: inline-flex;
    }

.data-table tbody th.last, .data-table tbody td.last {
    border-right: 0px solid #eaeaea;
}

.data-table tbody tr.last th, .data-table tbody tr.last td {
    border-bottom: 1px solid #eaeaea;
}

.data-table .price {
    font-size: 13px;
    font-weight: bold;
    color: #ff0000;
}

.data-table .total-price .price, .cart .totals table tfoot td .price, .compare-table .price {
    color: #333;
}

.item-options dd {
    color: #565656;
    margin: 0;
}

.compare-table th {
    color: #565656;
}

.compare-table tr.odd th {
    background-color: #ececec;
}

.compare-table tr.even th {
    background-color: #e5e5e5;
}

.compare-table tr.even td {
    background-color: #f7f7f7;
}

.my-account .data-table .price, .my-wishlist .data-table .price {
    font-size: 15px;
    color: #737373;
    font-weight: normal;
}

.box-reviews .form-list li {
    margin-bottom: 0px;
    list-style: none;
}

#customer-reviews li {
    margin-bottom: 0px;
    list-style: none;
}

#customer-reviews ul {
    margin: auto;
    padding: 0px;
}

.recent-orders .title-buttons {
    text-align: right;
    margin-bottom: 8px;
}

    .recent-orders .title-buttons strong {
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 13px;
        color: #333;
    }
/* Product Options */
.product-options {
    padding: 0;
    margin: 0;
    clear: both;
}

    .product-options dt {
        margin-top: 20px;
    }

        .product-options dt label {
            font-weight: normal;
            font-size: 15px;
        }

            .product-options dt label em {
                margin-right: 3px;
            }

        .product-options dt .qty-holder {
            float: right;
        }

            .product-options dt .qty-holder label {
                vertical-align: middle;
            }

        .product-options dt .qty-disabled {
            background: none;
            border: 0;
            padding: 3px;
            color: #000;
        }

    .product-options dd {
        margin: 10px 0;
    }

    .product-options dl {
        margin: 5px 0;
    }

    .product-options dd input.datetime-picker {
        width: 150px;
    }

    .product-options dd .time-picker {
        display: -moz-inline-box;
        display: inline-block;
        padding: 2px 0;
        vertical-align: middle;
    }

    .product-options .options-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .product-options .options-list li {
            margin: 12px 0;
        }

        .product-options .options-list input.radio {
            margin: -2px 0 0 0;
        }

        .product-options .options-list input.checkbox {
            margin: -2px 0 0 0;
        }

        .product-options .options-list .label {
            margin-left: 0;
            padding: 0;
        }

    .product-options ul.validation-failed {
        padding: 0 7px;
    }

    .product-options p.required {
        padding: 0;
        display: none;
    }

    .product-options label {
        margin-bottom: 0;
        line-height: 17px;
    }

    .product-options .qty-holder {
        display: block;
        margin: 8px 0;
    }

    .product-options .label, .product-options .badge {
        background-color: transparent;
        text-shadow: none;
    }

    .product-options .qty {
        margin-bottom: 0;
        width: 30px;
    }

.product-options-bottom {
    padding: 25px 0;
}

    .product-options-bottom .price-box {
        margin: 10px 0;
    }
/* Grouped Product */
.product-view .grouped-items-table {
    margin-bottom: 15px;
    margin-top: 50px;
    border-bottom: none;
}
/* Block: Description */

/* Block: Additional */

.product-view .box-additional {
    margin-top: 30px;
}
/* Block: Upsell */

.product-view .upsell-pro {
    margin-top: 50px;
}

.product-view .box-up-sell .products-grid td {
    width: 25%;
}
/* Block: Tags */
.product-view .box-tags .form-add label {
    float: left;
    line-height: 33px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.product-view .box-tags .form-add .input-box {
    float: left;
    margin: 0 0 0 10px;
}

.product-view .box-tags .form-add input.input-text {
    width: 320px;
    outline: none;
}

.product-view .box-tags .form-add p {
    clear: both;
}

/* Availability, Brand */
.availability, .product-brand {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 12px 0 8px;
    padding: 4px 20px;
    background: #fdd922;
    border-radius: 3px;
    display: inline-block;
}

#super-product-table input.qty {
    text-align: center;
}

.availability span, .product-brand span {
    font-weight: normal;
}

.availability.in-stock span {
    color: #1c95d1;
    font-weight: bold;
}

.availability.out-of-stock {
    background: #37a4d9;
    color: #fff;
    padding: 0px;
}

    .availability.out-of-stock span {
        color: #fff;
        font-weight: bold;
    }

.availability-only {
    margin: 0 0 7px;
}

    .availability-only a {
        cursor: pointer;
        padding-right: 15px;
    }

    .availability-only .expanded {
        background-position: 100% -15px;
    }

.availability-only-details {
    margin: 0 0 7px;
}

    .availability-only-details th {
        background: #f2f2f2;
        font-size: 10px;
        padding: 0 8px;
    }

    .availability-only-details td {
        border-bottom: 1px solid #ddd;
        font-size: 11px;
        padding: 2px 8px 1px;
    }

/* Add to Cart */
.add-to-cart label {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    float: left;
    line-height: 38px;
}

.custom button.items-count {
    border: none;
    clear: both;
    color: #999;
    font-size: 10px;
    line-height: normal;
    padding: 11px 14px 11px 16px;
    text-align: center;
    line-height: normal;
}

    .custom button.items-count.increase {
        margin-right: 4px;
    }

    .custom button.items-count.reduced {
        margin-right: 2px;
    }

.custom button.items-count {
    background-color: #f5f5f5;
    border: 1px #eaeaea solid;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

    .custom button.items-count:hover {
        background-color: #37a4d9;
        border: 1px #37a4d9 solid;
        color: #fff;
    }

.add-to-cart button.button {
    margin-left: 5px;
}

.add-to-cart .button-up {
    position: absolute;
    left: 200px;
    border-radius: 0;
    top: 0px;
}

.add-to-cart .button-down {
    position: absolute;
    left: 78px;
    border-radius: 0;
    top: 0px;
}

.add-to-cart .button-up {
    outline: none;
    background-color: #fff;
    border: 1px #ddd solid;
}

.add-to-cart .button-down {
    bottom: 0;
    outline: none;
    background-color: #fff;
    border: 1px #ddd solid;
}

.add-to-cart button.btn-cart {
    font-size: 20px;
    padding: 15px 25px;
    margin-left: 15px;
    margin-top: -10px;
}

    .add-to-cart button.btn-cart.margin-none {
        margin-left: 0;
    }

.add-to-cart .paypal-logo {
    clear: left;
    text-align: right;
}

    .add-to-cart .paypal-logo .paypal-or {
        clear: both;
        display: block;
        margin: 5px 60px 5px 0;
    }

.product-view .add-to-cart .paypal-logo {
    margin: 0;
}
/*  Add to Links + Add to Cart ==*/
.add-to-box {
    margin: 15px 0 0px;
    overflow: hidden;
    overflow: hidden;
    padding: 15px;
    text-align: center;
}

    .add-to-box .add-to-cart, .product-options-bottom .add-to-cart {
        margin: 0px;
    }

.product-options-bottom .add-to-cart {
    margin-bottom: 0;
}

.add-to-box .or {
    float: left;
    margin: 0 10px;
}

.add-to-box .add-to-links {
    float: left;
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
}

.product-options-bottom .add-to-links {
    float: left;
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
}

.add-to-box .add-to-links li {
    display: block;
    margin: 0;
}

.add-to-links span {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    margin-left: 5px;
    text-transform: uppercase;
}

.add-to-cart .qty {
    padding: 0 5px 1px;
    height: 40px;
    border: 1px #ddd solid;
    text-align: center;
    margin-right: 3px;
    width: 40px;
    vertical-align: top;
    margin-bottom: 10px;
}
/*  prev-next-products ==*/

.product-next-prev {
    margin-top: -5px;
    float: right;
}

.product-name {
    width: 50%;
}

.product-prev {
    margin: 0 0 0 0px;
}

.product-next-prev .product-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    margin-right: 10px;
}

.product-next-prev .product-prev {
    background: #f1f1f1;
    border-right: 1px #fff solid;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 30px;
    display: inline-block;
    width: 100px;
    height: 30px;
    color: #333;
    text-align: center;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border-radius: 2px;
}

    .product-next-prev .product-prev:hover {
        color: #999;
        text-decoration: none;
    }

.product-next {
    margin: 0 0 0 4px;
}

.product-next-prev .product-next:after {
    content: "\f105";
    margin-left: 10px;
    font-family: FontAwesome;
}

.product-next-prev .product-next {
    background: #f1f1f1;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 30px;
    display: inline-block;
    width: 70px;
    height: 30px;
    color: #222;
    text-align: center;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

    .product-next-prev .product-next:hover {
        color: #999;
        border-radius: 2px;
        text-decoration: none;
    }


.product-first {
    margin: 0 0 0 0px;
}

.product-next-prev .product-first:before {
    content: "\f100";
    font-family: FontAwesome;
    margin-right: 10px;
}

.product-next-prev .product-first {
    background: #f1f1f1;
    border-right: 1px #fff solid;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 30px;
    display: inline-block;
    width: 70px;
    height: 30px;
    color: #333;
    text-align: center;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border-radius: 2px;
}

    .product-next-prev .product-first:hover {
        color: #999;
        text-decoration: none;
    }


.product-last {
    margin: 0 0 0 0px;
}

.product-next-prev .product-last:after {
    content: "\f101";
    font-family: FontAwesome;
    margin-left: 10px;
}

.product-next-prev .product-last {
    background: #f1f1f1;
    border-left: 1px #fff solid;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 30px;
    display: inline-block;
    width: 70px;
    height: 30px;
    color: #333;
    text-align: center;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border-radius: 2px;
}

    .product-next-prev .product-last:hover {
        color: #999;
        text-decoration: none;
    }

.product-pag-num {
    padding-left: 10px;
    padding-right: 10px;
    background: #f1f1f1;
    border-right: 1px #fff solid;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 30px;
    display: inline-block;
    height: 30px;
    color: #333;
    text-align: center;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border-radius: 2px;
}

    .product-pag-num:hover {
        background: #c13333 !important;
        color: #fff;
    }

.selected-page-nin {
    background: #25282a !important;
    color: #fff;
}

@media (max-width: 576px) {
    .product-first, .product-last, .smallhide {
        display: none !important;
    }

    .product-name {
        width: 100%;
        padding-left: 3%;
        padding-top: 40px;
    }

    .product-next-prev {
        width: 100%;
    }
}


@media (max-width: 768px) {
}


@media (max-width: 992px) {
}



/*--------- 9. Rating ----------- */
.no-rating {
    margin: 0;
}

    .no-rating a {
        color: #000;
    }

.ratings {
    font-size: 11px;
    line-height: normal;
    margin: 2px 0;
}

    .ratings strong {
        float: left;
        margin: 1px 3px 0 0;
    }

.category-products ul.products-grid li.item .ratings .rating-links {
    display: none;
}

.ratings .rating-links {
    margin: 0;
    display: none;
}

    .ratings .rating-links a {
        margin: 0;
        text-decoration: none;
        color: #666;
        font-size: 12px;
    }

    .ratings .rating-links .separator {
        margin: 0 2px;
    }


.rating-box {
    width: 76px;
    height: 15px;
    font-size: 0;
    line-height: 0;
    background: url(../images/bkg_rating.png) 0 0 repeat-x;
    text-indent: -999em;
    overflow: hidden;
}

    .rating-box .rating {
        width: 60%;
        float: left;
        height: 15px;
        background: url(../images/bkg_rating.png) 0 100% repeat-x;
    }

.ratings .rating-box {
    margin-right: 8px;
    display: inline-block;
}

.ratings-table th, .ratings-table td {
    font-size: 11px;
    line-height: 1.15;
    padding: 3px 0;
}

.ratings-table th {
    font-weight: 900;
    padding-right: 8px;
}
/*--------- 10. Price --------- */
.price {
    font-size: 12px;
    color: #333;
    white-space: nowrap;
}

.price-box {
    margin: 3px 0;
    min-height: 20px;
}
/* Regular price */
.regular-price .price {
    font-weight: 900;
    font-size: 12px;
    color: #ff0000;
}

.block .regular-price, .block .regular-price .price {
    color: #000;
}

.price-box .price-from .price {
    font-weight: 900;
    font-size: 12px;
    color: #333;
    line-height: normal;
}

.price-box .price-to .price {
    font-weight: 900;
    font-size: 12px;
    color: #333;
}

.price-box .minimal-price .price {
    font-weight: 900;
    font-size: 12px;
    color: #333;
}
/* Old price */
.old-price .price-label {
    white-space: nowrap;
    color: #999;
    display: none;
}

.old-price {
    margin: auto;
}

.price-box span.price-sep {
    color: #202020;
    display: none;
    padding: 0 5px;
}
/* Old price */
.old-price .price-label {
    color: #777777;
    display: none;
    white-space: nowrap;
}

.old-price .price {
    color: #777777;
    font-size: 13px;
    font-weight: normal;
    text-decoration: line-through;
    margin-right: 6px;
}

.latest-product .old-price .price-label {
    display: none;
}
/* Special price */
.special-price {
    margin: 0;
    display: inline-block;
}

    .special-price .price-label {
        color: #666;
        display: none;
        font-size: 13px;
        font-weight: 400;
        white-space: nowrap;
    }

    .special-price .price {
        font-size: 12px;
        color: #ff0000;
        font-weight: 900;
    }

    .special-price .price-label {
        font-size: 13px;
        font-weight: 900;
        white-space: nowrap;
        color: #666;
        display: none;
    }

.latest-product .special-price .price-label {
    display: none;
}
/* Minimal price (as low as) */
.minimal-price {
    margin: 0;
}

    .minimal-price .price-label {
        white-space: nowrap;
    }

/* Special price */

/* Price range */
.price-from {
    margin: 0;
    font-size: 12px;
    margin-right: 10px;
    display: inline-block;
}

    .price-from .price-label {
        font-weight: normal;
        white-space: nowrap;
        color: #909090;
        font-size: 12px;
    }

.price-to {
    margin: 0;
    font-size: 12px;
    margin-left: 4px;
    display: inline-block;
}

    .price-to .price-label {
        font-weight: normal;
        white-space: nowrap;
        color: #909090;
    }
/* Minimal price (as low as) */
.minimal-price {
    margin: 0;
}

    .minimal-price .price-label {
        font-weight: normal;
        white-space: nowrap;
        color: #909090;
        font-size: 12px;
    }

.minimal-price-link .label {
    color: #909090;
    margin-left: 4px;
}

.minimal-price-link .price {
    font-weight: 900;
    color: #333;
    font-size: 12px;
}

small {
    font-size: 85%;
    font-weight: normal;
    text-transform: lowercase;
    color: #999999;
}

.actions button.button.btn-cart {
    background: #c13333;
    border: 1px solid #ddd;
    margin: 10px 8px 0 8px;
    padding: 7px 11px 7px 11px;
    color: #fff;
    line-height: 14px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.col-item:hover .actions button.button.btn-cart {
    background: #333;
    border: 1px solid #333;
    margin: 10px 8px 0 8px;
    padding: 7px 11px 7px 11px;
    color: #FFFFFF;
}

.actions button.button.btn-cart span {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    padding: 0px;
    font-weight: 600;
    margin-left: 0;
    color: #fff;
    text-transform: uppercase;
}

.promo-banner-section {
    margin: 45px auto;
    overflow: hidden;
}

    .promo-banner-section a {
        overflow: hidden;
        display: block;
    }

        .promo-banner-section a img {
            -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }

            .promo-banner-section a img:hover {
                -webkit-transform: scale(1.11);
                transform: scale(1.11);
                -moz-transform: scale(1.11);
            }

.small-pr-slider .controls .prev {
    top: 2px;
    right: 50px;
}

.small-pr-slider .controls .next {
    top: 2px;
    right: 15px;
}

.small-pr-slider .col-item .actions-links {
    bottom: 0px;
}

.small-pr-slider .col-item:hover .actions-links {
    bottom: 0px;
}

    .small-pr-slider .col-item:hover .actions-links .add-to-links a.magik-btn-quickview {
        right: 0%;
    }

.small-pr-slider .col-item .actions-links .add-to-links a.magik-btn-quickview {
    font-size: 12px;
    line-height: 20px;
}

.small-pr-slider .col-item .actions-links .add-to-links a.link-wishlist {
    font-size: 12px;
    line-height: 20px;
}

    .small-pr-slider .col-item .actions-links .add-to-links a.link-wishlist:hover {
        font-size: 12px;
        line-height: 20px;
    }

.small-pr-slider .col-item .actions-links .add-to-links a.link-compare {
    font-size: 12px;
    line-height: 20px;
}

    .small-pr-slider .col-item .actions-links .add-to-links a.link-compare:hover {
        font-size: 12px;
        line-height: 20px;
    }

.small-pr-slider .col-item:hover .actions-links .add-to-links a.link-wishlist {
    right: 0%;
}

.small-pr-slider .col-item:hover .actions-links .add-to-links a.link-compare {
    right: 15%;
}

.recommend {
    margin: 20px auto;
    position: relative;
}

    .recommend .controls .next {
        right: 0;
    }

    .recommend .controls .prev {
        right: 36px;
    }
/*------- 11. category-post -------*/
.latest-category img {
    width: 100%;
}

.latest-category {
    text-align: left;
    padding: 0px;
    margin: auto;
    padding-top: 0px;
    overflow: hidden;
    padding-bottom: 0px;
}

    .latest-category .category-title {
        color: #000000;
        height: 44px;
        margin: 0px 15px 20px;
        text-align: left;
        text-transform: none;
        border-bottom: 1px solid #e5e5e5;
    }

        .latest-category .category-title h2 {
            border-bottom: 3px solid #c13333;
            color: #333;
            display: inline-block;
            font-family: 'Open Sans', sans-serif;
            font-size: 20px;
            font-weight: 900;
            letter-spacing: normal;
            margin-top: 0;
            padding: 11px 15px 9px 2px;
            position: relative;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

    .latest-category h2 {
        margin: auto;
        text-align: center;
        font-family: "Open Sans", sans-serif;
        font-size: 22px;
        font-weight: 900;
    }

.post-date {
    margin: 8px 0px;
    color: #999;
}

    .post-date .icon-calendar {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
    }

.latest-category a {
    color: #c13333;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    text-align: center;
    text-transform: uppercase;
}

    .latest-category a:hover {
        color: #000;
        text-decoration: none;
    }

.category_post img {
    max-width: 100%;
    height: auto;
}

.category_post img {
    margin-bottom: 20px;
    width: 100%;
}

.category-img img {
    transition: all 0.4s ease-in-out 0.5s;
}

.category-img .mask {
    background-color: rgba(146, 96, 91, 0.5);
    opacity: 0;
    transition: all 0.3s ease-in 0.4s;
}

.category-img a.info {
    opacity: 0;
    transition: all 0.3s ease-in-out 0.1s;
    transform: translateY(90px);
}

.category-img:hover .mask {
    opacity: 1;
    transition-delay: 0s;
}

.category-img:hover a.info {
    opacity: 1;
    transform: translateY(90px);
    transition-delay: 0.3s;
}

.category-img .mask, .category-img .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    text-align: center;
}

.category-img a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #37a4d9;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

    .category-img a.info:hover {
        background: #222;
    }

.category-img {
    position: relative;
    padding: 8px;
}
/*----------12. To top ------- */
#toTop {
    color: #fff;
    text-align: center;
    bottom: 60px;
    display: none;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    width: 50px;
    background: url(../images/to-top-arrow.png) no-repeat center;
    background-color: #000;
    text-transform: uppercase;
    z-index: 100;
}

    #toTop:hover {
        color: #fff;
        background-color: #37a4d9;
    }
/*------- 13. Mob Menu ---------*/
div#mobile-menu ul.submenu {
    display: none;
}

#mobile-menu {
    display: none;
    width: 100%;
    text-align: left;
    float: left;
}

    #mobile-menu .toggle {
        float: left;
        width: 30px;
        height: 35px;
        cursor: pointer;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
        text-align: left;
        margin-left: 1px;
    }

        #mobile-menu .toggle:before {
            content: "\f0c9";
            font-family: FontAwesome;
            font-size: 24px;
            color: #fff;
            margin: 10px 0;
            line-height: 44px;
        }

    #mobile-menu .toggle1 {
        float: left;
        width: 30px;
        height: 35px;
        cursor: pointer;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
        text-align: left;
        margin-left: 1px;
    }

    #mobile-menu ul {
        margin: auto;
        padding: 0px;
        list-style: none;
    }

        #mobile-menu ul.navmenu ul.submenu {
            padding: 0;
            background: #fff;
            width: 100%;
            border: 1px solid #ddd;
            border-top: none;
        }

        #mobile-menu ul.navmenu .menutop {
            display: inline-block;
            overflow: hidden;
        }

            #mobile-menu ul.navmenu .menutop h2 {
                float: right;
                margin: 0;
                font-weight: 600;
                color: #fff;
                padding: 14px 0 12px;
                font-size: 14px;
                text-transform: uppercase;
                font-family: 'Open Sans', sans-serif;
            }

ul.topnav {
    padding: 0 5px;
    margin: 0;
    font-size: 1em;
    line-height: 0.5em;
    list-style: none;
}

    ul.topnav li {
        border-bottom: 1px solid #ddd;
        float: none;
        margin: 0 15px;
        position: relative;
    }

        ul.topnav li.last {
            position: relative;
            float: none;
            border-bottom: none;
        }

        ul.topnav li a {
            line-height: 10px;
            font-size: 13px;
            padding: 15px 0px;
            font-weight: normal;
            color: #333;
            display: block;
            text-decoration: none;
            font-family: 'Open Sans', sans-serif;
            width: 80%;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

            ul.topnav li a:hover {
                color: #000;
            }

        ul.topnav li .active a {
            background-color: #999;
            color: #000;
        }

    ul.topnav ul {
        margin: 0;
        padding: 0;
        display: none;
    }

        ul.topnav ul li {
            margin: 0;
            padding: 0;
            clear: both;
        }

            ul.topnav ul li a {
                padding-left: 10px;
                font-size: 13px;
                font-weight: normal;
                outline: 0;
                color: #666;
                text-transform: none;
                font-family: 'Open Sans', sans-serif;
                letter-spacing: normal;
            }

        ul.topnav ul ul li a {
            padding-left: 20px;
        }

    ul.topnav em {
        color: #666;
        cursor: pointer;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        padding: 6px 0 6px 6px;
        position: absolute;
        right: 0px;
        top: 10px;
        width: 16px;
        height: 25px;
    }

        ul.topnav em:hover {
            color: #000;
        }

.nav-container {
    height: 40px;
}
/*-------- 14. Products slider --------- */
.owl-item .item {
    margin: 0 30px;
}

.slider-items-products {
    position: relative;
}

    .slider-items-products .item {
        text-align: left;
    }

.owl-buttons {
    opacity: 1;
}

.slider-items-products .owl-buttons .owl-prev {
    position: absolute;
    right: 45px;
    top: -46px;
}

.slider-items-products .owl-buttons .owl-next {
    position: absolute;
    right: -2px;
    top: -46px;
}

.slider-items-products .owl-buttons .owl-prev a {
    /*background-position: 0 100%;
	left: 0;
	top: 50%;*/
    background-position: 0 100%;
    left: -1050px;
    top: 179px;
    float: left;
    position: absolute;
}

.slider-items-products .owl-buttons .owl-next a {
    background-position: 100% 100%;
    left: 0;
    top: 179px;
}

    .slider-items-products .owl-buttons .owl-next a:before {
        font-family: 'FontAwesome';
        font-style: normal;
        font-weight: normal;
        speak: none;
        content: "\f105";
        text-transform: none;
        font-size: 35px;
        padding: 6px 6px 6px 6px;
        line-height: 35px;
    }

.slider-items-products .owl-buttons .owl-prev a:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    content: "\f104";
    text-transform: none;
    font-size: 35px;
    padding: 6px 4px;
    line-height: 35px;
}

.slider-items-products .owl-buttons a {
    background: #fff;
    display: block;
    height: 40px;
    margin: -22px 0 0;
    position: absolute;
    top: 50%;
    width: 30px;
    z-index: 5;
    border: 1px solid #999;
    color: #000;
    opacity: 0.5;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

    .slider-items-products .owl-buttons a:hover {
        background: #c13333;
        color: #fff;
        border: 1px #c13333 solid;
    }

.product-flexslider {
    margin: 20px -10px;
}

.slider-items-products .owl-buttons a:hover {
    text-decoration: none;
    opacity: 1;
    color: #fff;
    background: #c13333;
}
/*---------	15. Breadcrumbs --------- */

.breadcrumbs {
    background: none repeat scroll 0 0 #fff;
    font-size: 12px;
    padding: 10px 0px;
}

    .breadcrumbs ul {
        margin: 0px 0px 0px 15px;
        padding: 0px;
    }

    .breadcrumbs li {
        display: inline;
    }

    .breadcrumbs a {
        color: #666;
    }

    .breadcrumbs strong {
        color: #333;
        font-weight: 900;
    }

    .breadcrumbs span {
        color: #25282a;
        display: inline-block;
        font-size: 13px;
        margin: 0 5px;
    }
/*------- 16. Sidebar ---------*/
.block {
    margin: 0 0 35px;
}

    .block .block-title {
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        margin: 0;
        padding: 9px 15px;
        text-align: center;
        text-transform: none;
        text-transform: uppercase;
        background-color: #999;
    }
    /*.block .block-title:before {
	content: "\f138";
	font-family: FontAwesome;
	font-size: 16px;
	display: inline-block;
	margin-right: 8px
}*/
    .block .block-content {
        border-top: medium none;
        font-size: 12px;
        margin-left: 10px;
        overflow: hidden;
        padding: 15px 0 15px 0;
    }

    .block .block-title strong {
        font-weight: bold;
    }

    .block .block-title a {
        text-decoration: none;
        color: #25282a;        
    }

    .block .block-content .item {
        padding: 5px 0;
    }

    .block .btn-remove, .block .btn-edit {
        float: right;
        margin-top: 6px;
    }

.sidebar .block .access .btn-remove {
    float: right;
    margin-top: -38px;
}

.block .actions {
    text-align: left;
    padding: 8px 0;
}

    .block .actions a {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
        font-weight: bold;
    }

.block .empty {
    color: #666666;
}

.side-nav-categories {
    background: #f5f5f5;
    margin-bottom: 35px;
}

    .side-nav-categories .block-title {
        color: #000;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        margin: 0;
        padding: 8px 10px;
        font-weight: bold;
        text-transform: uppercase;
        background: #fdd922;
    }

        .side-nav-categories .block-title:before {
            content: '\f0c9';
            font-family: FontAwesome;
            font-size: 14px;
            margin-right: 3px;
        }
/*	Category boxes */
.box-content.box-category li ul {
    display: block;
}

.box-category {
    padding: 8px 15px 0px;
}

    .box-category ul {
        list-style: none;
        margin: 0;
        padding: 0px 15px;
    }

    .box-category > ul > li {
        display: block;
        position: relative;
        box-shadow: 0 1px 0 #ddd, 0 2px 0 #FFFFFF;
        margin: 0;
    }

        .box-category > ul > li.last {
            display: block;
            position: relative;
            box-shadow: 0 0px 0 #dbebf9, 0 0px 0 #FFFFFF;
        }

        .box-category > ul > li:first-child {
            border-top: 0;
        }

.box-content.box-category li ul {
    display: none;
}

    .box-content.box-category li ul ul.level1 {
        display: none;
    }

.side-nav-categories ul li.active ul {
    display: block;
}


.box-category .subDropdown {
    top: 8px;
    right: 0px;
    position: absolute;
    cursor: pointer;
    width: 16px;
    height: 16px;
    padding: 2px;
}

    .box-category .subDropdown:hover {
        opacity: 0.9;
    }

    .box-category .subDropdown.plus {
        background-image: url("../images/plus.png");
    }

    .box-category .subDropdown.minus {
        background-image: url("../images/minus.png");
    }

.box-category ul li a {
    display: block;
    font-weight: normal;
    padding: 6px 0;
}

.box-category ul li.double a {
    display: inline-block;
    margin: 0;
}

.box-category ul li {
    position: relative;
}

.box-category > ul > li > a {
    color: #222;
    text-transform: none;
    display: block;
    font-size: 13px;
}

.box-category > ul > li ul {
    display: none;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}

.box-category > ul > li > ul li {
    padding: 0px;
}

.box-category > ul > li a.active {
    font-weight: normal;
}

.box-category > ul > li > a.active {
    color: #333333;
    font-weight: 900;
    margin-bottom: 0;
}

.box-category > ul > li a.active + ul {
    display: block;
}

.box-category a:hover {
    text-decoration: none;
    color: #000;
}

.box-category > ul > li ul > li > a {
    border-bottom: 0 solid #EAEAEA;
    font-size: 12px;
    margin: 0;
    padding: 3px 16px 3px 12px;
    text-decoration: none;
    color: #666666;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

    .box-category > ul > li ul > li > a:before {
        content: '\f105';
        font-family: FontAwesome;
        font-size: 12px;
        padding-right: 6px;
        color: #25282a;
    }

.box-category > ul > li ul > li ul > li a {
    text-decoration: none;
    font-size: 13px;
    margin: 4px 8px;
    padding: 0px 16px;
    border-bottom: 0px solid #EAEAEA;
}

    .box-category > ul > li ul > li ul > li a:hover {
        color: #000;
    }

.box-category > ul > li ul > li > a:hover {
    color: #000;
}
/* Sidebar, Block */

/*Left Navigation*/
.side-nav-categories ul li {
    padding: 2px 0px;
}

    .side-nav-categories ul li a {
        display: inline-block;
        position: relative;
    }

.side-nav-categories ul#magicat ul li a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    line-height: 17px;
    margin-right: 5px;
    top: 6px;
}

.side-nav-categories ul#magicat ul li a {
    color: #666;
}

.side-nav-categories ul#magicat ul li a {
    padding-left: 12px;
}

.side-nav-categories, .side-nav-categories .block {
    display: inline-block;
    width: 100%;
}

ul#magicat li, ul.listStyle li {
    cursor: pointer;
    display: block;
    float: left;
    list-style-type: none;
    margin: 0 0 1px 0;
    padding-left: 0px;
    position: relative;
    width: 100% !important;
}

    ul#magicat li.level0 span.magicat-cat, ul.listStyle li span {
        text-align: left;
        display: inline-block;
        padding: 5px 0;
        width: 100%;
    }

    ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {
        display: inline-block;
        height: 30px;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
    }

.block-layered-nav dt .toggleBtn {
    cursor: pointer;
}

    ul#magicat li.active > .open-close, .block-layered-nav dt .toggleBtn.highlight {
        background-position: 2px -28px;
    }

ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 30px;
}

ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {
    background: url("../images/leftNav.png") no-repeat scroll 2px 3px;
}

.sidebar-left {
    margin-left: 0;
}

.bv3 .sidebar-right, .bv3 .sidebar-left {
    padding-left: 15px;
}

.sidebar ol, .sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar .block-content li {
    padding: 3px 5px 3px 10px;
}

.sidebar .block-venedor-ads .block-content li {
    padding: 0;
}

.sidebar .block dt {
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

.sidebar .block dd {
    border-bottom: 0 solid #CCCCCC;
    margin: 0;
    padding: 0 5px;
}

.sidebar address {
    margin: 0;
    padding: 0;
    color: #333;
    text-align: left;
    border-bottom: none;
    line-height: 21px;
}

.block .slider-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-layered-nav .block-subtitle {
    font-size: 13px;
}

.block-layered-nav dt {
    font-size: 16px;
}

.block-layered-nav .currently ol {
    margin: 0;
    padding: 10px 15px;
}

.block-layered-nav .currently span.value {
    font-weight: bold;
}

.block-layered-nav li {
    padding: 5px 0;
}

.block-layered-nav .label {
    margin-right: 5px;
}

.block-layered-nav .button-arrow {
    width: 25px;
    height: 25px;
    padding: 0;
    margin-top: -2px;
    position: absolute;
    right: 15px;
}

#narrow-by-list2 dd {
    display: block;
}
/* Sidebar, Block, Data Table */
.sidebar {
    font-size: 14px;
}

    .sidebar .block-layered-nav .price {
        font-size: 13px;
        font-weight: normal;
    }

.block-layered-nav .block-subtitle, .block-layered-nav dt {
    color: #565656;
    font-weight: 900;
    padding-bottom: 10px;
}

.block-layered-nav .currently ol {
    border: 1px solid #ececec;
    background-color: #f4f4f4;
    border-radius: 3px;
}

.sidebar a, .sidebar .block-layered-nav .price .sub {
    color: #222;
    font-size: 12px;
}

.sidebar .block-layered-nav .price {
    color: #666;
}

.sidebar .link-cart, .sidebar .link-reorder, .block .actions a {
    color: #CA0000;
    font-weight: bold;
    font-size: 12px;
}

.sidebar .link-compare, .sidebar .link-wishlist {
    color: #aaa;
    font-size: 12px;
}

.block-tags .actions a.view-all {
    text-transform: uppercase;
    color: #333;
    font-weight: 900;
}

    .block-tags .actions a.view-all:hover {
        color: #37a4d9;
    }

.sidebar .link-cart:hover, .sidebar .link-wishlist:hover, .sidebar .link-reorder:hover, .sidebar .link-compare:hover, .sidebar .link-cart:focus, .sidebar .link-wishlist:focus, .sidebar .link-reorder:focus, .sidebar .link-compare:focus, .block .actions a:hover, .block .actions a:focus {
    color: #333;
}

.sidebar .block dl {
    border-bottom: 0px solid #ccc;
    margin: 0;
}

.block .block-content .price {
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
}
/* Block: Account */

.block-account .block-title {
    padding-left: 10px;
    background-color: #fff;
    color: #25282a;
    border-bottom: 1px solid #E5E5E5;
    text-align: left;
}

.block .block-account {
    background-color: #25282a;
    border-color: #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

    .block-account .block-content {
        padding: 0 10px;
    }

        .block-account .block-content ul {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .block-account .block-content li {
            padding: 10px 0px;
            border-bottom: 1px #e5e5e5 solid;
        }

            .block-account .block-content li:first-child {
                border-top: none;
            }

            .block-account .block-content li:before {
                content: "\f105";
                font-family: FontAwesome;
                font-size: 10px;
                display: inline-block;
                position: absolute;
                cursor: pointer;
                line-height: 16px;
                color: #333;
            }

.sidebar .block-content li.last {
    border-bottom: none;
}

.block-account {
    background-color: #fff;
}
    .block-account .block-content li a {
        cursor: pointer;
        padding: 0 12px;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
        color: #25282a;
    }

    .block-account .block-content li a:hover {
        cursor: pointer;
        padding: 0 12px;
        color: #000;
        border-bottom: 3px solid #c13333;
    }

.sidebar .block-content li.current {
    font-weight: 900;
    color: #333;
}
/* Block: Currency Switcher */
.block-currency select {
    width: 100%;
    margin-right: 8px;
}
/* Block: Layered Navigation */
.block-layered-nav {
    background-color: #FFFFFF;
    border: 1px solid #f1f1f1;
}

    .block-layered-nav dt {
        font-weight: bold;
        overflow: hidden;
        padding: 8px 0 5px;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .block-layered-nav dd {
        margin: 0;
        padding: 0;
    }

        .block-layered-nav dd ol {
            position: relative;
        }

            .block-layered-nav dd ol li:before {
                content: '\f105';
                font-family: FontAwesome;
                font-size: 12px;
                padding-right: 6px;
                color: #25282a;
            }

    .block-layered-nav .btn-remove {
        float: right;
    }

.block-list .price {
    color: inherit;
    font-size: 12px;
}
/* Block: Cart */
.block-cart {
    padding: 0px;
    overflow: hidden;
}

    .block-cart .amount {
        margin-bottom: 5px;
    }

    .block-cart .actions .paypal-logo {
        float: left;
        width: 100%;
        margin: 3px 0 0;
        text-align: right;
    }

        .block-cart .actions .paypal-logo .paypal-or {
            clear: both;
            display: block;
            padding: 0 55px 5px 0;
        }

    .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small {
        word-wrap: break-word;
    }

    .block-cart .mini-products-list .product-details .nobr {
        white-space: normal;
    }

    .block-cart .summary {
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 1;
    }

    .block-cart .subtotal {
        margin: 0;
        padding: 0;
        text-align: left;
        margin-bottom: 8px;
    }

    .block-cart .block-content .summary .subtotal .label {
        background: none repeat scroll 0 0 transparent;
        border-radius: 0 0 0 0;
        box-shadow: none;
        font-weight: normal;
        padding: 2px 0;
        text-shadow: none;
        color: #333;
        font-size: 12px;
    }

    .block-cart .subtotal .price {
        font-size: 12px;
        font-weight: bold;
    }

.ajax-checkout {
    border: 0 none;
    margin: 0;
    padding: 5px 0 5px;
    text-align: left;
    margin-bottom: 0px;
}

    .ajax-checkout a {
        border: 0px #dc436b solid;
        background: #323C46;
        text-shadow: 0 1px 0 #333;
        border-radius: 2px;
        color: #FFFFFF;
        font-size: 11px;
        padding: 8px 12px;
        text-transform: uppercase;
    }

        .ajax-checkout a:hover {
            border: 0px #111 solid;
            background: #222;
            padding: 6px 10px;
            text-shadow: 0 1px 0 #000;
            border-radius: 2px;
            color: #FFFFFF;
            font-size: 11px;
            cursor: pointer;
        }

.sidebar .block-cart .block-subtitle {
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    margin: 8px 0 8px;
    font-weight: 900;
    font-size: 13px;
}

.col-left .block-cart .block-content ul li .product-details {
    float: right;
    width: 65%;
}

.col-left .block-cart ul li.item {
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 10px;
    padding-bottom: 12px;
}

    .col-left .block-cart ul li.item.last {
        border-bottom: none;
        margin-bottom: 5px;
        padding-bottom: 0px;
    }

.col-left .block-cart .block-content ul li a.product-image img {
    border: 1px solid #ECECEC;
}

.col-left .block-cart .block-content ul li .product-name {
    margin: 0 0 2px;
    font-size: 12px;
}

.col-right .block-cart .block-content ul li .product-details {
    float: right;
    width: 172px;
}

.col-right .block-cart ul li.item {
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 5px;
    padding-bottom: 8px;
}

    .col-right .block-cart ul li.item.last {
        border-bottom: none;
        margin-bottom: 5px;
        padding-bottom: 0px;
    }


.col-right .block-cart .block-content ul li a.product-image img {
    border: 1px #ddd solid;
}

.col-right .block-cart .block-content ul li .product-name {
    margin: 0 0 2px;
    font-size: 12px;
}

.price, .breadcrumbs li strong, .product-details span.price, #recently-viewed-items .price-box .special-price .price, #recently-viewed-items .price-box .regular-price .price, .availability.out-of-stock span {
    color: #C13333;
    font-weight: 600;
}

.btn-remove1 {
    background-image: url(../images/btn_remove.png);
    margin: 0px 0 0 18px;
}

    .btn-remove1:hover, .btn-remove1:focus {
        background-position: 0 -12px;
    }

.btn-remove1 {
    display: block;
    width: 15px;
    height: 13px;
    font-size: 0;
    line-height: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -999em;
    overflow: hidden;
    position: absolute;
    right: -3px;
    top: 0;
    border-radius: 2px;
}

.block .btn-remove1 {
    float: right;
    margin-top: 6px;
}

.sidebar .block .access .btn-remove1 {
    position: relative;
    right: 0;
    top: -28px;
}

.sidebar a:hover {
    text-decoration: none;
}
/* Block: Wishlist */

/* Block: Related */

.related-slider {
    float: left;
    margin: auto;
    width: 100%;
    margin-bottom: 15px;
}

    .related-slider h2 {
        color: #333;
        font-size: 20px;
        margin: 0px 0 20px;
        text-align: left;
        text-shadow: 0 1px 0 #fff;
    }


.block-related .block-content {
    padding: 0px 0 10px 0;
    border: 1px solid #ECECEC;
    border-top: none;
    overflow: hidden;
}

.block-related ul {
    margin: 0;
    padding: 0;
}

.block-related li {
    padding: 5px 0;
}

.block-related input.checkbox {
    position: absolute;
    left: 85px;
    top: 12px;
    z-index: 10;
}

.block-related .product {
    margin-left: 20px;
}

    .block-related .product .product-image {
        float: left;
        margin-right: -65px;
    }

    .block-related .product .product-details {
        margin-left: 65px;
    }

.block-related .mini-products-list .product-details {
    margin-left: 125px;
    text-align: left;
}

    .block-related .mini-products-list .product-details .product-name {
        text-align: left;
    }

.block-related .mini-products-list .product-image {
    width: 100px;
    margin: 0;
    padding: 0 10px;
}

.block-related .block-subtitle {
    padding: 10px 10px 0 10px;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
}

.block-related .price-box .old-price .price {
    font-size: 15px;
}

.block-related a.link-cart {
    text-transform: uppercase;
    font-size: 12px;
    color: #23AEAC;
    font-weight: bold;
}

    .block-related a.link-cart:hover {
        text-transform: uppercase;
        font-size: 12px;
        color: #CA0000;
        font-weight: bold;
    }
/* Block: Compare Products */
.block-compare {
    background-color: #fff;
    padding: 0px;
}

    .block-compare li {
        padding: 5px 0;
    }

    .block-compare .block-content ol, .block-compare .block-content ul {
        margin: 0;
    }

ol#compare-items li a.product-name {
    font-size: 12px;
    padding: 0 5px;
    margin: 0;
    font-weight: normal;
    color: #333;
    line-height: 20px;
    text-transform: none;
    display: inline-block;
    width: 90%;
}

    ol#compare-items li a.product-name span {
        margin-right: 3px;
        font-size: 20px;
        font-weight: 400;
        color: #777;
        line-height: 15px;
        margin-bottom: 6px;
    }

    ol#compare-items li a.product-name:hover {
        font-size: 12px;
        color: #000;
    }

ol#compare-items li {
    margin: 0;
    padding: 0 0 10px;
    position: relative;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 10px;
    background: none;
}

    ol#compare-items li:before {
        content: '\f105';
        font-family: FontAwesome;
        font-size: 12px;
        padding-right: 6px;
        color: #25282a;
        display: inline-block;
        vertical-align: top;
    }

    ol#compare-items li.last {
        border-bottom: none;
        margin-bottom: 0;
    }
/* Block: Recently Viewed */
.block-viewed .block-content {
    background-color: #fff;
    padding: 5px 12px 0px;
}

.block-viewed li {
    padding: 3px 0px;
    list-style: none;
}

    .block-viewed li.last {
        padding: 0px;
        border-bottom: 0px #eaeaea solid;
        list-style: none;
    }

.block-viewed .block-content li a {
    padding: 0 15px;
    color: #666;
}

    .block-viewed .block-content li a:hover {
        font-size: 13px;
        color: #000;
    }

.block-viewed li span {
    color: #777777;
    float: left;
    font-size: 20px;
    font-weight: normal;
    line-height: 15px;
    margin-bottom: 8px;
    margin-right: 3px;
}

.block-viewed li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 6px;
    color: #25282a;
    vertical-align: top;
}

.block-compared li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 6px;
    color: #25282a;
    vertical-align: top;
}

.sidebar ol, .sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0;
}

#recently-viewed-items .product-name {
    text-align: left;
    margin: 0;
    text-transform: none;
    width: 93%;
    display: inline-block;
}

    #recently-viewed-items .product-name a {
        color: #333;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        padding: 0 0px;
    }

        #recently-viewed-items .product-name a:hover {
            color: #000;
            font-size: 12px;
            font-weight: normal;
            text-decoration: none;
        }
/* Block: Recently Compared */
.block-compared .block-content {
    background-color: #fff;
    padding: 5px 12px 12px;
}

.block-compared li {
    padding: 3px 0px;
    list-style: none;
}

    .block-compared li.last {
        padding: 0px;
        border-bottom: 0px #eaeaea solid;
        list-style: none;
    }

.block-compared .block-content li a {
    padding: 0 15px;
    color: #666;
}

    .block-compared .block-content li a:hover {
        font-size: 13px;
        color: #000;
    }

.block-compared li span {
    color: #777777;
    float: left;
    font-size: 20px;
    font-weight: normal;
    line-height: 15px;
    margin-bottom: 8px;
    margin-right: 3px;
}

.block-compared li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 6px;
    color: #25282a;
    vertical-align: top;
}

#recently-compared-items .product-name {
    text-align: left;
    margin: 0;
    text-transform: none;
    width: 225px;
    display: inline-block;
}

    #recently-compared-items .product-name a {
        color: #333;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        padding: 0 0px;
    }

        #recently-compared-items .product-name a:hover {
            color: #000;
            font-size: 12px;
            font-weight: normal;
            text-decoration: none;
        }
/* Block: Poll */
.block-poll {
    background-color: #fff;
    padding: 0px;
}

    .block-poll label {
        margin-bottom: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
        color: #333;
        font-weight: normal;
    }

    .block-poll .block-subtitle {
        color: #222;
        font-weight: 900;
        font-size: 12px;
    }

    .block-poll input.radio {
        float: left;
        margin: -2px -18px 0 0;
    }

    .block-poll .label {
        display: block;
        margin-left: 18px;
        text-align: left;
        padding: 0.1em 0.3em 0.1em;
    }

.sidebar .block-poll li {
    padding: 5px 0px;
    background: none;
}

.block-poll .actions {
    margin: 5px 0 0 0px;
    padding: 0;
}

.block-poll .answer {
    font-weight: bold;
}

.block-poll .votes {
    float: right;
    margin-left: 10px;
}
/* Block: Tags */
.block-tags {
    background-color: #fff;
    padding: 0px;
}

    .block-tags .block-content {
        overflow: hidden;
    }

    .block-tags ul, .block-tags li {
        padding: 0;
        background: none;
        border: none;
    }

    .block-tags .actions {
        border: 0 none;
        margin-top: 10px;
        padding: 0px;
        text-align: left;
    }
/* Block: Subscribe */
.block-subscribe {
    padding: 0px;
}

    .block-subscribe .input-text {
        width: 90%;
        background: #f0f0f0;
        border: 1px solid #f0f0f0;
        color: #AAAAAA;
        padding: 10px 7px;
        font-size: 13px;
    }

.form-subscribe-header {
    font-size: 12px;
    margin-bottom: 5px;
    color: #222;
}
/* Block: Recently Viewed */
.block-company {
    background-color: #f8f8f8;
}

    .block-company .block-title {
        padding-left: 10px;
        background-color: #37a4d9;
        color: #fff;
        border: none;
    }

    .block-company .block-content {
        padding: 0 10px;
    }

    .block-company ol {
        margin: 5px 0;
    }

.sidebar .block-company li {
    padding: 10px 0px !important;
    list-style: none;
    border-bottom: 1px #ddd solid;
    border-top: 1px #fff solid;
}

.block-company li:first-child {
    border-top: none;
}

.block-company li a {
    padding: 0 5px;
    text-decoration: none;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

    .block-company li a:hover {
        padding: 0 5px;
        color: #000;
    }

.block-company li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 6px;
    color: #25282a;
    display: inline-block;
    vertical-align: top;
}

.block-company li.last {
    padding: 10px 0px;
    border-bottom: 0px #eaeaea solid;
    list-style: none;
}

.block-company li span {
    float: left;
    margin-right: 5px;
    font-size: 16px;
    color: #aaa;
    line-height: 16px;
}

.block-company li strong {
    color: #333;
    font-weight: 900;
    padding: 0 5px;
}
/* Block: Reorder */
.block-reorder li {
    padding: 5px 0;
}

.block-reorder input.checkbox {
    float: left;
    margin: 3px -20px 0 0;
}

.block-reorder .product-name {
    margin-left: 20px;
}
/* Block: Banner */
.block-banner {
    position: relative;
    overflow: hidden;
}

    .block-banner .block-content {
        text-align: center;
    }

    .block-banner img {
        width: 100%;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
    }

        .block-banner img:hover {
            -webkit-transform: scale(1.11);
            transform: scale(1.11);
            -moz-transform: scale(1.11);
        }
/* Block: Price */
.block-price {
    background-color: #fff;
    padding: 0px;
}

    .block-price .block-content {
        margin: 15px 0;
    }

/* All Buttons Icons */

.returns:before {
    content: "\f021";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

.button-subscribe:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
}

.button-checkout:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
}

.button-compare {
    float: left;
    margin-right: 8px;
}

    .button-compare:before {
        content: "\f074";
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 5px;
    }

.button-clear:before {
    content: "\f12d";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
}

.button-vote:before {
    content: "\f164";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
}

.btn-remove {
    display: block;
    width: 12px;
    height: 12px;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
}
/*.btn-edit {
	display: block;
	width: 11px;
	height: 11px;
	font-size: 0;
	line-height: 0;
	text-indent: -999em;
	color: #666;
}
.btn-edit:before {
	content: "\f040";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 5px;
}
.btn-edit:hover {
	color: #37a4d9;
}*/
button.button.continue:before {
    content: "\f061";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.btn-share:before {
    content: "\f004";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.btn-add:before {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.btn-edit:before {
    content: "\f040";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button:disabled {
    cursor: not-allowed;
    background-color: #d9534f;
    border: none;
}

button.button.btn-update:before {
    content: "\f021";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.login:before {
    content: '\f13e';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.btn-continue:before {
    content: "\f055";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button#empty_cart_button:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.coupon:before {
    content: "\f02b";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.get-quote:before {
    content: "\f15c";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.new-address:before {
    content: "\f015";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.create-account:before {
    content: "\f007";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.submit:before {
    content: "\f04b";
    font-family: FontAwesome;
    font-size: 11px;
    padding-right: 8px;
}

button.button.view-all:before {
    content: "\f06e";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 8px;
}

.edit-bnt:before {
    content: "\f040";
    font-family: FontAwesome;
    font-size: 12px;
}

.edit-bnt {
    padding: 0px;
    color: #222;
    transition: all 0.3s linear;
}

    .edit-bnt:hover {
        font-size: 12px;
        padding: 0px;
        color: #37a4d9;
    }

    .edit-bnt span {
        display: none;
    }

#shopping-cart-table .edit-bnt {
    float: left;
}

.button {
    font-family: 'Open Sans', sans-serif;
    border: 1px #ddd solid;
    background: #c13333;
    padding: 10px 15px;
    color: #fff;
    margin-top: 1%;
}

    .button:hover {
        border: 1px solid #333;
        background: #333;
        padding: 10px 15px;
        color: #FFF;
        margin-top: 1%;
    }

button.button span {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
}



@media only screen and (min-width:270px ) and (max-width: 373px) {
    .button {
        font-family: 'Open Sans', sans-serif;
        border: 1px #ddd solid;
        background: #c13333;
        padding: 10px 15px;
        color: #fff;
        margin-top: 0em;
    }

        .button:hover {
            border: 1px solid #333;
            background: #333;
            padding: 10px 15px;
            color: #FFF;
            margin-top: 0em;
        }

    .label1 .col-xs-12 {
        padding-left: 28%;
        top: 0em;
    }
}

@media only screen and (min-width:373px ) and (max-width: 647px) {
    .button {
        font-family: 'Open Sans', sans-serif;
        border: 1px #ddd solid;
        background: #c13333;
        padding: 10px 15px;
        color: #fff;
        margin-top: 3.3em;
    }

        .button:hover {
            border: 1px solid #333;
            background: #333;
            padding: 10px 15px;
            color: #FFF;
            margin-top: 3.3em;
        }

    .label1 .col-xs-12 {
        padding-left: 28%;
        top: 0em;
    }
}

@media only screen and (min-width:648px ) and (max-width: 769px) {
    .button {
        font-family: 'Open Sans', sans-serif;
        border: 1px #ddd solid;
        background: #c13333;
        padding: 10px 15px;
        color: #fff;
        margin-top: 3.3em;
    }

        .button:hover {
            border: 1px solid #333;
            background: #333;
            padding: 10px 15px;
            color: #FFF;
            margin-top: 3.3em;
        }

    .label1 .col-xs-12 {
        padding-left: 28%;
        top: 0em;
    }
}
/* Right column */

/*--------- 17. Category Description ----------*/
.category-description.std {
    margin-bottom: 12px;
}

.cat-img-title {
    display: block;
    position: absolute;
    bottom: 0;
    width: 80%;
    margin: 6%;
    padding: 0;
    top: 66%;
    height: 30%;
}

    .cat-img-title.cat-box {
        margin: 0;
        width: 50%;
        left: 10%;
        top: 30%;
    }

    .cat-img-title.cat-bg .cat-heading, .cat-img-title.cat-bg p {
        color: #FFFFFF;
    }

    .cat-img-title .cat-heading {
        font-size: 26px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 900;
    }

    .cat-img-title p {
        font-size: 14px;
    }

    .cat-img-title .cat-heading, .cat-img-title p {
        transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
        margin-bottom: 5px;
    }

    .cat-img-title p {
        clear: left;
        font-size: 12px;
        line-height: 1em;
        margin-bottom: 1px;
        padding: 0.25em 0.5em;
    }

.category-description .slider-items-products .owl-buttons .owl-next {
    position: absolute;
    right: 12px;
    top: 48%;
}

    .category-description .slider-items-products .owl-buttons .owl-next a:before {
        font-size: 24px;
    }

.category-description .slider-items-products .owl-buttons .owl-prev a:before {
    font-size: 24px;
}

.category-description .slider-items-products .owl-buttons .owl-prev {
    left: 12px;
    position: absolute;
    top: 48%;
    background: none;
}

.category-description .owl-item .item {
    margin: auto;
}

.category-description .product-flexslider {
    margin: 0px;
}

.f-right, .right {
    float: right !important;
}

.category-description .owl-item .item img {
    width: 100%;
}

.category-image img {
    width: 100%;
}
/* Page Heading */
.page-title {
    padding: 0px 0px 10px 0px;
    margin: 0 0 0px 0px;
    overflow: hidden;
}

.col2-right-layout .col-main .page-title {
    padding: 0px 0px 4px 0px;
    margin: 0 0 10px;
}

.page-title h1, .page-title h2 {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 22px;
    font-weight: 900;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.blog-title {
    padding: 0px 0px 10px 0px;
    margin: 0 0 0px 0px;
    overflow: hidden;
    border-bottom: #ddd double;
}

    .blog-title h1 {
        color: #000;
        font-family: 'Open Sans', sans-serif;
        font-size: 22px;
        margin: 0;
        padding: 0;
        font-weight: 900;
        text-transform: uppercase;
    }
/* Pager */
.pager {
    margin: 0;
    text-align: center;
    padding: 0;
}

    .pager .amount {
        float: left;
    }

    .pager .limiter label {
        float: left;
        font-size: 12px;
        padding: 6px 0;
        margin-right: 10px;
    }

    .pager .pages {
        margin: 0 0;
    }

.pages .pagination {
    margin: auto;
}

.pager .pages li {
    display: inline-block;
}

    .pager .pages li a {
        box-shadow: none;
        border: 1px solid #F3F3F3;
        padding: 5px 10px;
        border-radius: 0px;
        color: #333;
    }

.pages .pagination > .active > a, .pages .pagination > .active > span, .pages .pagination > .active > a:hover, .pages .pagination > .active > span:hover, .pages .pagination > .active > a:focus, .pages .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #37a4d9;
    border-color: #37a4d9;
}
/* Sorter */
.sorter {
    padding: 0;
    margin: 0;
}

    .sorter .actions {
        float: left;
    }

    .sorter .view-mode {
        float: left;
        margin-top: 6px;
        margin-right: 20px;
        margin-left: 0px;
    }

    .sorter .sort-by {
        float: left;
        margin-top: 6px;
    }
/* Toolbar */

.toolbar {
    clear: both;
    margin-top: 0px;
    padding: 15px 0 0 0px;
    display: inline-block;
    width: 100%;
}

    .toolbar .sorter {
        float: left;
    }

.toolbar-bottom {
    margin-top: 0;
}

.toolbar .pager .pages ol {
    float: none;
}

#sort-by .button-asc {
    background-color: #f8f8f8;
    box-shadow: none;
    float: right;
    height: 30px;
    line-height: 28px;
    margin-left: 5px;
    text-align: center;
    width: 30px;
}

#sort-by .button-desc {
    background-color: #f8f8f8;
    box-shadow: none;
    float: right;
    height: 30px;
    line-height: 28px;
    margin-left: 5px;
    text-align: center;
    width: 30px;
}

#sort-by {
    float: right;
    font-size: 12px;
}

    #sort-by ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #sort-by a:link, #sort-by a:visited {
        color: #333;
        text-decoration: none;
    }

    #sort-by li {
        background: none repeat scroll 0 0 #fff;
        cursor: pointer;
        margin: 0 auto;
        outline: medium none;
        padding: 5px 10px;
        position: relative;
        width: 80px;
        float: left;
        color: #333;
        border: 1px solid #F3F3F3;
    }

        #sort-by li li {
            width: 80px;
            margin-top: 0px;
            border-top: none;
            border-right: none;
            border-left: none;
        }

            #sort-by li li a:hover {
                color: #37a4d9;
            }

        #sort-by li:hover {
            background-color: #fff;
        }

        #sort-by li li:hover {
            background-color: #fff;
            color: #37a4d9;
        }

    #sort-by ul ul {
        position: absolute;
        visibility: hidden;
        left: -1px;
        top: 27px;
        background: none repeat scroll 0 0 #F8F8F8;
        z-index: 10000;
        border-top: none;
        border: 1px #F0F0F0 solid;
    }

        #sort-by ul ul ul {
            position: absolute;
            left: 100%;
            top: -2px;
            border: solid 1px transparent;
        }

    #sort-by li:hover > ul {
        visibility: visible;
    }

a.button-asc.left span {
    color: #999;
    font-size: 11px;
}

.right-arrow {
    float: right;
}

    .right-arrow:after {
        content: "\f107";
        font-family: 'FontAwesome';
        color: #666;
        font-size: 12px;
    }

#limiter {
    float: right;
    font-size: 12px;
    margin-top: 0px;
}

    #limiter ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #limiter a:link, #limiter a:visited {
        text-decoration: none;
        background-color: #fff;
        border: 0px solid #ddd;
        border-radius: 0px;
        display: inline-block;
        padding: 0px;
    }

    #limiter li {
        background: none repeat scroll 0 0 #fff;
        cursor: pointer;
        margin: 0 auto;
        outline: medium none;
        padding: 5px 0px 5px 10px;
        position: relative;
        width: 50px;
        float: left;
        color: #333;
        text-align: left;
        border: 1px solid #F3F3F3;
    }

    #limiter .right-arrow {
        float: right;
        margin-left: 6px;
    }

    #limiter li li {
        width: 50px;
        border-top: 0px #F0F0F0 solid;
    }

        #limiter li li a:hover {
            color: #37a4d9;
        }

    #limiter li:hover {
        color: #fff;
    }

    #limiter ul ul {
        position: absolute;
        visibility: hidden;
        left: -1px;
        top: 27px;
        background: none repeat scroll 0 0 #fff;
        z-index: 10000;
        color: #000;
        border-top: none;
        border: 0px #F0F0F0 solid;
    }

        #limiter ul ul ul {
            position: absolute;
            left: 100%;
            top: -2px;
            border: solid 1px transparent;
        }

    #limiter li:hover > ul {
        visibility: visible;
    }
/* Category Toolbar, Pager */
.toolbar .button-list {
    background: url(../images/icon_list.png) no-repeat 10px 7px;
    text-transform: none;
    padding: 5px 8px 5px 30px;
    color: #333;
    border: 1px #f3f3f3 solid;
}

.toolbar a.button-grid {
    border: 1px #f3f3f3 solid;
    background: url(../images/icon_grid.png) no-repeat 10px 7px;
    background-color: #fff;
    color: #333;
    padding: 5px 8px 5px 30px;
}

.toolbar span.button-active.button-grid {
    background: url(../images/icon_grid_act.png) no-repeat 10px 7px;
    background-color: #37a4d9;
    color: #fff;
    padding: 5px 8px 5px 30px;
    margin-right: 5px;
    border: 1px #37a4d9 solid;
}

.toolbar span.button-active.button-list {
    background: url(../images/icon_list_act.png) no-repeat 10px 7px;
    background-color: #37a4d9;
    color: #fff;
    padding: 5px 8px 5px 30px;
}

.toolbar .pager {
    text-align: left;
    margin: 0 10px 0 0;
    padding: 0;
    float: right;
    width: 45%;
}

.pager .amount, .sorter .amount {
    padding-left: 10px;
    margin-top: 4px;
    display: inline-block;
}

.toolbar .pager .limiter {
    margin-top: 2px;
    float: left;
}

.toolbar-bottom .pager .limiter {
    position: static;
}

.pager .button {
    padding: 4px 5px;
    background-color: #fff;
}

    .pager .button :hover {
        padding: 4px 5px;
        background-color: #fff;
    }

.toolbar .actions {
    margin-right: 30px;
}

.pager .limiter label, .toolbar label {
    float: left;
    margin-right: 10px;
    padding: 5px 0;
    font-size: 12px;
    font-weight: normal;
}

.toolbar .sorter .sort-by {
    margin-right: 30px;
}

.pager .amount {
    margin-right: 20px;
}
/*--------- 18. View Type: Grid -------- */

.products-grid, .products-list, ul.products-grid, ul.products-list, ol.products-grid, ol.products-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    .products-grid li.item {
        margin-bottom: 15px;
        margin-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }

.col-main .category-products .products-grid {
}

.category-products .products-grid .col-item:hover .actions-links {
    height: 35px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 58%;
    width: 100%;
    opacity: 0.9;
    z-index: 10000;
}
/*--------- 19. View Type: List -------- */
.products-list .product-name {
    text-align: left;
    margin: 0px 0 5px;
    display: inline-flex;
}

    .products-list .product-name a {
        font-size: 15px;
        color: #000;
        font-weight: normal;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
    }

        .products-list .product-name a:hover {
            text-decoration: none;
        }

.products-list li {
    border-bottom: 3px double #efefef;
    margin: 15px 0 20px;
    overflow: hidden;
    padding: 0 0 20px;
}


.products-list .item a:hover {
    color: #000;
    transition: all 0.3s linear;
}

.separator {
    border-bottom: 1px solid #e6e2e7;
    margin-top: 10px;
    margin-bottom: 10px;
}

.products-list .item h3 {
    font-weight: normal;
    color: #353535;
    padding-bottom: 2px;
}

    .products-list .item h3 a {
        font-weight: normal;
        font-size: 12px;
        color: #407CBF;
        text-decoration: none;
    }

        .products-list .item h3 a:hover {
            font-weight: normal;
            font-size: 12px;
            color: #333;
            text-decoration: underline;
        }

ol.products-list {
    padding: 0;
    margin: 0;
    float: left;
}

.products-list li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

li .list {
    border-bottom: none;
}

.products-list .product-image {
    width: 30%;
    display: inline-block;
}

.products-list .product-shop {
    width: 68%;
    text-align: left;
    margin-left: 15px;
    display: inline-block;
    float: right;
}

    .products-list .product-shop .desc {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 15px;
        margin-top: 5px;
        color: #666;
    }

    .products-list .product-shop p {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #666;
        line-height: 1.5em;
    }

        .products-list .product-shop p.old-price {
            margin-right: 4px;
        }

    .products-list .product-shop .price-box {
        margin: 10px 0;
    }

.products-list .desc .link-learn {
    font-size: 13px;
    font-weight: normal;
    margin-top: 5px;
}

.products-list .add-to-links {
    padding-left: 5px;
}

    .products-list .add-to-links a span {
        display: none;
    }

.link-wishlist, .link-compare {
    color: #666;
    text-shadow: none;
    border: none;
    box-shadow: none;
}

    .link-wishlist:hover, .link-compare:hover {
        color: #666;
        text-shadow: none;
        border: none;
        box-shadow: none;
        background: none;
        padding: 0;
    }

.link-wishlist, .link-compare, .link-friend, .link-edit {
    padding: 0;
    background: none;
}

.products-list .actions .add-to-links a.link-wishlist:before {
    content: "\f004";
}

.products-list .actions .add-to-links a.link-compare:before {
    content: "\f012";
}

.products-list .actions .add-to-links a.link-wishlist {
    color: #aaaaaa;
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px 14px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    transition: all 0.3s linear;
    margin-right: 8px;
}

.products-list .actions .add-to-links a.link-compare {
    color: #aaaaaa;
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    transition: all 0.3s linear;
    line-height: 20px;
}

.products-list .actions .add-to-links a.link-wishlist:hover {
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px 14px;
    text-decoration: none;
    background-color: #37a4d9;
    color: #FFFFFF;
    display: inline-block;
    border: 1px solid #37a4d9;
    margin-right: 8px;
    line-height: 20px;
}

.products-list .actions .add-to-links a.link-compare:hover {
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    background-color: #37a4d9;
    color: #FFFFFF;
    display: inline-block;
    border: 1px solid #37a4d9;
}

#products-list .product-shop .actions button.button.btn-cart {
    margin: auto;
}

#products-list .product-shop .btn-cart {
    background: #fff;
    padding: 11px;
    color: #333;
    border: 1px solid #ddd;
    text-transform: uppercase;
}

    #products-list .product-shop .btn-cart:hover {
        background: #37a4d9;
        color: #fff;
        border: 1px solid #37a4d9;
    }

    #products-list .product-shop .btn-cart span:hover {
        text-transform: uppercase;
    }

    #products-list .product-shop .btn-cart span {
        font-size: 12px;
        font-weight: bold;
    }


/*------- 20. One Page checkout -------- */

.block-progress {
    background-color: #f8f8f8;
}

    .block-progress .block-title {
        padding-left: 10px;
        background-color: #37a4d9;
        color: #fff;
        border: none;
    }

    .block-progress .block-content {
        padding: 12px 15px 15px;
        text-align: left;
    }

    .block-progress dl {
        border-top: none !important;
    }

    .block-progress dt {
        font-weight: normal;
        text-transform: none;
        padding: 10px 0;
        font-size: 12px;
    }

        .block-progress dt.complete, .block-progress dd.complete {
            font-size: 12px;
            padding: 0;
            margin: 0;
        }

            .block-progress dt.complete a, .block-progress dd.complete a {
                font-size: 12px;
                font-weight: normal;
                text-decoration: underline;
                text-transform: none;
                color: #666666;
            }

                .block-progress dt.complete a:hover, .block-progress dd.complete a:hover {
                    font-size: 12px;
                    font-weight: normal;
                    text-decoration: underline;
                    text-transform: none;
                    color: #333;
                }

        .block-progress dt.complete {
            margin: 0 0 5px 0;
        }

    .block-progress dd {
        border: 0px solid #ddd;
        margin: 0 0 6px;
        padding: 0px 0px 8px !important;
    }

.one-page-checkout .active .step-title h3 {
    color: #37a4d9;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.one-page-checkout .step-title h3 {
    border-bottom: 0px solid #E4E4E4;
    margin: 0 0 0 55px;
    text-align: left;
    line-height: 35px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-weight: bold;
}

.one-page-checkout .active .step-title {
    cursor: default;
    font-size: 14px;
    padding-top: 0px;
    text-align: left;
    line-height: 32px;
    font-family: 'Open Sans', sans-serif;
    border-top: none;
}

.one-page-checkout .step {
    padding: 10px 10px 10px 55px;
    background-color: #FFFFFF;
}

select#billing-address-select {
    width: 70%;
    padding: 10px;
    margin-top: 5px;
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    outline: none;
    color: #aaa;
}

    select#billing-address-select:focus {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #DDDDDD;
        color: #333333;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        outline: medium none;
        padding: 9px 7px 10px;
        vertical-align: middle;
    }

select#shipping-address-select {
    width: 60%;
    padding: 10px;
    margin-top: 5px;
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    outline: none;
    color: #aaa;
}

    select#shipping-address-select:focus {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #DDDDDD;
        color: #333333;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        outline: medium none;
        padding: 9px 7px 10px;
        vertical-align: middle;
    }

.one-page-checkout {
    position: relative;
    margin-bottom: 12px;
    list-style: none;
    padding: inherit;
    padding: 0;
    margin-top: 18px;
}

    .one-page-checkout li.section {
        border-bottom: 0;
        margin-bottom: 8px;
        overflow: hidden;
    }

    .one-page-checkout .step-title {
        text-align: right;
        padding: 7px 0;
    }

        .one-page-checkout .step-title .number {
            float: left;
            line-height: 15px;
            font-size: 15px;
            color: #333;
            padding: 10px 13px;
            background-color: #fff;
            border: 1px solid #ddd;
            font-family: 'Open Sans', sans-serif;
            font-weight: bold;
        }

    .one-page-checkout .active .step-title .number {
        background: none repeat scroll 0 0 #37a4d9;
        border: 1px solid #37a4d9;
        color: #fff;
        padding: 10px 12px;
        font-weight: bold;
    }

    .one-page-checkout .step .col2-set {
        padding: 0;
    }

    .one-page-checkout .order-review {
        overflow: hidden;
    }

#checkout-review-table .data-table {
    border-bottom: none;
}

#checkout-step-login .col2-set .col-2 {
    background-color: #fff;
    float: left;
    padding: 0px;
    width: 45%;
    min-height: 270px;
}

#checkout-step-login .col2-set .col-1 {
    float: right;
    padding: 0 0 0 40px;
    width: 45%;
    min-height: 270px;
    border-left: 1px #e4e4e4 solid;
}

#opc-login h2 {
    border-bottom: 0px solid #E4E4E4;
    padding-bottom: 8px;
    font-weight: bold;
    margin-bottom: auto;
    margin-top: auto;
    font-size: 12px;
}

.one-page-checkout .buttons-set .f-right {
    margin-top: 13px;
    color: #626262;
    font-size: 12px;
}

#opc-login input {
    color: #626262;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    vertical-align: middle;
}

#opc-login .col2-set .col-2 p {
    text-align: left;
}

#opc-login h4 {
    clear: left;
    float: none;
    font-size: 13px;
    margin-right: 5px;
}


.form-list li.control input.radio, .form-list li.control input.checkbox {
    margin: 0 8px 0 0;
}

input.radio {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.form-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

form-list label.required em {
    font-style: normal;
}

.required em {
    color: #ff0000;
}

.form-list label {
    color: #333;
    font-weight: normal;
}
/*----- 21. Dashboard -----*/
.dashboard .welcome-msg {
    text-align: left;
    padding: 0px 0 5px;
    color: #333;
    font-size: 12px;
}

    .dashboard .welcome-msg strong {
        font-weight: 900;
        font-size: 13px;
    }

#my-orders-table {
    border: none;
}

.box-account {
    margin-top: 15px;
}

    .box-account h5 {
        font-weight: bold;
    }

    .box-account .page-title {
        margin: 0 !important;
        padding: 0;
        background: none;
        border-bottom: none !important;
    }

        .box-account .page-title h2 {
            font-size: 16px;
        }

    .box-account address {
        color: #333;
        text-align: left;
        border-bottom: none;
    }

    .box-account .col2-set a {
        text-decoration: underline;
    }
/*------- 22. Global Styles -------*/
/* Form Elements */
p.control input.checkbox, p.control input.radio {
    margin-right: 6px;
}
/* Grouped fields */
div#hideShow {
    text-align: left;
    display: none;
}

.form-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .form-list li {
        margin: 0 0 10px;
        position: relative;
    }

        .form-list li.comment {
            margin-bottom: 10px;
        }

            .form-list li.comment p {
                margin-bottom: 0;
            }

        .form-list li.fields {
            margin-bottom: 0;
        }

        .form-list li.control, .form-list li.has-pretty-child {
            margin-bottom: 10px;
        }

    .form-list label {
        position: relative;
        z-index: 0;
        font-weight: normal;
        color: #333;
    }

        .form-list label.required {
            color: #333;
        }

            .form-list label.required em {
                font-style: normal;
            }

.review2 label {
    font-weight: normal;
}

    .review2 label em {
        color: #ff0000;
    }

.form-list li.control label, .form-list li.has-pretty-child label {
    float: none;
    vertical-align: top;
    line-height: 1;
}

.form-list li.control input.radio, .form-list li.control input.checkbox, .form-list li.has-pretty-child input.radio, .form-list li.has-pretty-child input.checkbox {
    margin-right: 6px;
    margin-top: -2px;
}

.form-list li.control .input-box {
    clear: none;
    width: auto;
}

.form-list .input-box {
    display: block;
    clear: both;
    margin-bottom: 0;
}

.form-list .field {
    position: relative;
    margin-bottom: 25px;
}

.form-list input.input-text {
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    padding: 10px;
    width: 100%;
    margin-top: 5px;
    outline: none;
}

    .form-list input.input-text:focus {
        background: #fff;
        border: 1px solid #ddd;
        padding: 10px;
        margin-top: 5px;
        outline: none;
    }

.form-list select {
    margin: 5px 0 2px;
    width: 360px;
    outline: none;
}

.form-list li.additional-row {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 7px;
}

    .form-list li.additional-row .btn-remove {
        float: right;
        margin: 5px 0 0;
    }

.form-list .input-range input.input-text {
    outline: none;
}

input.radio {
    margin-right: 3px;
}

.col2-set .col-1 ul {
    list-style: none outside none;
    padding: 0;
}

.group-select .require {
    color: #ff0000;
    font-size: 12px;
    margin-bottom: 3px;
}

.group-select li {
    list-style: none outside none;
    margin: 0 0 5px;
    overflow: hidden;
}

.group-select ul {
    margin: 0;
    padding: 0;
}

.group-select .required {
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.group-select .require {
    color: #FF0000;
    font-size: 12px;
    margin-bottom: 3px;
}

.group-select label {
    font-size: 12px;
    font-weight: normal;
    color: #333;
}

li#billing-new-address-form {
    display: none;
}

div#checkout-step-shipping {
    display: none;
}

div#checkout-step-shipping_method {
    display: none;
}

div#checkout-step-payment {
    display: none;
}

div#checkout-step-review {
    display: none;
}

.group-select li {
    margin: 0 0 5px;
    overflow: hidden;
    list-style: none;
}

.contacts-index-index .group-select li {
    display: block !important;
}

input#hideit {
    display: none !important;
}

.product-essential .product-img-box .moreview_thumb .zoomImg {
    position: absolute;
}

.group-select li .input-box {
    float: left;
    width: 50%;
}

.group-select li input.input-text, .group-select li textarea {
    width: 100%;
    background: #f7f7f7;
    border: 1px solid #f0f0f0;
    padding: 10px;
    outline: none;
}

    .group-select li input.input-text:focus, .group-select li textarea:focus {
        background: #fff;
        border: 1px solid #ddd;
        padding: 10px;
        outline: none;
    }

.group-select li select {
    width: 80%;
    padding: 3px;
    background: #f7f7f7;
    border: 1px solid #f0f0f0;
    padding: 10px;
}

    .group-select li select:focus {
        padding: 3px;
        background: #fff;
        border: 1px solid #ddd;
        padding: 10px;
    }

.group-select li .input-box input.input-text, .group-select li .input-box textarea {
    width: 100%;
    margin-top: 5px;
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    padding: 10px;
}

    .group-select li .input-box input.input-text:focus, .group-select li .input-box textarea:focus {
        margin-top: 5px;
        background: #fff;
        border: 1px solid #ddd;
        padding: 10px;
    }

.group-select li .input-box select {
    width: 96%;
    margin-top: 5px;
    outline: none;
}

.group-select.wide input.input-text, .group-select.wide textarea {
    width: 90%;
}

.product-image-area {
    position: relative;
    overflow: hidden;
    max-width: 90%;
}

    .product-image-area a.product-image:hover {
        opacity: 0.6;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    .product-image-area:hover .hover_fly {
        bottom: 0;
    }

.hover_fly {
    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

    .hover_fly a {
        transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
    }

        .hover_fly a:first-child {
            transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -ms-transition: all 300ms ease-in-out;
            -webkit-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
        }

.hover_fly {
    position: absolute;
    bottom: -35px;
    width: 100%;
    left: 0;
    background: #41ade2;
    z-index: 6;
}

    .hover_fly a {
        font-size: 1em;
        color: #fff;
        display: inline-block;
        width: 15%;
        height: 35px;
        line-height: 34px;
        position: relative;
        background: #41ade2;
        float: right;
        text-align: center;
        white-space: nowrap;
        border-right: 1px #2f98cc solid;
    }

        .hover_fly a div {
            overflow: hidden;
        }

        .hover_fly a:first-child {
            background-image: none;
            width: 55%;
            text-align: center;
            background-color: #1c95d1;
            color: #FFF;
            float: left;
            left: 0;
        }

            .hover_fly a:first-child span {
                display: inline-block;
            }

        .hover_fly a span {
            display: none;
            left: 2.2em;
            white-space: nowrap;
            font-size: 11px;
            vertical-align: top;
            text-transform: uppercase;
            margin-left: 6px;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0.5px;
        }

        .hover_fly a i {
            height: 34px;
            line-height: 32px;
            font-size: 14px;
        }

        .hover_fly a:hover {
            width: 55% !important;
            background-color: #1c95d1 !important;
            color: white !important;
        }

            .hover_fly a:hover span {
                display: inline-block !important;
            }

    .hover_fly .icon-shopping-cart:before {
        font-size: 16px;
    }

    .hover_fly .icon-eye-open:before {
        font-size: 16px;
    }

    .hover_fly:hover a:first-child {
        width: 15%;
        background-color: #fdd922;
        text-align: center;
        color: #000;
    }

        .hover_fly:hover a:first-child span {
            display: none;
        }

    .hover_fly.fly_3 a {
        width: 20%;
    }

        .hover_fly.fly_3 a:first-child {
            width: 60%;
        }

        .hover_fly.fly_3 a:hover {
            width: 60% !important;
        }

    .hover_fly.fly_3:hover a:first-child {
        width: 20%;
    }

    .hover_fly.fly_2 a {
        width: 30%;
    }

        .hover_fly.fly_2 a:first-child {
            width: 70%;
        }

        .hover_fly.fly_2 a:hover {
            width: 70% !important;
        }

    .hover_fly.fly_2:hover a:first-child {
        width: 30%;
    }

    .hover_fly.fly_1 a {
        width: 100%;
    }

        .hover_fly.fly_1 a:first-child {
            width: 100%;
            position: relative !important;
        }

        .hover_fly.fly_1 a:hover {
            width: 100% !important;
        }

    .hover_fly.fly_1:hover a:first-child {
        width: 100%;
    }

div#fancybox-wrap {
    height: auto;
    top: 20%;
    left: 27%;
    display: block;
}

/*------- 23. Data Table -------- */

.data-table {
    width: 100%;
}

    .data-table th {
        line-height: 20px;
        padding: 10px;
        font-weight: bold;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .data-table td {
        line-height: 20px;
        padding: 10px;
        vertical-align: top;
    }

    .data-table th .tax-flag {
        white-space: nowrap;
        font-weight: normal;
    }

    .data-table td.label, .data-table th.label {
        font-weight: normal;
        background: #f8f8f8;
    }

    .data-table input, data-table select, data-table textarea {
        margin: 3px;
        margin-top: 10px;
    }

    .data-table p {
        margin: 10px 0;
    }

    .data-table .description {
        margin: 10px 0;
    }
/* Content Columns */
.col2-set .col-1 {
    float: left;
    width: 48%;
    text-align: left;
    border: 0px #336600 solid;
    padding-top: 0px;
    padding-bottom: 0px;
}

.col2-set .col-2 {
    float: right;
    width: 48%;
    text-align: left;
}

.col2-set {
    overflow: hidden;
    padding: 8px 0 0;
}
/* Cart Totals */
.cart .totals table th, .cart .totals table td {
    padding: 5px;
    border: none;
    background: none;
    border: medium none;
    box-shadow: none;
    color: #333;
}

    .cart .totals table th, .cart .totals table td strong {
        font-weight: 900;
        font-size: 12px;
    }

.cart-collaterals {
    margin-top: 20px;
}

    .cart-collaterals .col2-set {
        float: left;
        margin: 0;
        padding: 0;
    }

.totals h3 {
    border-bottom: 1px solid #ddd;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    margin-bottom: 5px;
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cart-collaterals .col2-set .col-2 {
    width: 320px;
}

.totals .inner {
    padding: 0px 0px 15px 0px;
    background-color: #fff;
    margin-top: 0px;
}

#shopping-cart-totals-table {
    float: right;
    width: 100%;
    padding-bottom: 8px;
}

    #shopping-cart-totals-table .price {
        font-size: 14px;
        color: #ff0000;
    }

.table.shopping-cart-table-total > thead > tr > th, .table.shopping-cart-table-total > tbody > tr > th, .table.shopping-cart-table-total > tfoot > tr > th, .table.shopping-cart-table-total > thead > tr > td, .table.shopping-cart-table-total > tbody > tr > td, .table.shopping-cart-table-total > tfoot > tr > td {
    border-top: none;
}

#shipping-zip-form p {
    margin: 2px 0 4px;
}

#shipping-zip-form .form-list input.input-text {
    width: 90%;
}

.discount {
    margin: auto;
}

    .discount label {
        font-weight: normal;
    }

.shipping {
    margin: auto;
}

    .shipping .form-list select {
        width: 90%;
        background-color: #F0F0F0;
        border: 1px #f0f0f0 solid;
        padding: 10px;
    }

        .shipping .form-list select:focus {
            background-color: #fff;
            border: 1px #ddd solid;
            padding: 10px;
        }

    .shipping .form-list input.input-text {
        width: 95%;
    }

.cart-collaterals h3 {
    font-size: 15px;
    color: #000;
    margin-bottom: 15px;
    border-bottom: 1px #ddd solid;
    padding: 10px 0;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: auto;
    font-weight: bold;
}

input.input-text, select, textarea {
    background-color: #fff;
    border: 1px #f1f1f1 solid;
    padding: 8px 8px 8px 8px;
    outline: none;
    color: #333;
    width: 198px;
}

#wishlist-table textarea {
    padding: 10px;
    height: 120px;
    width: 96%;
}

input.input-text:focus, select:focus, textarea:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 8px 8px 8px 8px;
    outline: none;
}

input#coupon_code {
    margin: 8px 0;
    width: 90%;
}

#shopping-cart-table {
    border: none;
    background-color: #FFFFFF;
    text-align: left;
}

    #shopping-cart-table input.qty {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #ddd;
        font-size: 15px;
        font-weight: normal;
        margin: 0;
        outline: medium none;
        padding: 8px;
        width: 50px;
        text-align: center;
    }

    #shopping-cart-table a.remove-item {
        background-color: #fff;
        background-image: none;
        color: #333;
        cursor: pointer;
        padding: 0px;
        border-radius: 0px;
        cursor: pointer;
        text-decoration: none;
        float: left;
        transition: all 0.3s linear;
        border: none;
    }

        #shopping-cart-table a.remove-item span {
            display: none;
        }

        #shopping-cart-table a.remove-item:before {
            content: "\f014";
            font-family: FontAwesome;
            font-size: 14px;
        }

        #shopping-cart-table a.remove-item:hover {
            padding: 0px;
            color: #ff0000;
        }

    #shopping-cart-table .remove-item span span {
        display: none;
    }

    #shopping-cart-table tfoot tr td.last {
        border-top: none;
    }

    #shopping-cart-table dl {
        margin: 0;
        padding: 0;
    }

    #shopping-cart-table .item-options dd {
        color: #CCCCCC;
        margin: 0;
    }

    #shopping-cart-table h4 {
        font-size: 12px;
        font-weight: 900;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }

#shipping-zip-form .form-list label {
    display: block;
}

#shopping-cart-table .cart-price .price {
    font-size: 12px;
}

.cart-table .btn-continue {
    float: left;
}

.cart-table .btn-update, .cart-table .btn-empty {
    float: right;
    margin-left: 8px;
}

.cart .product-name a {
    font-size: 14px;
}

#shopping-cart-table .data-table td {
    vertical-align: middle;
}

.checkout a {
    text-decoration: underline;
    color: #33c5fb;
}

.checkout {
    color: #666666;
    padding-top: 5px;
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

button.button.btn-proceed-checkout {
    background: #fdd922;
    padding: 12px 5px;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
    border: none;
}

    button.button.btn-proceed-checkout:hover {
        background: #1c95d1;
        border: none;
        color: #fff;
    }

    button.button.btn-proceed-checkout:before {
        content: "\f00c";
        font-family: FontAwesome;
        font-size: 20px;
        padding-right: 5px;
    }

    button.button.btn-proceed-checkout span {
        font-size: 18px;
        font-weight: normal;
    }

.crosssel {
    margin: 35px 0px 15px;
}

    .crosssel .new_title.center {
        margin-bottom: 10px;
    }
/*------- 24. Wishlist Table ------- */

#wishlist-table .product-name {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: normal;
    margin: 0;
    text-align: left;
}

#wishlist-table input.qty {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    text-align: center;
    border: 2px #efefef solid;
    width: 50px;
}

    #wishlist-table input.qty:focus {
        padding: 5px;
        border: 2px #ddd solid;
    }

#co-shipping-method-form {
    padding: 0 12px;
    margin-bottom: 15px;
}

#wishlist-table .cart-cell .btn-cart {
    display: block !important;
    margin: 10px 0 !important;
}

#wishlist-table a.remove-item {
    padding: 6px 11px;
    color: #333;
    background-color: #fff;
    border-radius: 0px;
    border: none;
    transition: all 0.3s linear;
    text-decoration: none;
}

    #wishlist-table a.remove-item:before {
        content: "\f014";
        font-family: FontAwesome;
        font-size: 14px;
    }

    #wishlist-table a.remove-item:hover {
        padding: 6px 11px;
        color: #37a4d9;
        background-color: #fff;
        border: none;
        transition: all 0.3s linear;
    }

#wishlist-table .remove-item span span {
    display: none;
}

#wishlist-table button.button.remove-item {
    text-decoration: none;
    float: none;
    background: none;
    font-family: 'FontAwesome';
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 8px;
    padding: 0;
    color: #fff;
    background: none repeat scroll 0 0 #333;
    border-radius: 2px;
    font-size: 16px;
    height: 30px;
    line-height: 20px;
    padding: 4px;
    text-align: center;
    width: 30px;
    margin-left: 5px;
}

    #wishlist-table button.button.remove-item:hover {
        text-decoration: none;
        float: none;
        background: none;
        font-family: 'FontAwesome';
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 8px;
        padding: 0;
        color: #fff;
        background: none repeat scroll 0 0 #37a4d9;
        border-radius: 2px;
        font-size: 16px;
        height: 30px;
        line-height: 20px;
        padding: 4px;
        text-align: center;
        width: 30px;
    }

#wishlist-table button.button.btn-cart {
    padding: 0px;
    color: #222;
    background-color: #fff;
    border: none;
    transition: all 0.3s linear;
    margin: 0 0 10px !important;
}

    #wishlist-table button.button.btn-cart span {
        display: none;
    }

#wishlist-table a.remove-item span {
    display: none;
}

#wishlist-table button.button.btn-cart:hover {
    padding: 0px;
    color: #37a4d9;
    background-color: #fff;
    border: none;
    transition: all 0.3s linear;
}

#wishlist-table button.button.btn-cart:before {
    content: "\f07a";
    font-family: 'FontAwesome';
    font-size: 16px;
}

.my-wishlist .buttons-set2 {
    margin-top: 10px;
}

    .my-wishlist .buttons-set2 .btn-share {
        float: right;
        margin-left: 8px;
    }

    .my-wishlist .buttons-set2 .btn-update {
        float: right;
        margin-right: 2px;
    }

    .my-wishlist .buttons-set2 .btn-add {
        float: right;
        margin-left: 8px;
    }
/*--------- 25. Progress Bar --------------*/
.state_bar {
    overflow: hidden;
    background-color: #FFFFFF;
    padding: 10px 0 25px;
}

.checkout-progress {
    padding-top: 0px;
    margin: 0px 0 0px;
    overflow: hidden;
    padding: 0;
    list-style: none;
}

    .checkout-progress li {
        width: 19.8%;
        text-align: center;
        color: #666;
        margin-right: 0px;
        padding: 5px 7px;
        text-transform: uppercase;
        background-color: #fff;
        border-bottom: 3px double #ddd;
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 1px;
        display: inline-block;
        margin-right: -3px;
    }

        .checkout-progress li.last {
            margin-right: 0;
        }

        .checkout-progress li.active {
            background-color: #fff;
            border-bottom: 3px solid #37a4d9;
            color: #37a4d9;
            font-weight: bold;
        }
/* Multiple Addresses Checkout */
#multiship-addresses-table input.input-text {
    background-color: #FFF;
    padding: 6px;
    border: 1px solid #ddd;
    text-align: center;
}

#multiship-addresses-table .btn-remove {
    background-color: #fff;
    background-image: none;
    color: #333;
    cursor: pointer;
    padding: 12px 15px;
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #fff;
    float: left;
    transition: all 0.3s linear;
    line-height: 12px;
}

    #multiship-addresses-table .btn-remove:before {
        content: "\f014";
        font-family: FontAwesome;
        font-size: 14px;
    }

    #multiship-addresses-table .btn-remove:hover {
        background-image: none;
        padding: 12px 15px;
        color: #37a4d9;
    }

.multiple_addresses .buttons-set {
    margin: 10px 0;
}

.multiple-checkout {
    position: relative;
}

    .multiple-checkout .grand-total {
        font-size: 1.5em;
        text-align: left;
    }

        .multiple-checkout .grand-total big {
            float: right;
            font-size: 16px;
        }

#multiship-addresses-table {
    margin-top: 5px;
    border: none;
}

    #multiship-addresses-table input.qty:focus {
        padding: 6px;
    }

    #multiship-addresses-table tfoot tr .last {
        border-top: none;
    }

.addresses {
    margin: 15px 0;
}

#multiship-addresses-table h4 {
    font-size: 12px;
    margin: 0;
    line-height: 18px;
}

.multiple_addresses {
    margin-bottom: 30px;
    background-color: #FFFFFF;
    padding: 0 0 15px 0;
}

    .multiple_addresses .title-buttons {
        text-align: right;
    }

.checkout-multishipping-success .multiple-checkout .buttons-set .button {
    float: left;
}

.multiple-checkout .buttons-set .button {
    float: right;
}

.page-title_multi {
    display: inherit;
}

.addresses .title-buttons {
    text-align: right;
}

.page-title_multi h2 {
    font-size: 25px;
    float: left;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: auto;
}

.multiple-checkout .grand-total {
    font-size: 1.5em;
    text-align: right;
}

    .multiple-checkout .grand-total .price {
        font-size: 22px;
    }
/* Account Login  */
.account-login {
    margin-bottom: 15px;
    background-color: #FFFFFF;
    padding: 0px;
    margin-top: 10px;
}

    .account-login .page-title h2 {
        font-size: 22px;
    }

    .account-login .form-list input.input-text {
        background: #fff;
        border: 1px solid #f7f7f7;
        padding: 10px;
        width: 80%;
        margin-top: 5px;
        outline: none;
    }

    .account-login .col2-set .col-1 {
        float: right;
        padding-bottom: 0;
        padding: 0px;
        text-align: left;
        width: 48%;
        min-height: 362px;
        background: #f7f7f7;
        border: 1px solid #eaeaea;
        padding: 45px;
    }

    .account-login .col2-set .col-2 {
        float: left;
        padding-bottom: 0;
        padding: 0 0 0 55px;
        text-align: left;
        width: 48%;
        background: #f7f7f7;
        padding: 45px;
        border: 1px solid #eaeaea;
    }

    .account-login strong {
        font-size: 13px;
        color: #333;
        margin-bottom: 15px;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
    }

    .account-login .content {
        margin-top: 8px;
        padding-top: 12px;
    }

        .account-login .content p {
            margin-bottom: 10px;
            font-size: 12px;
        }

            .account-login .content p.required {
                font-size: 12px;
            }

        .account-login .content .form-list label {
            font-size: 12px;
            color: #333;
            margin-bottom: 5px;
        }

.required {
    color: #ff0000;
}
/* FAQ */
.accordion-faq {
    text-align: left;
    position: relative;
}

    .accordion-faq .panel {
        border-radius: 0;
    }

        .accordion-faq .panel .panel-heading {
            padding: 0;
            color: #fff;
            border-radius: 0 !important;
            background: #333;
        }

    .accordion-faq .panel-heading a {
        display: block;
        position: relative;
        background: #f8f8f8;
        color: #333;
        padding: 10px 5px 12px 15px;
        border-radius: 0;
        border-right: 48px solid #41ade2;
        min-height: 50px;
        text-decoration: none;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
    }

    .accordion-faq .collapsed .arrow-down {
        display: block;
    }

    .accordion-faq .arrow-down, .accordion-faq .arrow-up {
        position: absolute;
        display: block;
        width: 20px;
        height: 20px;
        font-size: 20px;
        top: 50%;
        margin-top: -15px;
        right: -36px;
        color: #fff;
    }

    .accordion-faq .arrow-down, .accordion-faq .collapsed .arrow-up {
        display: none;
    }
/* compare */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.compare-table .product-shop-row td {
    position: relative;
    text-align: center !important;
}

.compare-table .btn-cancel {
    position: absolute;
    right: 0;
    top: 5px;
}

/*------ 26. 404 Page --------- */


.content-wrapper {
    margin: auto;
    text-align: center;
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 80px;
}

.page-not-found h2 {
    color: #1c95d1;
    font-size: 160px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

.page-not-found h3 {
    color: #333;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 4em;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
}

    .page-not-found h3 img {
        margin-right: 8px;
        vertical-align: text-bottom;
    }

.page-not-found p {
    color: #666;
    font-size: 1.33em;
    line-height: 1.5em;
    margin-bottom: 0.75em;
}

.page-not-found .btn-home {
    background-color: #fdd922;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 -4px 0 0 #fdd922 inset;
    color: #333;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    padding: 14px 35px;
    text-decoration: none;
    height: auto;
}

    .page-not-found .btn-home:hover {
        background-color: #41ade2;
        box-shadow: 0 -4px 0 0 #41ade2 inset;
        color: #fff;
    }

    .page-not-found .btn-home span {
        margin: 0;
        padding: 0px;
        text-align: center;
        font-size: 18px;
        font-weight: normal;
        line-height: 16px;
        text-decoration: none;
    }

/*---------- 27. Footer ------------ */
.footer {
    background: none repeat scroll 0 0 #25282a;
}

.footer-top {
    background-color: #37a4d9;
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 25px 0;
}
/* Brand Logo */
.brand-logo {
    background-color: #f5f5f5;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 6px 0px;
}

    .brand-logo .slider-items-products .item {
        text-align: center;
    }

    .brand-logo .controls .prev {
        left: -40px;
        border: none;
    }

    .brand-logo .controls .next {
        border: none;
        right: -42px;
    }

    .brand-logo .row img {
        margin: 5px 0;
        display: inline-block;
    }

    .brand-logo .glyphicon-chevron-left:before, .brand-logo .glyphicon-chevron-right:before {
        font-size: 28px;
    }

    .brand-logo .slider-items-products .owl-buttons .owl-next {
        position: absolute;
        right: 0px;
        top: 22px;
    }

    .brand-logo .slider-items-products .owl-buttons a {
        border: none;
        background: #f5f5f5;
    }

        .brand-logo .slider-items-products .owl-buttons a:hover {
            color: #333;
        }

    .brand-logo .slider-items-products .owl-buttons .owl-next a:before {
        font-size: 24px;
    }

    .brand-logo .slider-items-products .owl-buttons .owl-prev a:before {
        font-size: 24px;
    }

    .brand-logo .slider-items-products .owl-buttons .owl-prev {
        left: 0px;
        position: absolute;
        top: 22px;
        background: none;
        right: auto;
    }
/* newsletter */
.newsletter {
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
    margin: auto;
    margin: auto;
}

    .newsletter h4 {
        font-size: 14px;
        text-transform: uppercase;
        display: inline-block;
        font-weight: bold;
        margin-right: 8px;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
    }

    .newsletter input[type="text"] {
        background: #FFFFFF;
        width: 55%;
        height: 36px;
        display: inline-block;
        color: #a7a7a7;
        line-height: 22px;
        background-color: #fff;
        border: none;
        padding-left: 10px;
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        border: none;
        margin: 0 10px 0px 0;
    }

button.subscribe {
    background: #fdd922;
    border: 0 none;
    overflow: hidden;
    padding: 9px 13px;
    cursor: pointer;
    font-weight: normal;
    color: #222;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

    button.subscribe:before {
        content: "\f0e0";
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 5px;
        font-weight: normal;
    }
/* Social Icons*/
.social .fb a:before {
    content: "\f09a";
    font-family: FontAwesome;
}

.social .fb a {
    background: #3C5B9B;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

    .social .fb a:hover {
        background: #3C5B9B;
    }

.social .tw a:before {
    content: "\f099";
    font-family: FontAwesome;
}

.social .tw a {
    background: #359BED;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

    .social .tw a:hover {
        background: #359BED;
    }

.social .googleplus a:before {
    content: "\f0d5";
    font-family: FontAwesome;
}

.social .googleplus a {
    background: #E33729;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

    .social .googleplus a:hover {
        background: #E33729;
    }

.social .rss a:before {
    content: "\f09e";
    font-family: FontAwesome;
}

.social .rss a {
    content: "\f09e";
    font-family: FontAwesome;
    background: #FD9F13;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

    .social .rss a:hover {
        background: #FD9F13;
    }

.social .pintrest a:before {
    content: "\f0d3";
    font-family: FontAwesome;
}

.social .pintrest a {
    content: "\f0d3";
    font-family: FontAwesome;
    background: #cb2027;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

    .social .pintrest a:hover {
        background: #cb2027;
    }

.social .linkedin a:before {
    content: "\f0e1";
    font-family: FontAwesome;
}

.social .linkedin a {
    content: "\f0e1";
    font-family: FontAwesome;
    background: #027ba5;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

    .social .linkedin a:hover {
        background: #027ba5;
    }

.social .youtube a:before {
    content: "\f167";
    font-family: FontAwesome;
}

.social .youtube a {
    background: #F03434;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

    .social .youtube a:hover {
        background: #F03434;
    }

.social {
    float: left;
}

    .social ul {
        float: left;
        margin: 0px;
        list-style: none;
        padding-right: 0px;
    }

        .social ul li {
            margin: 0px 7px 0px 0px;
            display: inline-block;
        }

    .social a {
        transition: background 400ms ease-in-out;
    }

.footer-middle {
    margin-bottom: 0px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 3px solid #585858;
}

.footer a:hover {
    text-decoration: none;
}

.footer-bottom {
    background: none repeat scroll 0 0 #131921;
    margin: auto;
    overflow: hidden;
    padding: 20px 0 15px;
    width: 100%;
}

    .footer-bottom a {
        color: #aaa;
    }

        .footer-bottom a:hover {
            text-decoration: none;
        }

.contacts-info address {
    display: block;
    margin: auto;
    font-style: normal;
    line-height: 1.5em;
    color: #999;
    padding-top: 5px;
    margin-top: 10px;
    text-align: left;
    padding-bottom: 5px;
    margin-bottom: 7px;
    font-size: 12px;
    border: none;
}

.footer-logo {
    text-align: left;
}

.footer a, .footer p {
    color: #fff;
    font-size: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.payment-accept img {
    margin: 0px 10px 8px 0px;
    width: 50px;
}

.footer-middle h4 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    padding: 0 0 5px;
    text-transform: uppercase;
}

.footer-middle ul.links {
    margin: auto;
    padding: 0px;
}

.footer-middle .links li {
    list-style: none;
    padding: 5px 0px;
    font-family: 'Open Sans', sans-serif;
}

    .footer-middle .links li a {
        color: #fff;
        padding-right: 20px;
        font-family: 'Open Sans', sans-serif;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }

        .footer-middle .links li a:hover {
            color: #fff;
            text-decoration: none;
        }

.add-icon:before {
    content: "\f041";
    font-family: FontAwesome;
    font-size: 15px;
    color: #fff;
    height: 35px;
    width: 35px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    border-radius: 30px;
    border-radius: 25px;
    background: #37a4d9;
}

.email-icon:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    height: 35px;
    width: 35px;
    margin-right: 5px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    background: #37a4d9;
    border-radius: 25px;
}

.phone-icon:before {
    content: "\f095";
    font-family: FontAwesome;
    font-size: 15px;
    color: #fff;
    height: 35px;
    width: 35px;
    margin-right: 5px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    background: #37a4d9;
    border-radius: 25px;
}

.email-footer {
    overflow: hidden;
    margin-top: 12px;
    font-size: 12px;
}

    .email-footer a {
        font-size: 12px;
        line-height: 35px;
        color: #999;
    }

.phone-footer {
    overflow: hidden;
    font-size: 12px;
    line-height: 35px;
    color: #999;
    margin-bottom: 18px;
    margin-top: 15px;
}

.coppyright {
    color: #ccc;
    background: #25282a;
}

.footer-bottom .company-links ul {
    padding: 0px;
}

.footer-bottom .company-links li {
    display: inline-block;
    margin-left: 20px;
    list-style: none;
    float: right;
}

/*------ 28. Responsive ----------- */

@media only screen and (min-width: 320px) and (max-width: 360px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -186px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 360px) and (max-width: 400px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -225px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 400px) and (max-width: 425px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -280px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 425px) and (max-width: 450px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -300px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 450px) and (max-width: 475px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -330px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 475px) and (max-width: 500px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -370px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 500px) and (max-width: 525px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -380px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 525px) and (max-width: 550px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -412px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 550px) and (max-width: 580px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -430px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 580px) and (max-width: 620px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -465px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 620px) and (max-width: 650px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -504px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 650px) and (max-width: 670px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -541px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 670px) and (max-width: 700px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -560px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 700px) and (max-width: 720px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -590px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 720px) and (max-width: 730px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -605px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 731px) and (max-width: 740px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -605px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 740px) and (max-width: 760px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -630px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 760px) and (max-width: 850px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -635px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 850px) and (max-width: 1000px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        /* left: -635px;*/
        left: -635px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 220px) and (max-width: 280px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        /* left: -635px;*/
        left: -127px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 280px) and (max-width: 320px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -168px;
        top: 179px;
        float: left;
        position: absolute;
    }
}

@media only screen and (min-width: 220px) and (max-width: 767px) {

    .mini-cart .basket .title {
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        line-height: 1em;
        text-transform: uppercase;
    }

    .mini-cart .basket .cart-box #cart-total {
        color: #fff;
        text-transform: none;
        margin: 0px 0px 0px 5px;
    }

    .glyphicon-shopping-cart:before {
        font-size: 16px;
        color: #fff;
        margin-right: 6px;
    }
}

@media only screen and (min-width: 220px) and (max-width: 269px) {
    .top-cart-contain {
        position: absolute;
        right: 5px;
        top: 110px;
    }

    .top-cart-contain {
        color: #585858;
        display: block;
        float: right;
        padding: 0;
        right: 0;
        z-index: 1000;
    }
}

@media only screen and (min-width: 270px) and (max-width: 299px) {
    .top-cart-contain {
        position: absolute;
        right: 5px;
        top: -10px;
    }

    .top-cart-contain {
        color: #585858;
        display: block;
        float: right;
        padding: 0;
        right: 0;
        z-index: 1000;
    }
}

@media only screen and (min-width: 300px) and (max-width: 349px) {
    .top-cart-contain {
        position: absolute;
        right: 5px;
        top: -2px;
    }

    .top-cart-contain {
        color: #585858;
        display: block;
        float: right;
        padding: 0;
        right: 0;
        z-index: 1000;
    }

        .top-cart-contain .mini-cart .badge {
            background-color: #25282a;
        }
}

@media only screen and (min-width: 350px) and (max-width: 399px) {
    .top-cart-contain {
        position: absolute;
        right: 5px;
        top: 0px;
    }

    .top-cart-contain {
        color: #585858;
        display: block;
        float: right;
        padding: 0;
        right: 0;
        z-index: 1000;
    }

        .top-cart-contain .mini-cart .badge {
            background-color: #25282a;
        }
}

@media only screen and (min-width: 400px) and (max-width: 455px) {
    .top-cart-contain {
        position: absolute;
        right: 5px;
        top: 0px;
    }

    .top-cart-contain {
        color: #585858;
        display: block;
        float: right;
        padding: 0;
        right: 0;
        z-index: 1000;
    }

        .top-cart-contain .mini-cart .badge {
            background-color: #25282a;
        }
}

@media only screen and (min-width: 454px) and (max-width: 479px) {
    .top-cart-contain {
        position: absolute;
        right: 5px;
        top: -8px;
    }

    .top-cart-contain {
        color: #585858;
        display: block;
        float: right;
        padding: 0;
        right: 0;
        z-index: 1000;
    }
}

@media only screen and (min-width: 329px) and (max-width: 329px) {
    body {
        width: 100%;
    }
}

@media only screen and (min-width: 220px) and (max-width: 300px) {
    .toplinks {
        width: 100%;
        position: absolute;
        top: 22px;
        right: 10%;
        font-size: 8px;
        /* float: right; */
        content: "\e800";
        /* line-height: normal; */
        padding: -29px 0 0;
        padding-top: -46px;
        z-index: 9999;
    }
}

@media only screen and (min-width: 300px) and (max-width: 479px) {
    .toplinks {
        width: 100%;
        position: absolute;
        top: 30px;
        right: 10%;
        font-size: 8px;
        /* float: right; */
        content: "\e800";
        /* line-height: normal; */
        padding: -29px 0 0;
        padding-top: -46px;
        z-index: 9999;
    }
}

@media only screen and (min-width: 220px) and (max-width: 479px) {
    .new_title.center {
        height: 36px;
    }

    .actions button.button.btn-cart {
        background: #c13333;
        border: 1px solid #ddd;
        margin: 8px 0px 0 0px;
        padding: 7px 5px 7px 5px;
        color: #fff;
        font-size: 10px;
        line-height: 14px;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }

    .mini-cart {
        text-align: left;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
        padding: 1px 1px 1px 18px;
        background: none;
        border-radius: 3px;
    }

    .col-item:hover .actions button.button.btn-cart {
        background: #333;
        border: 1px solid #333;
        margin: 8px 0px 0 0px;
        padding: 7px 5px 7px 5px;
        color: #FFFFFF;
    }

    .toplinks .no {
        visibility: hidden;
    }

    .master-slider, .master-slider * {
        display: none;
    }

    .no {
        display: none;
    }

    .cart-collaterals .discount, .cart-collaterals .totals {
        margin-top: 22px;
    }

    .review1, .review2, .box-reviews .form-list input.input-text, .box-reviews textarea {
        width: 100%;
    }

    .offer-banner-section .col-lg-6 {
        padding-left: 3px;
        margin-bottom: 0px;
        padding-right: 1px;
    }

    .page-title h1, .page-title h2 {
        font-size: 18px;
    }

    .my-wishlist .buttons-set2 .btn-share {
        margin-bottom: 5px;
    }

    .my-wishlist .buttons-set2 .btn-add {
        margin-bottom: 5px;
    }

    .my-wishlist .buttons-set2 .btn-update {
        margin-bottom: 5px;
    }

    .category-title h1 {
        font-size: 20px;
    }

    .category-description.std .owl-item {
        width: 279px;
    }

    .hover_fly a span {
        font-size: 9px;
    }

    .block-company {
        margin-top: 20px;
    }

    .group-select li input.input-text, .group-select li textarea {
        width: 95%;
    }

    .category_entry .entry-content, .entry-footer {
        padding-top: 8px !important;
    }

    .page-title_multi h2 {
        font-size: 22px;
    }

    .multiple-checkout .buttons-set .button {
        margin-bottom: 6px;
        margin-top: 3px;
        margin-right: 5px;
    }

    .offer-banner-section .col-lg-6 .overlay {
        width: 100%;
        height: 100%;
        left: 3px;
    }

    .moreview-control a.moreview-prev {
        left: 8%;
    }

        .moreview-control a.moreview-prev:before, .moreview-control a.moreview-next:before {
            font-size: 14px;
        }

    .moreview-control a.moreview-next {
        left: 8%;
    }

    .product-view .upsell-pro {
        margin-top: 15px;
    }

    .product-view .flexslider-thumb-vertical-outer {
        display: none;
    }

    .product-shop .social ul li {
        margin: 15px 1px 0 0;
    }

    .product-next-prev .product-prev {
        background: #f1f1f1;
        border-right: 1px #fff solid;
        font-weight: bold;
        font-size: 1.2rem;
        line-height: 30px;
        display: inline-block;
        width: 100px;
        height: 30px;
        color: #333;
        text-align: center;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
        border-radius: 2px;
    }

    .product-next-prev .product-next {
        background: #f1f1f1;
        font-weight: bold;
        font-size: 1.2rem;
        line-height: 30px;
        display: inline-block;
        width: 80px;
        height: 30px;
        color: #222;
        text-align: center;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }

    .product-name p {
        width: 150px;
    }

    .product-view .flexslider-thumb {
        padding: 0 68px;
    }

    .products-grid li.item {
        width: 95%;
        margin-left: 9px;
    }

    .footer-top .block-subscribe {
        margin-bottom: 15px;
    }

    .category-img a.info {
        transform: translateY(70px);
    }

    .category-img:hover a.info {
        transform: translateY(70px);
    }

    .company-links {
        float: left;
        margin-top: 10px;
    }

    .footer-bottom .company-links li {
        display: inline-block;
        float: left;
        list-style: outside none none;
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: 5px;
    }
    .hover-item {
	background-color: #c13333;
}

.hover-item:hover {
	background-color:  #c13333;
    color:green;
}

    .promo-banner-section {
        margin: auto auto 20px auto;
    }

    .latest-category .col-xs-12 {
        margin-bottom: 21px;
    }

    #mobile-menu ul.navmenu ul.submenu {
        max-height: 300px;
        overflow: auto;
    }

    .top-cart-content {
        top: 35px;
    }

    .block-language-wrapper {
        margin: 5px 5px 0 0;
    }

    .page {
        overflow-x: hidden;
    }

    .sticky {
        width: 100%;
    }

    #nav {
        display: none;
    }

    nav {
        height: 44px;
    }

    #mobile-menu {
        display: block;
    }

    mini-cart .basket a {
        font-size: 12px;
    }

    .top-cart-content {
        top: 36px;
        right: 12px;
        width: 282px;
    }

    .header .logo img {
        width: 80%;
        /*margin-left:65px;*/
    }

    .search-box {
        background: none;
        width: 150px;
    }

    .search-box {
        left: 0%;
        margin: auto;
        padding-left: 0;
        width: 100%;
        margin-top: 10px;
    }

    .cate-dropdown, .cate-dropdown:focus {
        width: 100%;
        font-size: 12px;
        font-family: "Helvetica Neue", "Roboto", Arial, sans-serif;
    }

    .header .logo {
        width: 50%;
        vertical-align: middle;
        cursor: pointer;
        margin-top: 0px;
        text-align: left;
        display: block;
        padding-bottom: 8px;
        display: inline-block;
    }

    .search-btn-bg {
        right: 0%;
        height: 30px;
        padding: 5px 0 5px 5px;
        font-size: 11px;
    }

        .search-btn-bg span {
            padding: 5px 5px;
        }
    /*.search-btn-bg:before {
	content: '\f002';
	font-family: FontAwesome;
	font-size: 15px;
	padding-right: 6px;
	color: #fff;
	font-weight: normal;
}*/

    #checkout-step-login .col2-set .col-2 {
        width: 100%;
    }

    #checkout-step-login .col2-set .col-1 {
        width: 100%;
        border: none;
        padding: 0px;
    }

    .group-select li .input-box {
        width: 100%;
    }

    .popup1 {
        display: none !important;
    }

    #overlay {
        display: none !important;        
    }

    .account-login .col2-set .col-1 {
        width: 100%;
        padding: 10px;
        min-height: inherit;
        margin-bottom: 15px;
    }

    .account-login .col2-set .col-2 {
        width: 100%;
        padding: 10px;
    }

    .checkout-progress li {
        width: 100%;
    }

    .crosssel .new_title.center {
        height: auto;
    }

    .crosssel .new_title h2 {
        border-bottom: none;
        padding: 8px;
    }

    .col-left .block-cart .block-content ul li .product-details {
        width: 68%;
    }

    .block-currency label, .block-language label {
        font-size: 11px;
    }

    .product-view .product-name h1 {
        font-size: 22px;
        padding-right: 0px;
    }

    .product-view .product-shop .add-to-box .btn-cart {
        margin: 8px 0;
    }

    .more-views .owl-carousel .owl-item {
        width: 125px !important;
    }

    .email-addto-box span {
        display: none;
    }

    .nav-tabs.product-tabs > li > a {
        border-bottom: 3px #ddd solid;
    }

        .nav-tabs.product-tabs > li > a:before {
            float: right;
            padding: 3px 10px 0 0;
            font-size: 11px;
            font-size: 1.1rem;
            font-family: 'FontAwesome';
            font-style: normal;
            font-weight: normal;
            speak: none;
            content: "\f105";
        }

        .nav-tabs.product-tabs > li > a active:before {
            float: right;
            padding: 3px 10px 0 0;
            font-size: 11px;
            font-size: 1.1rem;
            font-family: 'FontAwesome';
            font-style: normal;
            font-weight: normal;
            speak: none;
            content: "\f104";
        }


    .tab-content {
        display: inline-block;
    }

    .box-reviews .review {
        border: none;
        width: 100%;
        padding-left: 0px;
    }

    .product-collateral .row {
        padding: 0 8px;
    }

    .email-addto-box {
        float: left;
        margin-left: auto;
    }

    .products-list .item {
        padding: 5px;
    }

    .product-tabs li {
        width: 100%;
        text-align: center;
    }

    .products-list .product-shop {
        width: 100%;
        margin: 10px 0;
    }

    .category-products .products-grid .col-item:hover .actions-links {
        bottom: 130px;
        top: auto;
    }

    .cat-img-title.cat-box {
        left: 6%;
        margin: 0;
        top: 2%;
        width: 85%;
    }

    .cat-img-title .cat-heading {
        font-size: 18px;
        text-align: center;
    }

    .cat-img-title p {
        display: none;
    }

    .pager .limiter label, .toolbar label {
        display: inline-block;
    }

    .product-flexslider {
        margin: 20px -1px;
    }

    .toolbar .pager {
        float: left;
        margin: 6px 0px;
        width: 100%;
    }

    .new_title h2 {
        font-size: 14px;
    }

    .latest-category .category-title h2 {
        font-size: 14px;
        padding: 13px 15px 14px 15px;
    }

    .social ul li {
        margin: 0px 7px 0px 0px;
    }

    .newsletter h4 {
        display: block;
    }

    .social {
        float: left;
    }

    .brand-logo .container {
        padding: 0px 10px;
    }

    .brand-logo .controls .prev {
        left: -10px;
        border: none;
        top: -100px;
    }

    .brand-logo .controls .next {
        border: none;
        right: 0px;
        top: -100px;
    }

    .brand-logo .col-lg-2 {
        padding: 0 8px;
    }

    .brand-logo .row img {
        margin: 5px 0;
        display: inline-block;
    }

    .brand-logo .row {
        margin: 0px;
    }

    .bag-product-slider .col-xs-4 {
        padding: 0 3px;
    }

    .shoes-product-slider .col-xs-4 {
        padding: 0 3px;
    }

    .small-pr-slider .carousel-inner .row {
        margin: auto;
    }

    .latest-category .row {
        margin: auto;
    }

    .header-service .row .content {
        text-align: center;
        margin: 3px 0;
    }

    #magik-slideshow .RHS-banner {
        text-align: center;
    }

    .offer-banner-section {
        text-align: center;
        margin-top: 7px;
    }

        .offer-banner-section img {
            width: 280px;
        }

    .promo-banner-section img {
        width: 100%;
        margin-bottom: 20px;
    }

    .cat-section {
        margin-bottom: 18px;
    }

    .latest-category {
        padding-top: 0px;
    }

    .post-date {
        margin-top: 10px;
    }

    .latest-category a {
        margin-top: 6px;
    }

    .col-item {
        margin-bottom: 20px;
    }

    .offer-banner-section img {
        margin-bottom: 12px;
    }

    .offer-banner-section .row a:hover::before {
        display: none;
    }

    .offer-banner-section .col-lg-6 .overlay a.info {
        display: inline-block;
        text-decoration: none;
        padding: 10px 10px;
        background: #888;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        top: 34%;
        position: relative;
        width: 100%;
        font-weight: 600;
        letter-spacing: 1px;
        z-index: 1;
        text-align: center;
    }

    #magik-slideshow .RHS-banner .add a:hover::before {
        display: none;
    }

    .RHS-banner .add {
        margin-top: 20px;
    }

        .RHS-banner .add img {
            width: 280px;
        }

    .block-currency-wrapper {
        margin: 5px 0 0 -2px;
    }

    .best-seller-pro {
        margin-top: 15px;
    }

    .header .logo {
        margin-top: 15px;
    }

    .forcefullwidth_wrapper_tp_banner, .fullwidthbanner-container {
        max-width: 100%;
        margin: auto;
    }

    .tp-leftarrow.default, .tp-rightarrow.default {
        background-size: 10px;
    }

    .tp-leftarrow.default, .tp-rightarrow.default {
        height: 30px;
        line-height: 30px;
        width: 28px;
    }

    .buy-btn, .view-more {
        font-size: 10px;
    }

    .tp-caption.Title {
        display: none;
    }

    #toTop {
        height: 30px;
        line-height: 30px;
        width: 35px;
    }
}

@media only screen and (min-width: 260px) and (max-width: 560px) {
    .stockgrid {
        display: block;
        width: 100%;
        clear: both;
        float: left;
        padding-left: 36%;
    }

        .stockgrid .label1 {
            padding-top: 12px;
        }

            .stockgrid .label1 p {
                padding-top: 12px;
            }

    .col-item img {
        width: 100%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .master-slider, .master-slider * {
        display: none;
    }

    .actions button.button.btn-cart {
        background: #c13333;
        border: 1px solid #ddd;
        margin: 8px 0px 0 0px;
        padding: 7px 5px 7px 5px;
        color: #fff;
        line-height: 14px;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }


    .col-item:hover .actions button.button.btn-cart {
        background: #333;
        border: 1px solid #333;
        margin: 8px 0px 0 0px;
        padding: 7px 5px 7px 5px;
        color: #FFFFFF;
    }

    .box-reviews .review {
        border: none;
        width: 100%;
        padding-left: 0px;
    }

    .cart-collaterals .discount, .cart-collaterals .totals {
        margin-top: 22px;
    }

    .my-wishlist .buttons-set2 .btn-share, .my-wishlist .buttons-set2 .btn-add, .my-wishlist .buttons-set2 .btn-update {
        float: left;
    }

    .my-wishlist .buttons-set2 .btn-update {
        margin: 5px 8px 5px;
    }

    .hover_fly {
        bottom: -36px;
    }


    .block-company {
        margin-top: 20px;
    }

    .offer-banner-section .col-lg-6 .overlay {
        width: 100%;
        height: 95%;
        top: 1px;
        left: 0px;
    }

    .multiple-checkout .buttons-set .button {
        margin-bottom: 6px;
        margin-top: 3px;
        margin-right: 5px;
    }

    #magik-slideshow .RHS-banner .overlay {
        width: 84% !important;
        height: 100%;
        left: 8% !important;
    }

    .hover_fly a span {
        font-size: 10px;
    }

    .col-item .actions-links .add-to-links a.link-wishlist {
        line-height: 20px;
    }

        .col-item .actions-links .add-to-links a.link-wishlist:hover {
            line-height: 20px;
        }

    .product-view .flexslider-thumb-vertical-outer {
        display: none;
    }

    .hover_fly a i {
        font-size: 13px;
    }

    .hover_fly .icon-shopping-cart:before {
        font-size: 15px;
    }

    .product-view .product-shop .add-to-box .btn-cart {
        margin-bottom: 12px;
    }

    .email-addto-box {
        margin-left: 8px;
    }

    .product-next-prev {
        top: 5px;
    }

    p.availability.in-stock {
        right: 0px !important;
    }

    .footer-top .block-subscribe {
        margin-bottom: 15px;
    }

    .company-links {
        float: left;
        margin-top: 10px;
    }

    .footer-bottom .company-links li {
        display: inline-block;
        float: left;
        list-style: outside none none;
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: 5px;
    }

    #mobile-menu ul.navmenu ul.submenu {
        max-height: 300px;
        overflow: auto;
    }

    .block-banner img {
        width: auto;
    }

    .block-banner a:before {
        display: none;
    }

    .popup1 {
        display: none !important;
    }

    #overlay {
        display: none !important;
    }

    .account-login .col2-set .col-1 {
        width: 100%;
        padding: 20px;
        min-height: inherit;
        margin-bottom: 15px;
    }

    .account-login .col2-set .col-2 {
        width: 100%;
        padding: 20px;
    }

    .checkout-progress li {
        width: 100%;
    }

    .crosssel .new_title.center {
        height: auto;
    }

    .crosssel .new_title h2 {
        border-bottom: none;
        padding: 8px;
    }

    .col-left .block-cart .block-content ul li .product-details {
        width: 75%;
    }

    .product-view .product-name h1 {
        font-size: 24px;
    }

    .products-list .item {
        padding: 10px;
    }

    .products-list .product-shop {
        width: 100%;
        margin: 10px 0;
    }

    .category-products .products-grid .col-item:hover .actions-links {
        bottom: 130px;
        top: auto;
    }

    .cat-img-title.cat-box {
        left: 16%;
        margin: 0;
        top: 24%;
        width: 55%;
    }

    .cat-img-title .cat-heading {
        font-size: 18px;
    }

    .cat-img-title p {
        font-size: 11px;
    }

    .brand-logo {
        overflow: hidden;
    }

    .pager .limiter label, .toolbar label {
        display: inline-block;
    }

    .toolbar .pager {
        float: left;
        margin: 6px 0px;
        width: 100%;
    }

    .newsletter h4 {
        display: block;
    }

    .social ul li {
        margin: 8px 7px 0 0px;
    }

    .social {
        float: left;
    }

    .brand-logo .container {
        padding: 0px 10px;
    }

    .brand-logo .controls .prev {
        left: -5px;
        border: none;
        top: -100px;
    }

    .brand-logo .controls .next {
        border: none;
        right: 2px;
        top: -100px;
    }

    .brand-logo .col-lg-2 {
        padding: 0 8px;
    }

    .brand-logo .row img {
        margin: 5px 0;
        display: inline-block;
    }

    .brand-logo .row {
        margin: 0px 0px 0px 15px;
    }

    .bag-product-slider .col-xs-4 {
        padding: 0 3px;
    }

    .shoes-product-slider .col-xs-4 {
        padding: 0 3px;
    }

    .small-pr-slider .carousel-inner .row {
        margin: auto;
    }

    .header-service .row .content {
        text-align: center;
        margin: 5px 0;
    }

    #magik-slideshow .RHS-banner {
        text-align: center;
        margin-top: 20px;
    }

    .slider-items-products {
        margin-top: 13px;
    }

    .offer-banner-section .col-lg-6 {
        padding-right: 14px;
        margin-bottom: 10px;
    }

    .offer-banner-section {
        text-align: center;
        margin: 16px 0px 40px 0px;
    }

    .category-img {
        margin-top: 20px;
    }

    .latest-category .category-title {
        margin: 0px 15px 3px;
    }

    .post-date {
        margin: 10px 0px;
    }

    .latest-category a {
        margin-top: 6px;
    }

    .latest-category {
        padding-bottom: 40px;
    }

    .cat-section {
        margin-top: 23px;
    }

    .promo-banner-section img {
        width: 100%;
    }

    .col-item {
        margin-bottom: 20px;
    }

    .offer-banner-section .row a:hover::before {
        display: none;
    }

    .offer-banner-section img {
        margin-bottom: 12px;
    }

    #magik-slideshow .RHS-banner .add a:hover::before {
        display: none;
    }

    .RHS-banner .add {
        margin-top: 10px;
    }

        .RHS-banner .add img {
            width: 360px;
        }

    .sticky {
        width: 100%;
    }

    #nav {
        display: none;
    }

    nav {
        height: 44px;
    }

    #mobile-menu {
        display: block;
    }

    .header .logo {
        width: 50%;
        vertical-align: middle;
        cursor: pointer;
        margin-top: 0px;
        text-align: left;
        display: block;
        padding-bottom: 8px;
        display: inline-block;
    }

        .header .logo img {
            width: 80%;
        }
    /* Search */
    .search-box {
        background: none;
        width: 200px;
    }

    .search-box {
        left: 0%;
        margin: auto;
        padding-left: 0;
        width: 100%;
        margin-top: 12px;
    }


    .cate-dropdown, .cate-dropdown:focus {
        width: 100%;
    }

    .search-btn-bg {
        right: 0%;
        height: 30px;
        padding: 5px 0 5px 5px;
        font-size: 11px;
    }

        .search-btn-bg span {
            padding: 5px 8px;
        }
    /*.search-btn-bg:before {
	content: '\f002';
	font-family: FontAwesome;
	font-size: 15px;
	padding-right: 6px;
	color: #fff;
	font-weight: normal;
}*/

    .forcefullwidth_wrapper_tp_banner, .fullwidthbanner-container {
        max-width: 100%;
    }

    #toTop {
        height: 30px;
        line-height: 30px;
        width: 35px;
    }

    .promo-banner-section {
        margin: auto auto 20px;
    }
}

@media only screen and (min-width: 289) and (max-width: 599px) {
    .top-cart-contain {
        position: absolute;
        right: 5px;
        top: 134px;
        bottom: 0px;
        padding: 0px;
        margin: 0px;
    }

    .top-cart-content {
        top: 36px;
        right: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 600px) {
    .top-cart-contain {
        position: absolute;
        right: 8px;
        top: -3px;
    }
        .top-cart-contain .mini-cart .badge {
            background-color: #25282a;
        }
}


@media only screen and (min-width: 600px) and (max-width: 639px) {
    .top-cart-contain {
        position: absolute;
        right: 8px;
        top: -9px;
    }
        .top-cart-contain .mini-cart .badge {
            background-color: #25282a;
        }
}

@media only screen and (min-width: 639px) and (max-width: 731px) {
    .top-cart-contain {
        position: absolute;
        right: 8px;
        top: 0px;
    }
        .top-cart-contain .mini-cart .badge {
            background-color: #25282a;
        }
}

@media only screen and (min-width: 732px) and (max-width: 767px) {
    .top-cart-contain {
        position: absolute;
        right: 8px;
        top: 2px;
    }
        .top-cart-contain .mini-cart .badge {
            background-color: #25282a;
        }
}


@media (min-width: 768px) and (max-width: 991px) {
    .actions button.button.btn-cart {
        background: #c13333;
        border: 1px solid #ddd;
        font-size: 10px;
        color: #fff;
        line-height: 14px;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }

    .mini-cart {
        text-align: left;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
        padding: 1px 18px 1px 18px;
        background: none;
        border-radius: 3px;
    }

    .hover_fly {
        bottom: -36px;
    }

    #magik-slideshow {
        margin-bottom: 20px !important;
    }

    .slider-items-products {
        margin-top: 15px;
    }

    .cat-section {
        margin-top: 20px;
    }

    .offer-banner-section {
        margin-top: 20px;
    }

    #nav li.drop-menu ul {
        max-height: 320px;
    }

    .col-item .actions-links .add-to-links a.magik-btn-quickview:hover {
        width: 34%;
    }

    .offer-banner-section .col-lg-6 img {
        width: 100%;
    }

    #magik-slideshow .col-lg-8 {
        padding-right: 15px !important;
    }

    .offer-banner-section .col-lg-6 {
        padding-right: 15px;
    }

        .offer-banner-section .col-lg-6 .overlay {
            width: 92%;
        }

    .brand-logo .slider-items-products .owl-buttons .owl-next {
        right: 8px;
    }

    .moreview-control a.moreview-prev {
        left: 8%;
    }

        .moreview-control a.moreview-prev:before, .moreview-control a.moreview-next:before {
            font-size: 14px;
        }

    .moreview-control a.moreview-next {
        left: 8%;
    }

    .product-view .flexslider-thumb-vertical .flex-viewport {
        height: 300px !important;
    }

    .hover_fly a span {
        font-size: 11px;
    }

    .hover_fly a i {
        font-size: 13px;
    }

    .hover_fly .icon-shopping-cart:before {
        font-size: 15px;
    }

    .email-addto-box {
        margin-left: 5px;
        margin-top: 7px;
    }

    .product-view .flexslider-thumb {
        padding: 0 60px;
    }

    .product-view .product-shop .add-to-box .btn-cart {
        /* margin-bottom: 10px;
    margin-top: 6px;*/
        margin-left: 0px;
    }

    .category-img a.info {
        transform: translateY(45px);
    }

    .category-img:hover a.info {
        transform: translateY(45px);
    }

    .payment-accept img {
        margin: 0 5px 8px 0;
        width: 45px;
    }

    .promo-banner-section {
        margin: auto auto 20px;
    }

    .button-compare {
        margin-bottom: 8px;
    }

    button.button.btn-proceed-checkout span {
        font-size: 13px;
    }

    button.button.btn-proceed-checkout:before {
        font-size: 16px;
    }

    .cart-collaterals h3 {
        font-size: 13px;
    }

    .product-view .product-shop .add-to-links li {
        padding: 0 2px;
    }

    .product-view .product-name h1 {
        font-size: 24px;
    }

    .products-list .item {
        padding: 10px;
    }

    .products-list .product-shop {
        width: 52%;
    }

    .category-products .products-grid .col-item:hover .actions-links {
        bottom: 130px;
        top: auto;
    }

    .cat-img-title.cat-box {
        left: 14%;
        margin: 0;
        top: 24%;
        width: 70%;
    }

    .brand-logo {
        overflow: hidden;
    }

    .block-cart ul li.item {
        display: inline-block;
    }

    .col-left .block-cart .block-content ul li .product-details {
        width: 155px;
    }

    ol#compare-items li a.product-name {
        width: 133px;
        padding: 0 1px;
    }

    .col-left .block-cart .block-content ul li .product-name {
        margin: 5px 0 2px;
    }

    .sidebar .block .access .btn-remove1 {
        right: 4px;
    }

    #recently-viewed-items .product-name {
        width: 88%;
    }

    .toolbar .pager {
        float: left;
        margin: 6px 0px;
        width: 100%;
    }

    .page {
        overflow-x: hidden;
    }

    .email-icon:before {
        margin-right: 4px;
    }

    .forcefullwidth_wrapper_tp_banner, .fullwidthbanner-container {
        max-width: 98%;
    }

    .newsletter h4 {
        display: none;
    }

    .newsletter-sign-box h4 {
        display: block;
    }

    .newsletter-sign-box {
        left: 10%;
        min-width: 400px;
        width: 70%;
        top: 25%;
    }

    .brand-logo .container {
        padding: 0px 10px;
    }

    .brand-logo .controls .prev {
        left: -10px;
        border: none;
        top: -70px;
    }

    .brand-logo .controls .next {
        border: none;
        right: 0px;
        top: -70px;
    }

    .brand-logo .col-lg-2 {
        padding: 0 8px;
    }

    .brand-logo .row img {
        margin: 5px 0;
        display: inline-block;
    }

    .brand-logo .row {
        margin: 0px 0px 0px 15px;
    }

    .header-service .row .content {
        text-align: center;
        margin: 5px 0;
    }

    .promo-banner-section img {
        width: 96%;
    }

    .col-item {
        margin-bottom: 20px;
    }

    .offer-banner-section img {
        width: 100%;
    }

    #magik-slideshow .RHS-banner .add a:hover::before {
        display: none;
    }

    .RHS-banner .add {
        display: none;
    }

    .sticky {
        width: 100%;
    }

    .cate-dropdown {
        display: inline-block;
    }

        .cate-dropdown, .cate-dropdown:focus {
            width: 96%;
        }

    .search-box {
        width: 100%;
    }
    
    .search-btn-bg {
        height: 32px;
    }

    #nav ul.level0 > li {
        width: 136px;
        margin-left: 25px;
    }

        #nav ul.level0 > li.last {
            width: 136px;
        }

    #nav ul.level1 > li a {
        display: inline-flex;
        float: none;
    }

    #nav .level0-wrapper .nav-add .push_item {
        width: 18.2%;
        margin-left: 8px;
        margin-right: 4px;
    }

        #nav .level0-wrapper .nav-add .push_item img {
            width: 100%;
        }

    #nav .level0-wrapper .nav-add .push_item_last {
        width: 18.2%;
    }

    #nav .level0-wrapper, #nav.classic .parent > ul {
        width: 720px;
        margin: auto;
        max-height: 315px;
        overflow: auto;
        padding: 20px 4px 10px;
    }

    .grid12-5 {
        width: 34%;
    }

        .grid12-5 img {
            width: 100%;
        }

    .grid12-3 {
        width: 15%;
    }

        .grid12-3 a img {
            width: 100px;
        }

    .grid12-4 {
        width: 30%;
        margin: 5px 20px 0 0;
    }

        .grid12-4 a img {
            width: 218px;
        }

    .grid12-8 ul.level0 > li {
        width: 220px;
    }

    .grid12-8 .cat-img img {
        width: 175px;
    }

    .grid13-8 {
        width: 65%;
    }

    .grid12-8 {
        width: 64%;
    }

    #nav .grid12-8 ul.level0 > li {
        width: 39%;
    }

    .fur-des {
        margin-left: 25px;
    }

    #nav .grid12-8 ul.level0 > li.last {
        width: 40%;
    }

    .slideshow-wrapper .browse-button, .slideshow-wrapper .tab-pager {
        z-index: 5;
    }

    .cat-img img {
        width: 138px;
    }

    .custom-menu .grid12-5 img {
        width: 168px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slider-items-products .owl-buttons .owl-prev a {
        background-position: 0 100%;
        left: -855px;
        top: 179px;
        float: left;
        position: absolute;
    }

    .mini-cart {
        text-align: left;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
        padding: 1px 18px 1px 18px;
        background: none;
        border-radius: 3px;
    }

    .offer-banner-section img {
        width: 100%;
    }

    #nav li.drop-menu ul {
        max-height: 420px;
    }

    .actions button.button.btn-cart {
        margin-bottom: 1px;
    }

    .cat-img-title.cat-box {
        top: 28%;
    }

    .hover_fly a span {
        font-size: 10px;
    }

    .hover_fly a i {
        font-size: 11px;
    }

    .hover_fly .icon-shopping-cart:before {
        font-size: 15px;
    }

    .email-addto-box {
        margin-left: 0px;
    }

    .product-view .flexslider-thumb {
        padding: 0 65px;
    }

    .product-view .product-shop .add-to-box .btn-cart {
        margin-bottom: 10px;
    }

    .email-footer a {
        font-size: 11px;
    }

    .payment-accept img {
        margin: 0 4px 8px 0;
        width: 45px;
    }

    .category-img a.info {
        transform: translateY(65px);
    }

    .category-img:hover a.info {
        transform: translateY(65px);
    }

    .mini-cart {
        padding: 1px 15px;
    }

    .newsletter-sign-box {
        left: 20%;
        min-width: 350px;
        width: 55%;
        top: 25%;
    }

    .products-list .item {
        padding: 15px;
    }

    .products-list .product-shop {
        width: 62%;
    }

    .category-products .products-grid .col-item:hover .actions-links {
        bottom: 130px;
        top: auto;
    }

    .col-left .block-cart .block-content ul li a.product-image img {
        width: 60px;
    }

    .col-left .block-cart .block-content ul li .product-details {
        width: 133px;
    }

    ol#compare-items li a.product-name {
        width: 180px;
    }

    #recently-viewed-items .product-name {
        width: 92%;
    }

    .toolbar .pager {
        width: 53%;
    }

    .page {
        overflow-x: hidden;
    }

    .email-icon:before {
        margin-right: 5px;
    }

    .brand-logo .container {
        padding: 0px 10px;
    }

    .brand-logo .controls .prev {
        left: -10px;
        border: none;
    }

    .brand-logo .controls .next {
        border: none;
        right: -20px;
    }

    .brand-logo .col-lg-2 {
        padding: 0 8px;
    }

    .brand-logo .row img {
        margin: 5px 0;
        display: inline-block;
    }

    .brand-logo .row {
        margin: 0px 0px 0px 15px;
    }

    .promo-banner-section img {
        width: 100%;
    }

    .offer-banner-section img {
        width: 100%;
    }

    .sticky {
        width: 100%;
    }

    #magik-slideshow .RHS-banner .add img {
        width: 100%;
    }

    .search-box {
        width: 100%;
    }

    .cate-dropdown, .cate-dropdown:focus {
        width: 25%;
    }
    
    #nav ul.level0 > li {
        width: 18.6%;
        margin-right: 5px;
        margin-left: 4px;
    }

        #nav ul.level0 > li.last {
            width: 18.6%;
        }

    #nav .grid12-8 ul.level0 > li {
        width: 23%;
    }

    #nav ul.level1 > li a {
        display: inline-flex;
        float: none;
    }

    #nav .level0-wrapper .nav-add .push_item {
        width: 18.6%;
        margin-right: 5px;
        margin-left: 7px;
    }

        #nav .level0-wrapper .nav-add .push_item.last {
            width: 48%;
            height: auto;
            margin-right: 0px;
        }

        #nav .level0-wrapper .nav-add .push_item img {
            width: 100%;
            height: auto;
        }

        #nav .level0-wrapper .nav-add .push_item .push_img a {
            height: 100%;
            width: 100%;
        }

    #nav .level0-wrapper, #nav.classic .parent > ul {
        width: 100%;
        margin: auto;
        padding: 20px 10px 8px;
    }

    .latest-category {
        padding-bottom: 40px;
    }

    .cat-section {
        margin-top: 10px;
    }

    .grid12-3 {
        width: 15%;
    }

        .grid12-3 a img {
            width: 100%;
        }

    .grid12-4 {
        margin-right: 6px;
        width: 22%;
    }

        .grid12-4 a img {
            width: 185px;
        }

    .grid12-8 ul.level0 > li.last {
        width: 18%;
    }

    .grid12-8 ul.level0 > li {
        width: 18%;
    }

    .grid12-8 .cat-img img {
        width: 100%;
    }

    .grid13-8 {
        width: 61%;
    }

    .grid12-5 {
        width: 38%;
    }

        .grid12-5 img {
            width: 100%;
        }

    .grid12-8 {
        width: 76%;
    }

    .slideshow-wrapper .browse-button, .slideshow-wrapper .tab-pager {
        z-index: 5;
    }

    .cat-img img {
        width: 170px;
    }

    .custom-menu .grid12-5 img {
        width: 210px;
    }
}

.cat-section {
    background: #f8f8f8;
    padding: 20px;
    border: 1px #eaeaea solid;
}

    .cat-section .new_title {
        border-color: #cde5f8;
    }

        .cat-section .new_title h2 {
            border: none;
            padding-left: 0px;
            font-size: 16px;
        }

    .cat-section img {
        border: 3px #fff solid;
    }

    .cat-section .col-item .info .info-inner .item-title a {
        font-size: 13px;
        color: #37a4d9;
    }

        .cat-section .col-item .info .info-inner .item-title a:hover {
            font-size: 13px;
            color: #000;
        }

.shadow-spacing {
    padding: 20px;
}

.shadow-box {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.control1 {
    background: #f1f1f1;
    padding: 1em;
    width: 100%;
}

.product-name h3 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.product-name h4 {
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

.brdrright {
    border-right: 1px solid #ddd;
}

    .brdrright h5 {
        font-size: 10px;
        font-weight: 600;
    }

    .brdrright span {
        font-size: .9em;
        font-weight: 500;
    }

.news {
    background: none repeat scroll 0 0 #25282a;
    padding-left: 0px;
    padding-right: 40px;
    margin-bottom: 0px;
    height: 353px;
}

    .news h4 {
        font-size: 14px;
        color: #f1f1f1;
        font-weight: 500;
        font-family: 'Open Sans', sans-serif;
    }

    .news h5 {
        font-size: 13px;
        color: #919191;
        font-family: 'Open Sans', sans-serif;
    }

    .news p {
        font-size: 12px;
        color: #fefcfc;
        font-family: 'Open Sans', sans-serif;
    }

.section-title {
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 25px;
    padding-left: 20px;
}

.productds {
    margin: 0 0 2px;
    font-size: 14px;
}

.catgryh4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #555;
    font-weight: 700;
    text-transform: uppercase;
}

.catgryh5 {
    font-size: 12px;
    color: #c13333;
    font-weight: 600;
    text-transform: uppercase;
}

.catgry {
    padding-bottom: 5px;
    border-bottom: 1px solid #fafafa;
}

.offer-banner-section .col-md-6 {
    margin: 0px;
    padding: 0px;
}

.info {
    text-align: left;
}

/* tables */
table.tablesorter {
    font-family: arial;
    background-color: #CDCDCD;
    margin: 10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}

    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
        background-color: #e6EEEE;
        border: 1px solid #FFF;
        font-size: 8pt;
        padding: 4px;
    }

    table.tablesorter thead tr .header {
        background-image: url(images/bg.png);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
    }

    table.tablesorter tbody td {
        color: #3D3D3D;
        padding: 4px;
        background-color: #FFF;
        vertical-align: top;
    }

    table.tablesorter tbody tr.odd td {
        background-color: #F0F0F6;
    }

    table.tablesorter thead tr .headerSortUp {
        background-image: url(images/asc.png);
    }

    table.tablesorter thead tr .headerSortDown {
        background-image: url(images/desc.png);
    }

    table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
        background-color: #8dbdd8;
    }

.content p {
    font-size: 12px;
    padding-bottom: 10px;
    /*font-family:'Open Sans', sans-serif;*/
}

.logout {
    padding-top: 24px;
    float: right;
    text-align: right;
}

    .logout a {
        margin-top: 5px;
        font-size: 12px;
        padding: 10px 25px 10px 25px;
        background: #333;
        border-radius: 4px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
    }

    .logout i {
        padding-right: 5px;
    }

        .logout i:hover {
            padding-right: 5px;
            color: #f1f1f1;
        }

    .logout a:hover {
        font-size: 12px;
        padding: 10px 25px 10px 25px;
        background: #c13333;
        border-radius: 4px;
        font-weight: 600;
        color: #f1f1f1;
        text-transform: uppercase;
    }

@media only screen and (min-width: 270px) and (max-width: 290px) {
    .logout a {
        position: absolute;
        top: 116px;
        overflow: visible;
        z-index: 9999;
        right: 12px;
    }
}

@media only screen and (min-width: 290px) and (max-width: 310px) {
    .logout a {
        position: absolute;
        top: 116px;
        overflow: visible;
        z-index: 9999;
        right: 12px;
    }
}


@media only screen and (min-width: 300px) and (max-width: 380px) {
    .logout a {
        position: absolute;
        top: 124px;
        overflow: visible;
        z-index: 9999;
        right: 12px;
    }
}

@media only screen and (min-width: 380px) and (max-width: 420px) {
    .logout a {
        position: absolute;
        top: 132px;
        overflow: visible;
        z-index: 9999;
        right: 12px;
    }
}

@media only screen and (min-width: 420px) and (max-width: 500px) {
    .logout a {
        position: absolute;
        top: 136px;
        overflow: visible;
        z-index: 9999;
        right: 12px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 550px) {
    .logout a {
        position: absolute;
        top: 72px;
        overflow: visible;
        z-index: 9999;
        right: 12px;
    }
}

@media only screen and (min-width: 550px) and (max-width: 580px) {
    .logout a {
        position: absolute;
        top: 72px;
        overflow: visible;
        z-index: 9999;
        right: 12px;
    }
}

@media only screen and (min-width: 580px) and (max-width: 625px) {
    .logout a {
        position: absolute;
        top: 72px;
        overflow: visible;
        z-index: 9999;
        right: 12px;
    }
}

@media only screen and (min-width: 620px) and (max-width: 700px) {
    .logout a {
        position: absolute;
        top: 72px;
        overflow: visible;
        z-index: 9999;
        right: 12px;
    }
}

@media only screen and (min-width: 700px) and (max-width: 767px) {
    .logout a {
        position: absolute;
        top: 77px;
        overflow: visible;
        z-index: 9999;
        right: 12px;
    }
}

.imgback1 {
    background: url(../images/offer-banner2.jpg );
    padding-right: 1px;
    margin-bottom: 5px;
    width: 50%;
    min-height: 300px;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    overflow: hidden;
}

.imgback2 {
    background: url(../images/offer-banner3.jpg);
    padding-right: 1px;
    margin-bottom: 5px;
    width: 50%;
    min-height: 300px;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    overflow: hidden;
}

.button.btn-cart span {
    min-width: 10px;
    text-align: center;
    float: left;
}

.table-responsive h5 {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.content h4 {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    padding: 10px 10px;
    text-transform: uppercase;
    background: #f9f9f9;
}

    .content h4:before {
        content: "\f105";
        font-family: FontAwesome;
        font-size: 12px;
        padding-right: 8px;
    }

.content h5 {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
}

a.boxclose {
    cursor: pointer;
    text-align: center;
    display: block;
    position: absolute;
    top: 10%;
    right: 1.1%;
}



/*-- end scrollpane --*/
/*--responsive media-quries--*/


.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card-header:first-child a {
    color: #fff;
    font-size: 12px;
}

.card-header {
    padding: .2rem 1.25rem;
    margin-bottom: 0;    
    background-color: #393939;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.affix {
    top: 50px;
    position: fixed;
    background-color: white;
    z-index: 9999 !important;
}

.line-clamp {
    display: block;
    display: -webkit-box;
    max-width: 400px;    
    height: 55px;
    margin: 0px 0px 0px;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .line-clamp a {
        color: #25282a;
        font-weight: bold;
    }

    .line-clamp a:hover {
        color: #337ab7;
        font-weight: bold;
    }
    
.carousel-showmanymoveone .carousel-control {
    width: 4%;
    background-image: none;
}

.carousel-showmanymoveone .sku-number {
    color: #7c7e7f;
    font-size: 10px;
    font-size: 1rem;
    margin: 0 0 10px;
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
    display: none;
}

@media all and (min-width: 320px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}

@media all and (min-width: 768px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }

        .carousel-showmanymoveone .carousel-inner > .item.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        .carousel-showmanymoveone .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            left: 0;
        }
}

@media all and (min-width: 992px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -25%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 25%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-2,
    .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
    }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
        left: 0;
    }

        .carousel-showmanymoveone .carousel-inner > .item.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        .carousel-showmanymoveone .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            left: 0;
        }
}

.drop-menu .columns-2 {
    min-width: 200px;
}

@media (max-width: 767px) {
    .drop-menu .multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
}

.top-login {
    text-align: right;
    padding: 0px;
    margin: 20px 20px;    
}

.top-search {
    margin: 15px 0px;
    width: 100%;
    font-size: 12px;
    height: 32px;
    color: #333;
    outline: none;
    float: left;
}

    .top-search .btn {
        line-height: 1.46em;
    }

.footer {
    background: none repeat scroll 0 0 #25282a;
    margin-top: 20px;
}

.top-login-dropdown {
    left: unset;
    right: -27px;
    min-width: 290px;
    padding: 10px 20px;
    margin: 0px;
    border: 1px solid #444;
}

.img-responsive-home {
    margin-left: 22px;
}

.footer  h3 {
    color: #c13333;
}

.fc-center h2 {
    color: #444;
    font-size: 15px;
}

.list-group a {
    color: #c13333;
}

.list-group-item {
    background-color: #fff;
} 

.list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

    .list-group-item:last-child {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

a.list-group-item:hover {
    color: #c13333;
    background-color: #f5f5f5;
}

.avatarimage img {
    width: 26px;
    border-radius: 50%;
    margin-right: 5px;
}

.avatarimage .popnin {
    border: 1px solid #ddd;
    padding: 20px;
    display: block;
    position: absolute;
    -webkit-transition: all ease 0.2s;
    z-index: 1000;
    background: #fff;
    margin-left: -120px;
    margin-top: 8px;
    border-radius: 2px;
    visibility: hidden;
}

    .avatarimage .popnin .popup-link {
        padding: 0px !important;
    }

    .avatarimage .popnin:before, .avatarimage .popnin:after {
        content: "";
        position: absolute;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent;
        top: -5%;
        left: 8%;
        margin-left: -10px;
    }

    .avatarimage .popnin:before {
        border-bottom: 8px solid #ddd;
        margin-top: -3px;
    }

    .avatarimage .popnin:after {
        border-bottom: 8px solid #fff;
        margin-top: -2px;
        z-index: 1;
    }

    .avatarimage .popnin .popcontent {
        text-align: left;
        font-size: 13px;
    }

        .avatarimage .popnin .popcontent p {
            margin-bottom: 1px;
        }

            .avatarimage .popnin .popcontent p span {
                font-weight: bold;
            }

.sidebar .block-account .block-content {
    padding: 0px;
}

.sidebar .block .block-content {
    margin-left: 10px;
    margin-right: 10px;
}

.sidebar .block-account .block-content ul {
    margin-top: 0px;
    margin-bottom: 1px;
}

    .sidebar .block-account .block-content ul li {
        padding-left: 15px;
    }

        .sidebar .block-account .block-content ul li:hover {
            color: #25282a;
        }

            .sidebar .block-account .block-content ul li:hover:before {
                color: #25282a !important;
            }

            .sidebar .block-account .block-content ul li:hover a {
                color: #c13333;
                padding-bottom: 9px;
            }

        .sidebar .block-account .block-content ul li.active {
            color: #25282a;
        }

            .sidebar .block-account .block-content ul li.active:before {
                color: #c13333 !important;
            }

            .sidebar .block-account .block-content ul li.active a {
                color: #c13333;
                border-bottom: 3px solid #c13333;
                padding-bottom: 9px;
            }

.redlink {
    color: #c13333;
}

.ninsidebar dt {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #555 !important;
    text-transform: uppercase;
}

.linkednav ul li .profilebartop .imageconi img {
    width: 100%;
    margin-top: 10px;
}

.linkednav ul li .profilebartop .otherco {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
}

    .linkednav ul li .profilebartop .otherco p .username {
        font-size: 20px;
    }

.linkednav .dropdown-header {
    font-weight: bold;
}

.linkednav .dropdown-cont a {
    font-weight: normal !important;
    display: block !important;
    padding: 3px 20px !important;
}

.links .dropdown-menu {
    position: absolute;
    top: 100%;
    left: -160px;
    z-index: 1000;
    display: none;
    float: left;
    width: 282px;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}

@media (max-width:500px) {
    .white-box {
        top: 10% !important;
    }

    .toplinks .no {
        display: none !important;
    }
}

@media (min-width:500px) and (max-width:768px) {
    .white-box {
        top: 15% !important;
    }

    .toplinks .no {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border: none !important;
    }
}

@media (min-width:300px) and (max-width:500px) {
    .footer-middle .links li {
        display: list-item !important;
    }

    .footer {
        text-align: left !important;
    }

    .footer-middle .col-md-6 {
        width: 50% !important;
        float: left;
    }
}

.btn-responsive-nav {
    background: none;
    display: inline-block;
}

.scroll-menu {
    overflow-y: scroll;
    height: auto;
    max-height: 300px;
}

.caption h6 {
    text-align: center;
    color: #25282a;
    border-bottom: 1px solid #25282a;
    padding: 10px;
}

    .caption h6:hover {
        color: #25282a;
        color: #fff;
        border-bottom: 1px solid #c13333;
    }

        .caption h6:hover a {
            color: #25282a;
        }

.caption a:hover {
    color: #fff;
}

.modal-open {
    padding-right: 0px !important;
}

.image-placeholder {
    background-color: #eee;
    display: flex;
    height: 180px;
    margin: 5px;
    width: 260px;
}

.image-placeholder > h4 {
    align-self: center;
    text-align: center;
    width: 100%;
}

.sku-number {
    color: #7c7e7f;
    font-size: 10px;
    font-size: 1rem;
    margin: 0 0 10px;
}

.alt-image {
    width: 35px;
    height: 35px;
    border: 1px solid #444;
    margin-right: 5px;
    margin-bottom: 10px;
}

#btnSearch {
    border: 1px solid #c13333;
    background-color: #c13333;
}

#btnSearch:hover {
    border: 1px solid #333;
    background-color: #333;
    color: #ffffff;
}

.glyphicon.glyphicon-search {
    color: #fff;
}

li:hover > ul.top-login-dropdown {
    display: block;
}

ul li .image-avatar img {
    width: 100%;
    margin-top: 10px;
}

div.avatarimage > ul li.dropdown a {
    color: #444;
}

    div.avatarimage > ul li.dropdown a:hover {
        color: #23527c;
        text-decoration: underline;
    }

/* CSS used here will be applied after bootstrap.css */
.caret-container {
    float: right;
}

.nav-container {
    background-color: #f5f5f5;
    text-transform: uppercase;
    font-weight: bold;
}

.nav-sub-container {
    background-color: #f8f8f8;
    font-weight: bold;
    cursor: pointer;
}

ul.nav-stacked ul.nav-stacked > li {
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px #e5e5e5 solid;
}

    ul.nav-stacked ul.nav-stacked > li.active > a {
        background: none;
        border-radius: 0px;
        color: #c13333;
        border-bottom: 3px solid #c13333;
    }

#lnkLogin {
    color: #c13333;
    border-bottom: 3px solid #c13333;
    padding-bottom: 9px;
}

#lnkLoggedin {
    color: #c13333;
    border-bottom: 3px solid #c13333;
    padding-bottom: 9px;
}

#overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.5);
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

#spinner {
    display: none;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #c12222;
    border-right: 16px solid #25282a;
    border-bottom: 16px solid #f1f1f1;
    border-left: 16px solid #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 99999999;
}

.center-block {
    display: none;   
    position: fixed;
    text-align: center;
    left: 50%;
    top: 35%;  
    margin: -75px 0 0 -75px;   
    z-index: 99999999;
}

@media only screen and (min-width: 220px) and (max-width: 597px) {
    .center-block {
        left: 30%;
        top: 35%;
    }
}

.featured-product {
    position: relative;
}

    .featured-product:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        display: block;
        transition: .5s ease;
        backface-visibility: hidden;
        transform: scale(1.1);
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

a.effect-shine {
    color: #c13333;    
    border-bottom-color: #c13333;
    margin-top: 10px;
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
    border-radius: 0px;
}

    a.effect-shine:hover {
        color: #f1f1f1;
        background-color: #25282a;
        border-bottom-color: #25282a;
    }

    a.effect-shine > span > i.fa.fa-sign-in {
        color: #c13333;
    }

@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }

    to {
        -webkit-mask-position: -50%;
    }
}

.box-shadow {
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow:    0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.panel {
    margin-top: 20px;
}

.panel-title {
    text-align: center;
}

.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
}

.list-group.list-group-root .list-group {
    margin-bottom: 0;
}

.list-group-item:first-child {
    border-radius: 0;
}

.list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 1px 0 0 0;    
}

.list-group.list-group-root .list-group-item-text {
    padding-left: 20px;
}


.list-group.list-group-root > .list-group-item:first-child {
    border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
    padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-left: 45px;
}

.list-group-item .glyphicon {
    margin-right: 5px;
}

.text-wrap{
    white-space:normal;
}
.width-300{
    width:300px;
}


#lnkCanvas {
    color: #c13333;
    padding-bottom: 3px;
}

#circularGauge {
    width: 100%;
    height: 100%;
    float: left;
}
/* Portrait phones and smaller */
@media(max-width: 480px) {
}

/* Landscape phones and portrait tablets */
@media(max-width: 767px) {
}

/* Portrait tablets and small desktops */
@media(min-width: 768px) and (max-width: 991px) {
}

/* Landscape tablets and medium desktops */
@media(min-width: 992px) and (max-width: 1199px) {
}

/* Large desktops and laptops */
@media(min-width: 1200px) {
}

#overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.5);
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

#spinner {
    display: none;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #c12222;
    border-right: 16px solid #25282a;
    border-bottom: 16px solid #f1f1f1;
    border-left: 16px solid #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 99999999;
}

.center-block {
    display: none;
    position: fixed;
    text-align: center;
    left: 50%;
    top: 35%;
    margin: -75px 0 0 -75px;
    z-index: 99999999;
}

@media only screen and (min-width: 220px) and (max-width: 597px) {
    .center-block {
        left: 30%;
        top: 35%;
    }
}

.featured-product {
    position: relative;
}

    .featured-product:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        display: block;
        transition: .5s ease;
        backface-visibility: hidden;
        transform: scale(1.1);
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

a.effect-shine {
    color: #c13333;
    border-bottom-color: #c13333;
    margin-top: 10px;
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
    border-radius: 0px;
}

    a.effect-shine:hover {
        color: #f1f1f1;
        background-color: #25282a;
        border-bottom-color: #25282a;
    }

    a.effect-shine > span > i.fa.fa-sign-in {
        color: #c13333;
    }

@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }

    to {
        -webkit-mask-position: -50%;
    }
}

.box-shadow {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.panel {
    margin-top: 20px;
}

.panel-title {
    text-align: center;
}

.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
}

    .list-group.list-group-root .list-group {
        margin-bottom: 0;
    }

.list-group-item:first-child {
    border-radius: 0;
}

.list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 1px 0 0 0;
}

.list-group.list-group-root .list-group-item-text {
    padding-left: 20px;
}


.list-group.list-group-root > .list-group-item:first-child {
    border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
    padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-left: 45px;
}

.list-group-item .glyphicon {
    margin-right: 5px;
}

.text-wrap {
    white-space: normal;
}

.width-300 {
    width: 300px;
}

.slider_cont_R {
    font-family: 'Open Sans', sans-serif !important;
    padding: 0px 30px 120px 30px;
    width: 100%;
}

    .slider_cont_R h1 {
        color: #c13333;
        font-size: 34px;
        font-weight: 400;
        padding: 20px 0 0 0;
    }

    .slider_cont_R .title {
        color: #464646;
        font-size: 14px;
    }

    .slider_cont_R .my_account_profile_box {
        padding: 30px 0 0 0;
        margin: 15px 0 0 0;
        background: #fff;
        text-align: center;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    }

        .slider_cont_R .my_account_profile_box img {
            width: 160px;
            height: 160px;
            -webkit-border-radius: 120px;
            -moz-border-radius: 120px;
            border-radius: 120px;
        }

        .slider_cont_R .my_account_profile_box h1 {
            padding: 15px 0;
            margin: 0px;
            color: #c13333;
            font-size: 26px;
            font-weight: 400;
        }

        .slider_cont_R .my_account_profile_box h2 {
            padding: 0 0 20px 0;
            margin: 0px;
            color: #6c6c6c;
            font-size: 15px;
            font-weight: 400;
        }

    .slider_cont_R .my_account_profile_box_bottom h3 {
        padding: 5px 0;
        margin: 0px;
        color: #fff;
        font-size: 20px;
        font-weight: 400;
    }

.slider_cont_R_top_btt {
    font-family: 'Open Sans', sans-serif !important;
    float: right;
}

    .slider_cont_R_top_btt a {
        float: left;
        background: #c13333;
        font-size: 15px;
        color: #fff;
        height: 40px;
        line-height: 40px;
        padding: 0 30px 0 0;
    }

        .slider_cont_R_top_btt a .fa {
            line-height: 40px;
            background: #932323;
            padding: 0 10px;
            margin: 0 15px 0 0;
        }

.breadcrumb_outer {
    font-family: 'Open Sans', sans-serif !important;
    float: left;
    padding: 10px 0 0 0;
}

.my_account_profile_box_bottom {
    background: #c13333;
    padding: 25px 15px;
    -webkit-border-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.my_account_R_list_outer {
    font-family: 'Open Sans', sans-serif !important;
    padding: 0px;
}

    .my_account_R_list_outer ul {
        font-family: 'Open Sans', sans-serif !important;
        padding: 0;
        margin: 0px;
        list-style: none;
    }

        .my_account_R_list_outer ul li {
            padding: 15px 0 0 0;
            margin: 0px;
            border-bottom: 1px solid #cdcdcd;
        }

            .my_account_R_list_outer ul li h4 {
                color: #c13333;
                font-size: 16px;
                padding: 0 0 10px 0;
                margin: 0;
            }

            .my_account_R_list_outer ul li h5 {
                color: #464646;
                font-size: 18px;
                padding: 0 0 15px 0;
                margin: 0;
            }

.my_account_last_login {
    font-family: 'Open Sans', sans-serif !important;
    padding: 20px 0 5px 0;
    text-align: center;
    color: #6e6d6d;
    font-size: 14px;
}

.chart_outer {
    padding: 0;
    margin: 50px 0 0 0;
    background: #fff;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}

@media ( min-width: 768px ) {
    .grid-divider {
        position: relative;
        padding: 0;
    }

        .grid-divider > [class*='col-'] {
            position: static;
        }

            .grid-divider > [class*='col-']:nth-child(n+2):before {
                content: "";
                border-left: 1px solid #DDD;
                position: absolute;
                top: 0;
                bottom: 0;
            }

    .col-padding {
        padding: 0 40px;
    }
}