@import "custom.css"; /*---| COLOR SCHEME---*/ /* * La Boutique - Responsive HTML Template * By tfingi   * Created: 10. Sept 2013 */ /* Table of Content ==================================================* BASIC SETUP* GENERAL ELEMENTS* LISTS* TABLES* IMAGES* GENERIC THINGS* FLASH MESSAGE* BUTTONS* FORMS* BOX* PANELS (THESE TO REPLACE ALL BOXES)* PAYMENT FORM* MODAL* TABLES* AJAX LOADER* HEADER* NAVIGATION* MAIN WRAPPER* CRUMBS* CONNECT* FOOTER* CREDITS* CATEGORY* PRODUCT LIST* PRODUCT LIST SMALL* RATINGS SMALL* FLEXSLIDER* CAPTIONS (used with Flex)* PROMOS* JCAROUSEL* HOME / FEATURED* PRODUCT* NAV-TABS* CART* CHECKOUT* STATIC PAGE* SEARCH* WELL* OPTIONS PANEL* HERO UNIT* GRIDS* ORDER HISTORY* LABEL* ALERTS* WIDGET* ADVERTS* ISOTOPE* BLOG* STORE LOCATOR* ROW COLLAPSE* POST MINI* MEGAMENU CUSTOMIZATION */ /*---| TYPOGRAPHY---*/ /*---| MISC---*/ /*---| BASIC SETUP---*/

::-moz-selection {
    background: #feffc3;
    color: #474948;
}

body {
    overflow-y: scroll;
}

body {
    background-color: #f0f0f0;
    font-family: Helvetica, Arial, sans-serif; /*font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;*/
    color: #474948;
}

@media (max-width: 767px) {
    body {
        padding: 0;
    }
}

.wrapper {
    background-color: transparent; /* background-color: #FFF;*/
}

@media (max-width: 767px) {
    .container {
        /* padding: 0 10px; */
        width: 440px;
    }
}

@media (max-width: 479px) {
    .container {
        padding: 0 0px;
        width: 300px;
    }
}
/*---| GENERAL ELEMENTS---*/

p, ul, ol, h1, h2, h3, h4, h5, h6, pre, table, form, blockquote, canvas, caption, embed, fieldset, figure, video, progress, object, map, hr {
    margin: 0 0 20px;
}

a {
    color: #e51837;
    text-decoration: underline;
    -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, -webkit-border-color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, -moz-border-color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}

/*a:hover, a:focus {
        color: #148f77;
    }*/

hr {
    border-top: 1px solid #f0f0f0;
    margin: 40px 0;
}

    hr.small {
        margin: 20px 0;
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    letter-spacing: -0.5px;
    font-family: "Helvetica", Helvetica, Arial, sans-serif;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        text-decoration: none;
    }

        h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
            text-decoration: none;
        }

h1 {
    font-size: 38px;
    line-height: 60px;
}

h2 {
    font-size: 35px;
    line-height: 52.5px;
}

h3 {
    font-size: 33px;
    line-height: 45px;
}

h4 {
    font-size: 30px;
    line-height: 37.5px;
}

h5 {
    font-size: 24px;
    line-height: 30px;
}

h6 {
    font-size: 18px;
    line-height: 22.5px;
}

code {
    border-bottom: 1px solid #e3e3e3;
    background-color: #f0f0f0;
    color: #606362;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
}

pre {
    border-bottom: 1px solid #e3e3e3;
    background-color: #f0f0f0;
    color: #606362;
    font-size: 12px;
    padding: 10px;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
}

ul {
    list-style-position: inside;
}
/*---| LISTS---*/

.list {
    list-style-position: inside;
}

    .list .list {
        padding-left: 40px;
    }

.list-disc {
    list-style-type: disc;
}

.list-square {
    list-style-type: square;
}

.list-border {
    list-style: none;
}

    .list-border li {
        border-left: 5px solid #e51837;
        padding-left: 10px;
        margin-bottom: 5px;
    }

.list-chevron {
    list-style: none;
}

    .list-chevron li:before {
        content: "\f105";
        color: #e51837;
        font-family: FontAwesome;
        margin-right: 5px;
    }

.list-none {
    list-style-type: none;
}

.columns1 {
    -webkit-columns: 20px 1;
    -moz-columns: 20px 1;
    columns: 20px 1;
}

.columns2 {
    -webkit-columns: 20px 2;
    -moz-columns: 20px 2;
    columns: 20px 2;
}

.columns3 {
    -webkit-columns: 20px 3;
    -moz-columns: 20px 3;
    columns: 20px 3;
}

.columns4 {
    -webkit-columns: 20px 4;
    -moz-columns: 20px 4;
    columns: 20px 4;
}

@media (max-width: 767px) {
    .columns1, .columns2, .columns3, .columns4 {
        -webkit-columns: 20px 1;
        -moz-columns: 20px 1;
        columns: 20px 1;
    }
}
/*---| TABLES---*/

.table td, .table th {
    border-top: 1px solid #e3e3e3;
}

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #f0f0f0;
}

.table-bordered {
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
}

    .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered thead:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child {
        -webkit-border-top-left-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius-topleft: 2px;
        -moz-background-clip: padding;
        border-top-left-radius: 2px;
        background-clip: padding-box;
    }

    .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered thead:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child {
        -webkit-border-top-right-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius-topright: 2px;
        -moz-background-clip: padding;
        border-top-right-radius: 2px;
        background-clip: padding-box;
    }

    .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered thead:last-child tr:last-child > td:first-child tbody:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child {
        -webkit-border-bottom-left-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius-bottomleft: 2px;
        -moz-background-clip: padding;
        border-bottom-left-radius: 2px;
        background-clip: padding-box;
    }

    .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered thead:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child {
        -webkit-border-bottom-right-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius-bottomright: 2px;
        -moz-background-clip: padding;
        border-bottom-right-radius: 2px;
        background-clip: padding-box;
    }

.table-hover tbody tr:hover > th, .table-hover tbody tr:hover > td {
    background-color: #e51837;
    color: #ffffff;
}
/*---| IMAGES---*/

.img-rounded {
    -webkit-border-radius: 10px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 10px;
    -moz-background-clip: padding;
    border-radius: 10px;
    background-clip: padding-box;
}

.img-circle {
    -webkit-border-radius: 9999px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 9999px;
    -moz-background-clip: padding;
    border-radius: 9999px;
    background-clip: padding-box;
}

.img-polaroid {
    border: 1px solid #d7d7d7;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; /*color: @arguments;*/
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
}
/*---| GENERIC THINGS---*/

.script {
    font-family: "Shadows Into Light", cursive;
    font-weight: 400;
    font-size: 150%;
}

.price-list {
    margin-bottom: -20px;
}

    .price-list li {
        margin: 0 -20px;
        padding: 0 20px;
        border-bottom: 1px dotted #f0f0f0;
        padding-top: 15px;
        padding-bottom: 15px;
        list-style: none;
        font-size: 13px;
        position: relative;
    }

        .price-list li strong {
            position: absolute;
            right: 20px;
        }

        .price-list li em {
            display: block;
            margin-top: 10px;
        }

        .price-list li.important {
            font-size: 14px;
            color: #e51837;
        }
        .price-list li.importantformiles {
            font-size: 14px;
            color: black;
        }
        .price-list li.miles-redeem-black b{
            font-size:15px;
        }
    .price-list li b{
        font-size:15px;
    }
    /*---| FLASH MESSAGE---*/
    .flash {
        background-color: #e51837;
        font-size: 12px;
        color: #ffffff;
        padding: 10px;
        margin-bottom: 20px;
        position: relative;
    }

    .flash a.remove {
        display: block;
        width: 14px;
        height: 14px;
        text-align: center;
        color: rgba(71, 73, 72, 0.6);
        text-shadow: 0 1px rgba(255, 255, 255, 0.25);
        text-decoration: none;
        font-size: 14px;
        line-height: 14px;
        position: absolute;
        top: 4px;
        right: 4px;
    }

        .flash a.remove:hover {
            color: rgba(71, 73, 72, 0.8);
        }

    .flash.error {
        background-color: #c24227;
    }
/*---| BUTTONS---*/

.btn {
    font-family: "Helvetica", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    text-shadow: none;
    font-size: 12px;
    border: none;
    background-color: #515151;
    background-image: none;
    text-decoration: none;
    letter-spacing: 0.5px;
    letter-spacing: 0.1px \9;
    word-spacing: 1px;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 -2px 0 rgba(71, 73, 72, 0.050000000000000044);
    -moz-box-shadow: inset 0 -2px 0 rgba(71, 73, 72, 0.050000000000000044);
    box-shadow: inset 0 -2px 0 rgba(71, 73, 72, 0.050000000000000044); /*color: @arguments;*/
}

    .btn:hover, .btn:focus, .btn:active {
        color: #ffffff;
        background-position: inherit;
        background-color: #b0b0b0;
    }

    .btn:focus, .btn:active {
        -webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.5);
        -moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.5);
        box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.5); /*color: @arguments;*/
    }

    .btn[disabled], .btn.disabled {
        color: #ffffff;
        background-color: #f0f0f0;
        cursor: no-drop;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

        .btn[disabled]:hover, .btn.disabled:hover, .btn[disabled]:focus, .btn.disabled:focus, .btn[disabled]:active, .btn.disabled:active {
            background-color: #f0f0f0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none; /*color: @arguments;*/
        }

.btn-primary { /*  background-color: #e51837; */
    background-color: #e51837;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active { /* background-color: #17a689; */
        background-color: #e51837;
    }

.btn-turquoise {
    background-color: #e51837;
}

    .btn-turquoise:hover, .btn-turquoise:focus, .btn-turquoise:active {
        background-color: #17a689;
    }

.btn-greensea {
    background-color: #16a085;
}

    .btn-greensea:hover, .btn-greensea:focus, .btn-greensea:active {
        background-color: #138a72;
    }

.btn-emerland {
    background-color: #2ecc71;
}

    .btn-emerland:hover, .btn-emerland:focus, .btn-emerland:active {
        background-color: #29b765;
    }

.btn-nephritis {
    background-color: #27ae60;
}

    .btn-nephritis:hover, .btn-nephritis:focus, .btn-nephritis:active {
        background-color: #229955;
    }

.btn-peterriver {
    background-color: #3498db;
}

    .btn-peterriver:hover, .btn-peterriver:focus, .btn-peterriver:active {
        background-color: #258cd1;
    }

.btn-belizehole {
    background-color: #2980b9;
}

    .btn-belizehole:hover, .btn-belizehole:focus, .btn-belizehole:active {
        background-color: #2472a4;
    }

.btn-amethyst {
    background-color: #9b59b6;
}

    .btn-amethyst:hover, .btn-amethyst:focus, .btn-amethyst:active {
        background-color: #8f4bab;
    }

.btn-wisteria {
    background-color: #8e44ad;
}

    .btn-wisteria:hover, .btn-wisteria:focus, .btn-wisteria:active {
        background-color: #7f3d9b;
    }

.btn-wetasphalt {
    background-color: #34495e;
}

    .btn-wetasphalt:hover, .btn-wetasphalt:focus, .btn-wetasphalt:active {
        background-color: #2b3c4e;
    }

.btn-midnightblue {
    background-color: #2c3e50;
}

    .btn-midnightblue:hover, .btn-midnightblue:focus, .btn-midnightblue:active {
        background-color: #233140;
    }

.btn-sunflower {
    background-color: #f1c40f;
}

    .btn-sunflower:hover, .btn-sunflower:focus, .btn-sunflower:active {
        background-color: #dab10d;
    }

.btn-orange {
    background-color: #f39c12;
}

    .btn-orange:hover, .btn-orange:focus, .btn-orange:active {
        background-color: #e08e0b;
    }

.btn-carrot {
    background-color: #e67e22;
}

    .btn-carrot:hover, .btn-carrot:focus, .btn-carrot:active {
        background-color: #d67118;
    }

.btn-pumpkin {
    background-color: #d35400;
}

    .btn-pumpkin:hover, .btn-pumpkin:focus, .btn-pumpkin:active {
        background-color: #ba4a00;
    }

.btn-alizarin {
    background-color: #e74c3c;
}

    .btn-alizarin:hover, .btn-alizarin:focus, .btn-alizarin:active {
        background-color: #e43725;
    }

.btn-pomegranate {
    background-color: #c0392b;
}

    .btn-pomegranate:hover, .btn-pomegranate:focus, .btn-pomegranate:active {
        background-color: #ab3326;
    }

.btn-facebook {
    background-color: #3B5998;
}

    .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active {
        background-color: #344e86;
    }

.btn-twitter {
    background-color: #1ab2e8;
}

    .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
        background-color: #15a1d3;
    }

.btn-googleplus {
    background-color: #dd4a38;
}

    .btn-googleplus:hover, .btn-googleplus:focus, .btn-googleplus:active {
        background-color: #d73825;
    }

.btn-pinterest {
    background-color: #ce2127;
}

    .btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active {
        background-color: #b81d23;
    }

.btn {
    padding: 12px 20px;
}

.btn-large {
    padding: 16px 24px;
}

.btn-small {
    padding: 8px 16px;
}

.btn-mini {
    padding: 4px 12px;
}

.input-append .btn, .input-prepend .btn, .input-append .btn:last-child, .input-prepend .btn:first-child {
    padding: 4px 20px;
    border: 1px solid #cacaca;
    -webkit-border-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0px;
    -moz-background-clip: padding;
    border-radius: 0px;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    -moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.09999999999999998); /*color: @arguments;*/
}

@media (max-width: 479px) {
    .mm20 {
        margin-top: 20px;
    }
}
/*---| FORMS---*/

form {
    margin-bottom: 0;
}

label {
    font-size: 12px;
    margin-bottom: 2px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 300;
    -webkit-border-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0px;
    -moz-background-clip: padding;
    border-radius: 0px;
    background-clip: padding-box;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-color: #cacaca;
    -webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    -moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.09999999999999998); /*color: @arguments;*/
}

    textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
        background-color: #f6f6f6;
        border-color: #cacaca;
        -webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
        -moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
        box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996); /*color: @arguments;*/
    }

textarea {
    min-height: 60px !important;
    max-height: 240px !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.control-group {
    margin-bottom: 10px;
}
/*---| BOX---*/

.hgroup.title {
    margin: 0 -20px;
    padding: 0 20px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
    background-color: #ffffff;
}

    .hgroup.title h1, .hgroup.title h2, .hgroup.title h3, .hgroup.title h4, .hgroup.title h5, .hgroup.title h6 {
        font-size: 14px;
        line-height: 21px;
        color: #939694;
        font-weight: 400;
        margin: 0;
    }

        .hgroup.title h1:first-child, .hgroup.title h2:first-child, .hgroup.title h3:first-child, .hgroup.title h4:first-child, .hgroup.title h5:first-child, .hgroup.title h6:first-child {
            font-size: 16px;
            line-height: 24px;
            color: #474948;
            font-weight: 700;
        }

.box {
    margin-bottom: 20px;
    background-color: #ffffff;
    padding: 20px;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); /*color: @arguments;*/
}

    .box .box-header {
        margin: 0 -20px;
        padding: 0 20px;
        border-bottom: 1px solid #f0f0f0;
        padding-bottom: 20px;
        background-color: #ffffff;
    }

        .box .box-header h3 {
            font-size: 16px;
            line-height: 24px;
            color: #474948;
            font-weight: 700;
            margin: 0;
        }

        .box .box-header h5 {
            font-size: 14px;
            line-height: 21px;
            color: #939694;
            font-weight: 400;
            margin: 0;
        }

    .box .box-image {
        margin: -20px -20px 20px;
        border-bottom: 1px solid #f0f0f0;
    }

        .box .box-image a, .box .box-image img {
            display: block;
        }

    .box .box-body, .box .box-content {
        margin-top: 20px;
    }

        .box .box-body > *:last-child, .box .box-content > *:last-child {
            margin-bottom: 0;
        }

        .box .box-body .price-list, .box .box-content .price-list {
            margin: -20px;
        }

            .box .box-body .price-list li, .box .box-content .price-list li {
                margin: 0;
            }

    .box .box-footer { /*zoom: 1;*/
        margin: 20px -20px -20px;
        padding: 20px;
        border-top: 1px solid #f0f0f0;
        background-color: #f9f9f9;
    }

        .box .box-footer:before {
            content: '';
            display: block;
        }

        .box .box-footer:after {
            content: '';
            display: table;
            clear: both;
        }

    .box .box-header + .box-footer {
        border-top: none;
        margin-top: 0;
    }

    .box .box-content.highlight {
        margin: 0 -20px;
        padding: 0 20px;
        padding: 20px;
        background-color: #f9f9f9;
        margin-bottom: -20px;
    }

    .box .buttons { /*zoom: 1;*/
        margin: 20px -20px -20px;
        padding: 20px;
        border-top: 1px solid #f0f0f0;
        background-color: #f9f9f9;
    }

        .box .buttons:before {
            content: '';
            display: block;
        }

        .box .buttons:after {
            content: '';
            display: table;
            clear: both;
        }

    .box .hgroup.title + .buttons {
        border-top: none;
        margin-top: 0;
    }

    .box.border-top { /* border-top: 5px solid #e51837; */
        border-top: 5px solid #e51837;
    }

    .box.border-right {
        border-right: 5px solid #e51837;
    }

    .box.border-bottom {
        border-bottom: 5px solid #e51837;
    }

    .box.border-left {
        border-left: 5px solid #e51837;
    }

.extend {
    margin: 0 -20px;
    padding: 0 20px;
}
/*---| PANELS (THESE TO REPLACE ALL BOXES)---*/

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    padding: 20px;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); /*color: @arguments;*/
}

    .panel .panel-content {
        margin: -20px;
        padding: 20px;
    }

    .panel.border-top {
        border-top: 5px solid #e51837;
    }

    .panel.border-right {
        border-right: 5px solid #e51837;
    }

    .panel.border-bottom {
        border-bottom: 5px solid #e51837;
    }

    .panel.border-left {
        border-left: 5px solid #e51837;
    }

.panel-navigation {
    list-style: none;
    margin: -20px 0;
    font-size: 12px;
}

    .panel-navigation .panel-navigation {
        margin: 0;
    }

    .panel-navigation a {
        display: block;
        padding: 15px 20px;
        border-bottom: 1px solid #f0f0f0;
        margin: 0 -20px;
        color: #474948;
        text-decoration: none;
        position: relative;
    }

        .panel-navigation a:hover {
            background-color: #e51837;
            color: #ffffff;
            border-color: #e51837;
        }

            .panel-navigation a:hover .toggle {
                color: #e51837;
                background-color: #ffffff;
            }

    .panel-navigation.primary > li > a {
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
    }

    .panel-navigation.primary .toggle {
        margin-top: 2px;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        height: 20px;
        width: 20px;
        text-align: center;
        position: absolute;
        right: 20px;
        background-color: #d7d7d7;
        color: #ffffff;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
    }
/*---| PAYMENT FORM---*/

.payment-form > div {
    margin-top: 20px;
}

.payment-form ul.form {
    list-style: none;
}

    .payment-form ul.form > li {
        margin-bottom: 20px;
    }
/*---| MODAL---*/

.modal {
    border: none;
    -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5); /*color: @arguments;*/
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
}

    .modal .modal-header {
        padding: 20px;
    }

        .modal .modal-header .hgroup.title {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none;
        }

        .modal .modal-header button {
            margin: 0;
        }

    .modal .modal-body {
        padding: 20px;
    }

    .modal .modal-footer {
        padding: 20px;
        border-top: 1px solid #f0f0f0;
        background-color: #f9f9f9;
        text-align: left;
        -webkit-border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 0;
        -moz-background-clip: padding;
        border-radius: 0;
        background-clip: padding-box;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; /*color: @arguments;*/
    }

    .modal .modal-head + modal-footer {
        border-top: none;
    }

.modal-backdrop {
    background-color: #474948;
}

    .modal-backdrop, .modal-backdrop.fade.in {
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
/*---| TABLES---*/

.styled-table {
    width: 100%;
    margin-bottom: 20px;
}

    .styled-table thead th, .styled-table thead td {
        font-size: 12px;
        color: #474948;
        border-bottom: 1px solid #d7d7d7;
        text-transform: uppercase;
    }

    .styled-table thead th {
        font-weight: 600;
    }

    .styled-table thead td {
        font-weight: 400;
    }

    .styled-table tbody th, .styled-table tbody td {
        border-bottom: 1px solid #f0f0f0;
    }

    .styled-table thead th, .styled-table tbody th, .styled-table thead td, .styled-table tbody td {
        text-align: left;
        padding: 10px;
        vertical-align: top;
    }

        .styled-table thead th:first-child, .styled-table tbody th:first-child, .styled-table thead td:first-child, .styled-table tbody td:first-child {
            padding-left: 0;
        }

        .styled-table thead th:last-child, .styled-table tbody th:last-child, .styled-table thead td:last-child, .styled-table tbody td:last-child {
            padding-right: 0;
        }

        .styled-table thead th.text-left, .styled-table tbody th.text-left, .styled-table thead td.text-left, .styled-table tbody td.text-left {
            text-align: left;
        }

        .styled-table thead th.text-center, .styled-table tbody th.text-center, .styled-table thead td.text-center, .styled-table tbody td.text-center {
            text-align: center;
        }

        .styled-table thead th.text-right, .styled-table tbody th.text-right, .styled-table thead td.text-right, .styled-table tbody td.text-right {
            text-align: right;
        }
/*---| HELPERS---*/ /*---| AJAX LOADER---*/

.ajax_loading_indicator {
    position: fixed;
    background: url('../../img/loader.gif') center center no-repeat rgba(71, 73, 72, 0.5);
    width: 100%;
    height: 100%;
}

    .ajax_loading_indicator > span {
        display: none;
    }
/*=====		HEADER=====*/

.header {
    position: relative;
    z-index: 250;
}

    .header a {
        color: inherit;
        font-weight: 700;
        text-decoration: none;
        font-size: 13px;
    }

    .header .top {
        position: relative;
        z-index: 10;
        background-color: #474948;
        height: 32px;
        font-size: 12px;
        line-height: 32px;
        color: #ffffff;
    }

        .header .top p, .header .top ul {
            margin-bottom: 0;
        }

        .header .top a {
            font-size: 12px;
            color: inherit;
            text-decoration: none;
            color: #ffffff;
        }

            .header .top a:hover {
                color: #e51837;
                text-decoration: none;
                color: #c7c8c8;
            }

    .header .bottom {
        background-color: #ffffff;
        padding: 0;
        -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
        -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
        box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996); /*color: @arguments;*/ /*zoom: 1;*/
    }

        .header .bottom:before {
            content: '';
            display: block;
        }

        .header .bottom:after {
            content: '';
            display: table;
            clear: both;
        }

@media (max-width: 767px) {
    .header .bottom .container {
        position: relative; /*margin-bottom: -30px;    	 height: 200px;*/
        height: 144px;
        overflow: hidden;
    }
}

.header .logo { /* padding: 10px 0;  height:72px;*/
    height: 45px;
    padding: 0;
}

    .header .logo a {
        display: inline-block;
        text-decoration: none; /*margin-top:-10px;*/ /*position:relative;*/
        position: absolute;
    }

    .header .logo img {
        max-height: 100%;
    }

@media (max-width: 767px) {
    .header .logo {
        width: auto;
        float: none;
        margin: 0;
    }

        .header .logo a {
            text-align: center;
        }
}

.search {
    padding: 25px 0;
}

@media (max-width: 767px) {
    .search {
        padding: 20px 0;
    }
}

.search .qs_s {
    position: relative;
}

    .search .qs_s #query {
        background-color: #f0f0f0;
        border-color: #d7d7d7;
        padding: 4px 14px;
        margin-bottom: 0;
        width: 100%;
        height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 9999px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 9999px;
        -moz-background-clip: padding;
        border-radius: 9999px;
        background-clip: padding-box;
        -webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
        -moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
        box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996); /*color: @arguments;*/
    }

        .search .qs_s #query:focus {
            background-color: #f6f6f6;
            -webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
            -moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
            box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996); /*color: @arguments;*/
        }

.search #autocomplete-results {
    position: absolute;
    width: 100%;
}

    .search #autocomplete-results ul {
        margin: 6px 0 0;
        background-color: #ffffff;
        border-left: 5px solid #e51837;
        position: relative;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
        -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
        box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5); /*color: @arguments;*/
    }

        .search #autocomplete-results ul:before {
            content: "";
            display: block;
            width: 26px;
            height: 14px;
            position: absolute;
            left: 50%;
            top: -14px;
            margin-left: -13px;
            background-image: url('../../img/triangle.png');
            z-index: 100;
        }

        .search #autocomplete-results ul li {
            list-style: none;
            border-top: 1px solid #f0f0f0;
        }

            .search #autocomplete-results ul li:first-child {
                border-top: none;
            }

        .search #autocomplete-results ul a {
            display: block;
            padding: 10px;
            color: inherit;
            text-decoration: none;
        }

            .search #autocomplete-results ul a .image {
                width: 30px;
                height: 30px;
                overflow: hidden;
                float: left;
                margin-right: 10px;
            }

                .search #autocomplete-results ul a .image img {
                    display: block;
                }

            .search #autocomplete-results ul a h6 {
                line-height: 30px;
                font-size: 12px;
                margin: 0;
                font-weight: 400;
            }

            .search #autocomplete-results ul a:hover {
                background-color: #f0f0f0;
            }

        .search #autocomplete-results ul li.active a {
            text-decoration: none;
            background-color: #e51837;
        }

            .search #autocomplete-results ul li.active a h6 {
                font-weight: 700;
                color: #ffffff;
            }

.mini-cart { /*padding: 20px 0;*/
    margin-top: 16px;
    padding: 2px 15px 0 20px;
    background: #e51837;
    float: right;
}

@media (max-width: 767px) {
    .mini-cart {
        display: block;
        position: absolute; /*top: 0;*/
        right: 0;
        bottom: 10px;
    }
}

.mini-cart a {
    display: block;
    line-height: 40px;
    float: right;
    height: 40px;
    width: 25px;
    background: url('../../img/cart.png') no-repeat left center;
    position: relative; /*float:left;*/
}

    .mini-cart a > span {
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 11px;
        text-align: center; /*  background-color: #e51837; */
        background-color: #000;
        color: #ffffff;
        position: absolute;
        top: 0;
        right: -5px;
        -webkit-border-radius: 12px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 12px;
        -moz-background-clip: padding;
        border-radius: 12px;
        background-clip: padding-box;
    }
/*---| NAVIGATION---*/

nav.navigation { /*background-color: #fbfbf9;*/
    position: relative; /* z-index: 240; */
    -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998); /*color: @arguments;*/
    background: rgb(223,223,223); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(223,223,223,1) 0%, rgba(215,215,215,1) 47%, rgba(211,211,211,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,223,223,1)), color-stop(47%,rgba(215,215,215,1)), color-stop(100%,rgba(211,211,211,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(223,223,223,1) 0%,rgba(215,215,215,1) 47%,rgba(211,211,211,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(223,223,223,1) 0%,rgba(215,215,215,1) 47%,rgba(211,211,211,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(223,223,223,1) 0%,rgba(215,215,215,1) 47%,rgba(211,211,211,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(223,223,223,1) 0%,rgba(215,215,215,1) 47%,rgba(211,211,211,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
}

@media (max-width: 979px) {
    nav.navigation .container .row .span9 {
        width: auto;
    }
}

.main-menu {
    margin: 0 0 0 100px;
    margin: 0 0 0 100px \9;
    height: auto; /*zoom: 1;*/
    float: left;
}

    .main-menu:before {
        content: '';
        display: block;
    }

    .main-menu:after {
        content: '';
        display: table;
        clear: both;
    }

    .main-menu li {
        list-style: none;
    }

    .main-menu a {
        text-decoration: none;
        font-size: 13px;
        display: block;
    }

    .main-menu li {
        position: relative;
    }

        .main-menu li ul {
            display: none;
            position: absolute; /*  border-top: 5px solid #e51837; */
            border-top: 5px solid #e51837;
            background-color: #ffffff; /*overflow: hidden;*/
            margin: 0;
            -webkit-border-radius: 2px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 2px;
            -moz-background-clip: padding;
            border-radius: 2px;
            background-clip: padding-box;
            -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
            -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
            box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); /*color: @arguments;*/
            z-index: 1000;
            min-width: 200px;
            margin-top: -10px;
            margin-top: 0px \9;
        }
/* IE9 uses \9 */

@media all and (monochrome:0) {
    .main-menu li ul {
        margin-top: -10px \9;
    }
}
/* IE10 and IE11 both use -ms-high-contrast */

@media all and (-ms-high-contrast:none) {
    .main-menu li ul {
        margin-top: -10px;
    }
    /* IE10 */

    *::-.main-menu li ul {
        margin-top: -10px;
    }
    /* IE11 */
}

.main-menu li ul li a {
    padding: 15px 20px;
    border-top: 1px solid #f0f0f0;
    color: #474948;
}

.main-menu li ul li.menu-item-has-children > a:before {
    font-family: fontAwesome;
    content: "\f0da";
    float: right;
    color: #474948;
}

.main-menu li ul li:first-child a {
    border-top: none;
}

.main-menu li ul li ul {
    left: 190px;
    top: 10px;
}

.main-menu li:hover > a { /*   background-color: #e51837; */
    background-color: #e51837;
    color: #ffffff;
}

.main-menu li:hover.menu-item-has-children > a:before {
    color: #ffffff;
}

.main-menu li:hover > ul { /* display: block;*/
    display: block \9;
}

.main-menu > li {
    float: left;
}

    .main-menu > li > ul { /* left: -9999px;  top: -9999px;  */
    }


    .main-menu > li > a { /*padding: 15px 30px 15px 0;*/
        padding: 10px 46px 10px 25px;
        color: #404040; /*text-transform: uppercase;*/
        border-right: 1px solid #bebebe;
        background: url('../../img/caret_down.png') no-repeat right bottom;
    }

        .main-menu > li:hover > a, .main-menu > li > a:hover { /* color: #e51837; */
            color: #333; /*border-right:1px solid #bebebe;*/
            background: #fff url('../../img/caret_down.png') no-repeat right bottom;
        }

@media all\0 {
    .main-menu > li > a {
        padding: 10px 40px 10px 25px;
    }
}

@media (min-width: 980px) and (max-width: 1199px) {
    .main-menu > li > a {
        padding: 10px 38px 10px 18px;
    }
}

@media (min-width: 480px) and (max-width: 980px) {
    .main-menu > li > a {
        padding: 10px 15px 10px 5px;
    }
}

@media (max-width: 768px) {
    .main-menu > li > a {
        background: none;
    }

        .main-menu > li:hover > a, .main-menu > li > a:hover {
            background: none;
        }
}

.main-menu > li ul li ul li > ul {
    left: auto;
    right: 190px;
}

    .main-menu > li ul li ul li > ul li ul {
        right: auto;
        left: 190px;
    }

.main-menu .megamenu-parent {
    position: static;
}

.main-menu .megamenu-sub-menu { /*margin-left: 0px !important;*/
    padding: 20px;
    padding-top: 0px;
}

    .main-menu .megamenu-sub-menu ul {
        position: static;
        left: auto;
        top: auto;
        right: auto;
        min-width: 0px;
    }

    .main-menu .megamenu-sub-menu li:hover ul {
        left: auto;
        top: auto;
    }

    .main-menu .megamenu-sub-menu .megamenu-inner-sub-menu {
        width: 100%;
    }

        .main-menu .megamenu-sub-menu .megamenu-inner-sub-menu > li {
            display: block;
            padding: 0px;
            margin: 0px;
            border: 0px;
        }

            .main-menu .megamenu-sub-menu .megamenu-inner-sub-menu > li a {
                display: block;
                background: none;
                color: #474948;
                padding: 5px;
                margin: 0px;
                border: 0px;
                font-size: 12px;
            }

                .main-menu .megamenu-sub-menu .megamenu-inner-sub-menu > li a:before {
                    content: "\f105"; /* color: #e51837; */
                    color: #e51837;
                    font-family: FontAwesome;
                    margin-right: 5px;
                }

                .main-menu .megamenu-sub-menu .megamenu-inner-sub-menu > li a:hover { /*  color: #e51837; */
                    color: #555;
                }

    .main-menu .megamenu-sub-menu .megamenu-column {
        float: left;
        padding-right: 20px;
    }

        .main-menu .megamenu-sub-menu .megamenu-column ul {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none; /*color: @arguments;*/
            border: 0px;
            padding: 0px;
        }

        .main-menu .megamenu-sub-menu .megamenu-column a {
            color: #e51837;
        }

            .main-menu .megamenu-sub-menu .megamenu-column a:before {
                content: "";
            }

            .main-menu .megamenu-sub-menu .megamenu-column a:hover {
                color: #474948;
            }

    .main-menu .megamenu-sub-menu .megamenu-content { /*padding-top: 20px;*/
        font-size: 12px;
    }

        .main-menu .megamenu-sub-menu .megamenu-content .map-canvas, .main-menu .megamenu-sub-menu .megamenu-content img, .main-menu .megamenu-sub-menu .megamenu-content iframe {
            margin: 0px;
            padding: 0px;
            display: block;
        }

        .main-menu .megamenu-sub-menu .megamenu-content .map-canvas {
            margin-bottom: 20px;
        }

        .main-menu .megamenu-sub-menu .megamenu-content [class*="span"] {
            width: 100%;
        }

        .main-menu .megamenu-sub-menu .megamenu-content ul {
            display: block;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none; /*color: @arguments;*/
            border: 0px;
            list-style: disc;
        }

            .main-menu .megamenu-sub-menu .megamenu-content ul li {
                border: 0px;
                list-style: disc;
            }

                .main-menu .megamenu-sub-menu .megamenu-content ul li a {
                    border: 0px;
                    background: none;
                    color: #474948;
                }

                    .main-menu .megamenu-sub-menu .megamenu-content ul li a:hover {
                        color: #e51837;
                        background: none;
                    }

    .main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading, .main-menu .megamenu-sub-menu .megamenu-heading {
        margin: 0px;
        padding: 0px;
        padding-top: 20px;
        left: auto;
        right: auto;
        clear: both;
    }

        .main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading a:hover, .main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading:hover a, .main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading a, .main-menu .megamenu-sub-menu .megamenu-heading a:hover, .main-menu .megamenu-sub-menu .megamenu-heading:hover a, .main-menu .megamenu-sub-menu .megamenu-heading a {
            background: none;
            margin: 0px;
            padding: 0px;
            color: #474948;
            font-weight: bold;
            font-size: 16px;
            cursor: text;
            margin-bottom: 20px;
            display: block;
            border: 0px;
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            -ms-transition: none;
            transition: none;
        }

            .main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading a:hover:before, .main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading:hover a:before, .main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading a:before, .main-menu .megamenu-sub-menu .megamenu-heading a:hover:before, .main-menu .megamenu-sub-menu .megamenu-heading:hover a:before, .main-menu .megamenu-sub-menu .megamenu-heading a:before {
                display: none;
            }

    .main-menu .megamenu-sub-menu input[type="text"], .main-menu .megamenu-sub-menu input[type="password"], .main-menu .megamenu-sub-menu input[type="date"], .main-menu .megamenu-sub-menu input[type="datetime"], .main-menu .megamenu-sub-menu input[type="email"], .main-menu .megamenu-sub-menu input[type="number"], .main-menu .megamenu-sub-menu input[type="search"], .main-menu .megamenu-sub-menu input[type="tel"], .main-menu .megamenu-sub-menu input[type="time"], .main-menu .megamenu-sub-menu input[type="url"], .main-menu .megamenu-sub-menu textarea, .main-menu .megamenu-sub-menu select {
        min-height: 30px;
        width: 100%;
    }

    .main-menu .megamenu-sub-menu textarea {
        height: 100px;
    }

.megamenu_container {
    height: auto;
    float: left;
}

.main-menu-button {
    display: none !important;
}

@media only screen and (min-width: 780px) {
    .main-menu > li:hover > ul { /*left: 0px;*/
        top: 50px;
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    .main-menu-button {
        display: block !important;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        padding: 10px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 10px;
        text-decoration: none;
        border: 0px; /*  background-color: #e51837; */
        background-color: #e51837;
        color: #ffffff;
    }

        .main-menu-button:after {
            font-family: fontAwesome;
            content: "\f078";
            font-weight: bold;
            float: right;
        }

        .main-menu-button:hover, .main-menu-button:focus, .main-menu-button:active { /* background-color: rgba(26, 188, 156, 0.8); */
            background-color: #e51837;
            color: #ffffff;
            text-decoration: none;
        }

    .megamenu_container {
        overflow: hidden;
        -webkit-transition: height 0.5s ease;
        -moz-transition: height 0.5s ease;
        -o-transition: height 0.5s ease;
        -ms-transition: height 0.5s ease;
        transition: height 0.5s ease;
        padding-bottom: 10px;
    }

    .main-menu {
        position: relative;
        margin-bottom: 5px;
        right: 0%;
        display: none;
        margin-left: 0;
    }

        .main-menu.selected {
            display: block;
        }

        .main-menu li {
            display: block; /*float: none;*/
            margin-top: 1px;
            position: static;
            width: 100%;
        }

            .main-menu li a {
                display: block;
                float: none;
                padding: 10px 15px;
            }

                .main-menu li a:hover { /*  background-color: #e51837; */
                    background-color: #e51837;
                    -webkit-border-radius: 2px;
                    -webkit-background-clip: padding-box;
                    -moz-border-radius: 2px;
                    -moz-background-clip: padding;
                    border-radius: 2px;
                    background-clip: padding-box;
                    color: #ffffff !important;
                }

            .main-menu li.back > a:before {
                font-family: fontAwesome;
                content: "\f0d9";
                margin-right: 5px;
            }

            .main-menu li.menu-item-has-children > a:before {
                font-family: fontAwesome;
                content: "\f0da";
                float: right; /*color: @black;*/
            }

            .main-menu li.megamenu-parent {
                display: none;
            }

            .main-menu li ul, .main-menu li ul li ul, .main-menu li ul li ul li ul, .main-menu li ul li ul li ul li ul { /*display: block;*/ /*position: static;*/
                display: none;
                width: 100%;
                position: absolute;
                left: 100%;
                right: auto;
                top: 0px;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none; /*color: @arguments;*/
                background: none;
                border: 0px;
            }

            .main-menu li.selected > ul {
                display: block;
            }
}
/*---| MAIN---*/

.main { /*padding: 10px 0 80px;*/
    padding: 0px;
}

@media (min-width: 1024px) {
    body.no__breadcrumb:not(.home__pg) .main {
        margin-top: 115px;
    }
}
@media (max-width: 1023px) {
    .inner__pg .main {
        margin-top: 60px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .inner__pg:not(.no__breadcrumb) .main {
        margin-top: 48px;
    }
    .breadcrumb._mupdate {
        margin-top: 0;
    }
}
/*---| CRUMBS---*/

.crumbs {
    background-color: #fbfbf9;
    position: relative;
    z-index: 40;
    -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998); /*color: @arguments;*/
}

.breadcrumb {
    background-color: transparent;
    margin: 0;
    font-size: 12px; /*padding: 15px 0;*/
    -webkit-border-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0px;
    -moz-background-clip: padding;
    border-radius: 0px;
    background-clip: padding-box;
    margin: 46px auto 10px auto;
    float: left;
}
@media (max-width: 767px) {
    .breadcrumb {
        margin-top: 0;
    }
}

    .breadcrumb li {
        text-shadow: none;
        float: left;
        line-height: 15px;
    }

        .breadcrumb li:last-child a:after {
            content: "";
        }

    .breadcrumb a {
        color: inherit;
        text-decoration: none;
    }

        .breadcrumb a:hover, .breadcrumb a:focus {
            color: #e51837;
        }

        .breadcrumb a:after {
            content: "\f105";
            font-family: FontAwesome;
            margin: 0 5px 0 8px;
            color: #adafae;
        }

    .breadcrumb .active {
        color: #939694;
    }
/*---| CONNECT---*/

.twitter-bar {
    display: none;
    padding: 20px 0;
    background-color: #fbfbf9;
    position: relative;
    z-index: 40;
    -webkit-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.09999999999999998);
    -moz-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.09999999999999998);
    box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.09999999999999998); /*color: @arguments;*/
}

    .twitter-bar .icon {
        font-size: 16px;
        line-height: 32px;
        background-color: #00acee;
        color: #ffffff;
        float: left;
        width: 32px;
        text-align: center;
        margin-right: 10px;
        -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
        -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
        box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996); /*color: @arguments;*/
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
    }

    .twitter-bar #tweets {
        float: left;
    }

@media (max-width: 767px) {
    .twitter-bar #tweets {
        max-width: 390px;
    }
}

@media (max-width: 480px) {
    .twitter-bar #tweets {
        max-width: 250px;
    }
}

.tweet_list {
    list-style: none;
    margin: 0;
}

    .tweet_list .tweet {
        color: #868988;
        font-size: 12px;
        line-height: 18px; /*zoom: 1;*/
    }

        .tweet_list .tweet:before {
            content: '';
            display: block;
        }

        .tweet_list .tweet:after {
            content: '';
            display: table;
            clear: both;
        }

        .tweet_list .tweet .avatar {
            height: 32px;
            width: 32px;
            float: left;
            margin-right: 10px;
            overflow: hidden;
            -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
            -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
            box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996); /*color: @arguments;*/
            -webkit-border-radius: 2px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 2px;
            -moz-background-clip: padding;
            border-radius: 2px;
            background-clip: padding-box;
        }

            .tweet_list .tweet .avatar img {
                display: block;
                height: 32px;
                width: 32px;
            }

        .tweet_list .tweet .text {
            margin: 7px 0;
            float: left;
        }

@media (max-width: 767px) {
    .tweet_list .tweet .text {
        max-width: 340px;
    }
}

@media (max-width: 480px) {
    .tweet_list .tweet .text {
        max-width: 200px;
    }
}

.tweet_list .tweet .tweet_time {
    margin-left: 5px;
    font-size: 10px;
    font-style: italic;
}

.tweet_list .tweet a {
    color: inherit;
    text-decoration: none;
}

    .tweet_list .tweet a:hover {
        color: #e51837;
    }
/*---| FOOTER---*/

.footer {
    position: relative;
    z-index: 50;
    background-color: #ffffff; /*padding: 40px 0;*/
    padding: 20px 0;
    font-size: 13px;
    color: #797d7b;
    -webkit-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996);
    -moz-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996);
    box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996); /*color: @arguments;*/
}

    .footer h6 {
        font-size: 13px;
        font-weight: 600; /*text-transform: uppercase;*/
        margin: 0 0 12px;
        color: #474948;
    }

    .footer .links {
        margin: 0;
    }

@media (max-width: 767px) {
    .footer .links {
        margin-bottom: 40px;
    }
}

.footer .links li {
    list-style: none;
}

.footer .links a {
    color: #797d7b;
    text-decoration: none;
}

    .footer .links a:hover, .footer .links a:focus { /* color: #e51837; */
        color: #333;
        text-decoration: underline;
    }

.footer .confidence img {
    display: block;
    margin: 20px 0;
}

.footer .twitter {
    font-size: 12px;
    line-height: 18px;
}

    .footer .twitter .tweet_list {
        margin: 0;
    }

        .footer .twitter .tweet_list li {
            list-style: none;
            border-top: 1px solid #f0f0f0;
            padding-top: 20px;
            margin-top: 20px; /*zoom: 1;*/
        }

            .footer .twitter .tweet_list li:before {
                content: '';
                display: block;
            }

            .footer .twitter .tweet_list li:after {
                content: '';
                display: table;
                clear: both;
            }

            .footer .twitter .tweet_list li .avatar {
                float: left;
                width: 10%;
                margin-right: 5%;
            }

            .footer .twitter .tweet_list li .text {
                width: 85%;
                float: left;
            }

                .footer .twitter .tweet_list li .text a {
                    text-decoration: none;
                }

                .footer .twitter .tweet_list li .text .tweet_text, .footer .twitter .tweet_list li .text .tweet_time {
                    display: block;
                }

                .footer .twitter .tweet_list li .text .tweet_time {
                    margin-top: 10px;
                    font-size: 11px;
                    font-style: italic;
                }

                    .footer .twitter .tweet_list li .text .tweet_time a {
                        color: #adafae;
                        text-decoration: none;
                    }

                        .footer .twitter .tweet_list li .text .tweet_time a:hover, .footer .twitter .tweet_list li .text .tweet_time a:focus {
                            color: #e51837;
                        }

            .footer .twitter .tweet_list li.tweet_first {
                border-top: none;
                margin-top: 0;
                padding-top: 0;
            }

.footer .newsletter form {
    margin-bottom: 20px;
}

.footer .newsletter .input-append {
    margin-bottom: 0;
}

.footer .newsletter p {
    font-size: 12px;
    line-height: 18px;
    color: #939694;
    font-style: italic;
    margin: 0 0 5px 0;
}

.main-menu .social, .footer .social {
    -webkit-border-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0px;
    -moz-background-clip: padding;
    border-radius: 0px;
    background-clip: padding-box;
}

    .main-menu .social ul, .footer .social ul {
        margin-left: -6px;
        margin-bottom: -6px; /*zoom: 1;*/
    }

        .main-menu .social ul:before, .footer .social ul:before {
            content: '';
            display: block;
        }

        .main-menu .social ul:after, .footer .social ul:after {
            content: '';
            display: table;
            clear: both;
        }

    .main-menu .social li, .footer .social li {
        list-style: none;
        padding: 0;
        margin: 0px;
        margin-left: 6px;
        margin-bottom: 6px;
        float: left;
        display: block;
    }

    .main-menu .social a, .footer .social a {
        display: block;
        margin: 0px;
        padding: 0px;
        width: 28px;
        height: 32px;
        /*  text-indent: -9999px;*/
        /*background-image: url('../../img/social.png') !important;*/
        background-repeat: no-repeat;
        text-decoration: none;
        -webkit-opacity: 0.7;
        -moz-opacity: 0.7;
        opacity: 0.7;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        border-radius: 6px;
    }

        .main-menu .social a:hover, .footer .social a:hover, .main-menu .social a:focus, .footer .social a:focus {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

        .main-menu .social a.twitter, .footer .social a.twitter {
            background-position: 0 0 !important;
        }

        .main-menu .social a.facebook, .footer .social a.facebook {
            background-position: -24px 0 !important;
        }

        .main-menu .social a.pinterest, .footer .social a.pinterest {
            background-position: -48px 0 !important;
        }

        .main-menu .social a.youtube, .footer .social a.youtube {
            background-position: -72px 0 !important;
        }

        .main-menu .social a.vimeo, .footer .social a.vimeo {
            background-position: -96px 0 !important;
        }

        .main-menu .social a.flickr, .footer .social a.flickr {
            background-position: -120px 0 !important;
        }

        .main-menu .social a.googleplus, .footer .social a.googleplus {
            background-position: -144px 0 !important;
        }

        .main-menu .social a.dribbble, .footer .social a.dribbble {
            background-position: -168px 0 !important;
        }

        .main-menu .social a.forrst, .footer .social a.forrst {
            background-position: -192px 0 !important;
        }

        .main-menu .social a.tumblr, .footer .social a.tumblr {
            background-position: -216px 0 !important;
        }

        .main-menu .social a.digg, .footer .social a.digg {
            background-position: -240px 0 !important;
        }

        .main-menu .social a.linkedin, .footer .social a.linkedin {
            background-position: -264px 0 !important;
        }

        .main-menu .social a.instagram, .footer .social a.instagram {
            background-position: -288px 0 !important;
        }

    .main-menu .social li:first-child {
        margin-left: 0px;
    }
/*---| CREDITS---*/

.credits {
    background-color: #474948;
    padding: 10px 0;
    color: #939694;
    font-size: 12px;
    line-height: 18px;
}

    .credits p {
        margin-bottom: 0;
    }

    .credits a {
        color: #adafae;
        text-decoration: none;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        .credits a:hover {
            color: #c7c8c8;
        }
/*---| CATEGORY---*/

.category .sidebar .children {
    font-size: 12px;
}

    .category .sidebar .children .title a {
        color: #474948;
        text-decoration: none;
    }

        .category .sidebar .children .title a:hover {
            color: #e51837;
        }

.category .sidebar .category-list {
    margin: 0 0 -20px;
}

    .category .sidebar .category-list li {
        list-style: none;
    }

        .category .sidebar .category-list li > .category-list .padding {
            padding-left: 40px;
        }

        .category .sidebar .category-list li.current a {
            font-weight: 700;
            color: #474948;
        }

            .category .sidebar .category-list li.current a:hover {
                color: #ffffff;
            }

    .category .sidebar .category-list a {
        margin: 0 -20px;
        padding: 0 20px;
        padding-top: 15px;
        padding-bottom: 15px;
        display: block;
        border-bottom: 1px solid #f0f0f0;
        color: #797d7b;
        text-decoration: none;
    }

        .category .sidebar .category-list a:hover, .category .sidebar .category-list a:focus {
            background-color: #e51837;
            color: #ffffff;
        }

            .category .sidebar .category-list a:hover .count, .category .sidebar .category-list a:focus .count {
                background-color: #ffffff;
                color: #e51837;
                text-shadow: none;
            }

    .category .sidebar .category-list .count {
        float: right;
        background-color: #d7d7d7;
        font-weight: 600;
        color: #ffffff;
        display: inline-block;
        width: 20px;
        font-size: 11px;
        height: 20px;
        text-align: center;
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        background-clip: padding-box;
    }

.category .sidebar .price-filter .ui-slider {
    background-color: #f0f0f0;
    border: 1px solid #d7d7d7;
    height: 10px;
    position: relative;
    margin-bottom: 20px;
    -webkit-border-radius: 9999px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 9999px;
    -moz-background-clip: padding;
    border-radius: 9999px;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
    -moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
    box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996); /*color: @arguments;*/
}

    .category .sidebar .price-filter .ui-slider .ui-slider-range {
        height: 100%;
        position: absolute;
        top: -1px;
        z-index: 10;
        background-color: #e51837;
        border-top: 1px solid #148f77;
        border-bottom: 1px solid #148f77;
        -webkit-border-radius: 9999px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 9999px;
        -moz-background-clip: padding;
        border-radius: 9999px;
        background-clip: padding-box;
        -webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
        -moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
        box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996); /*color: @arguments;*/
    }

    .category .sidebar .price-filter .ui-slider .ui-slider-handle {
        position: absolute;
        width: 16px;
        height: 16px;
        margin-left: -8px;
        margin-top: -2px;
        background: url('../../img/ui-slider-handle.png') no-repeat;
        z-index: 20;
    }

        .category .sidebar .price-filter .ui-slider .ui-slider-handle:focus {
            outline: 0 none;
        }

.category .sidebar .price-filter #slider {
    margin-top: 20px;
}

.category .sidebar .price-filter #slider-label {
    font-size: 12px;
    color: #939694;
}

    .category .sidebar .price-filter #slider-label strong {
        color: #e51837;
    }

.category .sidebar .best-selling .hgroup.title {
    margin-bottom: 20px;
}
/*---| PRODUCT LIST---*/

#load_more [class^="icon-"] {
    display: none;
}

#load_more .icon-spin {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
}

#load_more.loading {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

    #load_more.loading [class^="icon-"] {
        display: inline-block;
    }

.product-list {
    margin: 0 0 0 -30px;
    overflow: visible !important; /*zoom: 1;*/
}

    .product-list:before {
        content: '';
        display: block;
    }

    .product-list:after {
        content: '';
        display: table;
        clear: both;
    }

@media (min-width: 768px) and (max-width: 979px) {
    .product-list {
        margin-left: -20px;
    }
}

@media (max-width: 767px) {
    .product-list {
        margin-left: -20px;
    }
}

@media (max-width: 480px) {
    .product-list {
        margin-left: 0;
    }
}

.product-list li {
    list-style: none;
    width: 270px;
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
}

@media (min-width: 980px) and (max-width: 1199px) {
    .product-list li {
        width: 213px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .product-list li {
        width: 166px;
        margin-left: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .product-list li {
        width: 210px;
        margin-left: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .product-list li {
        width: 300px;
        margin-left: 0;
        margin-bottom: 20px;
    }
}

.product-list li.featured {
    width: 570px;
}

@media (min-width: 980px) and (max-width: 1199px) {
    .product-list li.featured {
        width: 456px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .product-list li.featured {
        width: 352px;
    }
}

@media (max-width: 767px) {
    .product-list li.featured {
        width: 440px;
    }
}

@media (max-width: 480px) {
    .product-list li.featured {
        width: 300px;
    }
}

.product-list a {
    position: relative;
    display: block;
    color: inherit;
    text-decoration: none;
    z-index: 20;
    -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
    -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996); /*color: @arguments;*/
}

    .product-list a:hover {
        -webkit-box-shadow: 0 2px 3px rgba(71, 73, 72, 0.5);
        -moz-box-shadow: 0 2px 3px rgba(71, 73, 72, 0.5);
        box-shadow: 0 2px 3px rgba(71, 73, 72, 0.5); /*color: @arguments;*/
    }

        .product-list a:hover .image .secondary {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

        .product-list a:hover .title .rating { /* color: #e51837; */
            color: #e51837;
        }

    .product-list a .image {
        position: relative;
        background: #ffffff url('../../img/preloader.gif') no-repeat center center;
    }

        .product-list a .image img {
            display: block;
            width: 100%;
        }

        .product-list a .image .secondary {
            position: absolute;
            top: 0;
            -webkit-transition: all 200ms ease-in-out;
            -moz-transition: all 200ms ease-in-out;
            -o-transition: all 200ms ease-in-out;
            -ms-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            opacity: 0;
        }

        .product-list a .image .badge-sale {
            position: absolute;
            right: -10px;
            top: 40px; /*  background-color: #e51837; */
            background-color: #e51837;
            font-size: 12px;
            line-height: 12px;
            padding: 4px 8px;
            text-transform: uppercase;
            -webkit-border-radius: 2px 2px 0 2px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 2px 2px 0 2px;
            -moz-background-clip: padding;
            border-radius: 2px 2px 0 2px;
            background-clip: padding-box;
        }

            .product-list a .image .badge-sale:after {
                content: '';
                display: block;
                width: 0;
                height: 0;
                border: 10px solid;
                border-color: #e51837 transparent transparent transparent;
                position: absolute;
                right: 0;
                bottom: -20px;
                z-index: -10;
            }

    .product-list a .title {
        padding: 20px;
        position: relative;
        background-color: #ffffff;
        height: 25px;
    }

        .product-list a .title:before { /*content: "";*/
            display: block;
            width: 16px;
            height: 16px;
            background-color: #ffffff;
            position: absolute;
            left: 20px;
            top: -8px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .product-list a .title .prices {
            text-align: right;
            float: right;
            margin-left: 20px;
            line-height: 20px;
            height: 20px;
        }

            .product-list a .title .prices .price { /*  color: #e51837; */
                color: #e51837;
                font-weight: 600;
                font-size: 14px;
            }

            .product-list a .title .prices .base {
                color: #c7c8c8;
                font-weight: 400;
                font-size: 11px;
            }

        .product-list a .title h3 {
            margin: 0;
            font-size: 12px;
            line-height: 20px;
            font-weight: 700;
        }

        .product-list a .title .rating {
            margin-top: 10px;
            font-size: 12px;
            line-height: 15px;
            color: #c7c8c8;
        }
/*---| PRODUCT LIST SMALL---*/

.product-list-small {
    list-style: none;
    margin: -20px;
}

    .product-list-small li {
        border-bottom: 1px solid #f0f0f0;
        padding: 15px 20px; /*zoom: 1;*/
    }

        .product-list-small li:before {
            content: '';
            display: block;
        }

        .product-list-small li:after {
            content: '';
            display: table;
            clear: both;
        }

    .product-list-small .image {
        display: block;
        float: left;
        margin-right: 20px;
        width: 60px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .product-list-small .image a {
            display: block;
            border: 4px solid #f0f0f0;
            position: relative;
        }

            .product-list-small .image a:before {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                background-color: #474948;
                -webkit-transition: all 200ms ease-in-out;
                -moz-transition: all 200ms ease-in-out;
                -o-transition: all 200ms ease-in-out;
                -ms-transition: all 200ms ease-in-out;
                transition: all 200ms ease-in-out;
                -webkit-opacity: 0;
                -moz-opacity: 0;
                opacity: 0;
            }

            .product-list-small .image a:hover {
                border-color: #e51837;
            }

                .product-list-small .image a:hover:before {
                    -webkit-opacity: 0.5;
                    -moz-opacity: 0.5;
                    opacity: 0.5;
                }

        .product-list-small .image img {
            display: block;
        }

    .product-list-small .desc {
        float: left;
    }

        .product-list-small .desc h6 {
            font-size: 13px;
            line-height: 16px;
            font-weight: 700;
            margin-bottom: 10px;
        }

            .product-list-small .desc h6 a {
                color: #474948;
                text-decoration: none;
            }

                .product-list-small .desc h6 a:hover {
                    color: #e51837;
                }

        .product-list-small .desc .price {
            display: block;
            font-size: 12px;
            line-height: 18px;
            color: #868988;
            margin-bottom: 10px;
        }

            .product-list-small .desc .price .label {
                margin-left: 5px;
            }

        .product-list-small .desc .rating {
            font-size: 12px;
            line-height: 15px;
            color: #868988;
            position: relative;
            bottom: -10px;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            opacity: 0;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .product-list-small .desc .rating a {
                color: #c7c8c8;
                font-size: 10px;
                text-decoration: none;
            }

                .product-list-small .desc .rating a:hover {
                    color: #e51837;
                }

    .product-list-small li:hover .desc .rating {
        color: #e51837;
        bottom: 0;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }
/*--| RATINGS SMALL---*/

.ratings-small {
    list-style: none;
    margin: -20px;
}

    .ratings-small li {
        border-bottom: 1px solid #f0f0f0;
        padding: 15px 20px; /*zoom: 1;*/
    }

        .ratings-small li:before {
            content: '';
            display: block;
        }

        .ratings-small li:after {
            content: '';
            display: table;
            clear: both;
        }

    .ratings-small .image {
        display: block;
        float: left;
        margin-right: 20px;
        width: 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .ratings-small .image img {
            border: 4px solid #f0f0f0;
            display: block;
        }

    .ratings-small .desc {
        float: left;
    }

        .ratings-small .desc h6 {
            font-size: 13px;
            line-height: 16px;
            font-weight: 700;
            margin-bottom: 0;
        }

        .ratings-small .desc small {
            display: block;
            font-size: 12px;
            line-height: 18px;
            color: #868988;
            margin-bottom: 10px;
        }

        .ratings-small .desc .rating {
            font-size: 12px;
            line-height: 15px;
            color: #868988;
            position: relative;
            bottom: -10px;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            opacity: 0;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .ratings-small li:hover .desc .rating {
        color: #e51837;
        bottom: 0;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }
/*---| FLEXSLIDER---*/

.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img {
        width: 100%;
        display: block; /* height:350px !important;*/
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides > li:first-child {
    display: block;
}

.flexslider { /* margin: -40px 0 80px;*/
    margin: 0px 0 30px;
    position: relative;
    z-index: 10;
    border: none;
    background-color: transparent;
    -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998); /*color: @arguments;*/
}

    .flexslider .slides li {
        list-style: none;
    }

    .flexslider .flex-control-nav {
        margin: 0;
        position: absolute;
        bottom: 15px;
        width: 100%;
        text-align: center;
    }

        .flexslider .flex-control-nav li {
            list-style: none;
            display: inline-block;
            margin: 0 5px;
        }

        .flexslider .flex-control-nav a {
            text-decoration: none;
            display: block;
            width: 12px;
            height: 12px;
            background-color: transparent;
            text-indent: -9999px;
            border: 2px solid #ffffff;
            cursor: pointer;
            -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
            -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
            box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5); /*color: @arguments;*/
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 9999px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 9999px;
            -moz-background-clip: padding;
            border-radius: 9999px;
            background-clip: padding-box;
            -webkit-background-clip: border-box;
            -moz-background-clip: border-box;
            background-clip: border-box;
        }

            .flexslider .flex-control-nav a:hover {
                background-color: rgba(255, 255, 255, 0.5);
            }

            .flexslider .flex-control-nav a.flex-active {
                background-color: #ffffff;
            }

    .flexslider .flex-direction-nav {
        position: absolute;
        top: 50%;
        width: 100%;
        margin: -30px 0 0; /*margin: -50px 0 0;*/ /*zoom: 1;*/
        z-index: 999;
    }

        .flexslider .flex-direction-nav:before {
            content: '';
            display: block;
        }

        .flexslider .flex-direction-nav:after {
            content: '';
            display: table;
            clear: both;
        }

        .flexslider .flex-direction-nav li {
            display: block;
            list-style: none;
            float: right;
            padding-right: 20px;
        }

            .flexslider .flex-direction-nav li a {
                background: url('../../img/rarr.png') no-repeat center center;
                text-decoration: none;
            }

            .flexslider .flex-direction-nav li:first-child {
                float: left;
                padding-right: 0;
                padding-left: 20px;
            }

                .flexslider .flex-direction-nav li:first-child a {
                    background-image: url('../../img/larr.png');
                }

@media (max-width:480px) {
    .flexslider .flex-direction-nav li:first-child a {
        background-image: url('../../img/larrSmall.png');
    }

    .flexslider .flex-direction-nav li a {
        background: url('../../img/rarrSmall.png') no-repeat center center;
    }

    .flexslider .flex-direction-nav li:first-child {
        padding-left: 0px;
    }

    .flexslider .flex-direction-nav li {
        padding-right: 0px;
    }
}

.flexslider .flex-direction-nav a {
    display: block;
    width: 55px;
    height: 102px;
    text-indent: -9999px;
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

    .flexslider .flex-direction-nav a:hover {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

    .flexslider .flex-direction-nav a:focus, .flexslider .flex-direction-nav a:active {
        outline: 0 none;
    }

.flexslider .flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider .flex-direction-nav .flex-next {
    right: 0;
}

.flexslider .flex-direction-nav .flex-prev, .flexslider .flex-direction-nav .flex-next {
    position: static;
}
/*.flexslider .flex-progress {  bottom: 0;  position: absolute;  width: 100%;  z-index: 20;  background-color: rgba(71, 73, 72, 0.2);   background-color: #FFF;}.flexslider .flex-progress span {  display: block;  height: 5px;  background-color: #e51837;   background-color: #e51837;  width: 0%;}*/

@media (max-width: 479px) {
    .flex-control-nav {
        display: none;
    }
}
/*--| CAPTIONS (used with Flex)---*/

.caption {
    position: absolute;
    top: 50%;
    bottom: auto;
    width: 100%;
    margin-top: -85px;
    padding: 0;
    background-color: transparent;
    overflow: visible;
    font-family: inherit !important;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

@media (min-width: 768px) and (max-width: 979px) {
    .caption {
        margin-top: -75px;
    }
}

@media (max-width: 767px) {
    .caption {
        display: none !important;
        -webkit-opacity: 0 !important;
        -moz-opacity: 0 !important;
        opacity: 0 !important;
    }
}

.caption h3 {
    display: inline-block;
    font-weight: 700;
    padding: 10px 20px; /*  background-color: #e51837; */
    background-color: #e51837;
    color: #ffffff;
    margin-bottom: 0;
    line-height: 54px;
}

@media (min-width: 768px) and (max-width: 979px) {
    .caption h3 {
        font-size: 24px;
        line-height: 36px;
    }
}

.caption p {
    display: inline-block;
    padding: 10px 20px; /*  background-color: rgba(71, 73, 72, 0.8); */
    background-color: rgba(104, 104, 104, 0.8) color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 979px) {
    .caption p {
        font-size: 12px;
        line-height: 18px;
    }
}

.caption .btn {
    display: inline-block !important;
    border-bottom: none !important;
}
/*---| PROMOS---*/

.promos {
    margin-bottom: 30px;
}

    .promos .box {
        color: #939694;
        margin-bottom: 0px;
    }

    .promos .hgroup.title {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 20px;
    }

    .promos p {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 18px;
    }

    .promos img {
        float: right;
        margin: 0 0 10px 10px;
    }

    .promos .low-price img {
        margin-top: -25px;
    }
/*---| JCAROUSEL---*/

.jcarousel-wrapper {
    position: relative;
}

.jcarousel {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

    .jcarousel ul {
        width: 20000em;
        position: absolute;
        list-style: none;
        margin-bottom: 0;
    }

    .jcarousel li {
        margin-bottom: 0;
    }

    .jcarousel a {
        margin: 0 4px 6px;
        text-decoration: none;
    }

.jcarousel-controls { /*zoom: 1;*/
}

    .jcarousel-controls:before {
        content: '';
        display: block;
    }

    .jcarousel-controls:after {
        content: '';
        display: table;
        clear: both;
    }

    .jcarousel-controls .carousel-control-prev, .jcarousel-controls .carousel-control-next {
        display: block;
        line-height: 24px;
        width: 24px;
        height: 24px;
        text-align: center;
        background-color: #474948;
        color: #ffffff;
        float: left;
        margin: 4px 0;
    }

        .jcarousel-controls .carousel-control-prev:hover, .jcarousel-controls .carousel-control-next:hover, .jcarousel-controls .carousel-control-prev:focus, .jcarousel-controls .carousel-control-next:focus {
            background-color: #e51837;
        }

    .jcarousel-controls .carousel-control-prev {
        margin-right: 1px;
    }
/*---| HOME / FEATURED---*/

.featured { /*margin-bottom: 80px;*/
    margin-bottom: 0px;
}
/*---| PRODUCT---*/

.product-info {
    margin-bottom: 80px;
}

@media (min-width: 1024px) {
    .product-info {
        margin-top: 18px;
    }
}

    .product-info .product-content .nav-tabs {
        margin: -20px -20px 20px;
    }

    .product-info .product-content .tab-content {
        overflow: visible;
    }

    .product-info .product-content #product .details, .product-info .product-content #product .short-description, .product-info .product-content #product .options, .product-info .product-content #product .extras, .product-info .product-content #product .add-to-cart {
        padding: 20px 0;
    }

    .product-info .product-content #product .details {
        padding-top: 0;
    }

    .product-info .product-content #product .add-to-cart {
        padding-bottom: 0;
    }

    .product-info .product-content #product form > div {
        border-bottom: 1px solid #f0f0f0;
    }

        .product-info .product-content #product form > div:last-child {
            border-bottom: none;
        }

    .product-info .product-content #product .details h1 {
        margin: 0 0 10px;
        font-size: 24px;
        line-height: 30px;
    }

    .product-info .product-content #product .details .prices {
        line-height: 24px;
        margin: 0 0 20px;
    }

        .product-info .product-content #product .details .prices .price {
            color: #e51837;
            font-weight: 600;
            font-size: 20px;
        }

        .product-info .product-content #product .details .prices .base {
            color: #c7c8c8;
            font-size: 14px;
            font-weight: 400;
        }

    .product-info .product-content #product .details .meta {
        color: #606362;
        font-size: 12px;
        text-decoration: none; /*zoom: 1;*/
    }

        .product-info .product-content #product .details .meta:before {
            content: '';
            display: block;
        }

        .product-info .product-content #product .details .meta:after {
            content: '';
            display: table;
            clear: both;
        }

        .product-info .product-content #product .details .meta > div {
            float: left;
            margin-right: 20px;
        }

            .product-info .product-content #product .details .meta > div i {
                margin-right: 2px;
            }

        .product-info .product-content #product .details .meta .categories a {
            color: inherit;
            text-decoration: none;
        }

            .product-info .product-content #product .details .meta .categories a:after {
                content: ", ";
            }

            .product-info .product-content #product .details .meta .categories a:last-child:after {
                content: "";
            }

            .product-info .product-content #product .details .meta .categories a:hover {
                color: #e51837;
            }

    .product-info .product-content #product .short-description {
        color: #939694;
        font-size: 14px;
    }

        .product-info .product-content #product .short-description p {
            margin-bottom: 0;
        }

    .product-info .product-content #product .extra {
        float: left;
        margin-right: 20px;
    }

    .product-info .product-content #description {
        font-size: 13px;
    }

        .product-info .product-content #description > *:last-child {
            margin-bottom: 0;
        }

        .product-info .product-content #description ul li, .product-info .product-content #description ol li {
            list-style-position: inside;
        }

    .product-info .product-images .box {
        margin-bottom: 0;
    }

    .product-info .product-images .primary {
        margin: -20px -20px 0;
    }

    .product-info .product-images .thumbs {
        margin: 0 -20px;
        padding: 20px;
        position: relative;
    }

        .product-info .product-images .thumbs:before {
            content: "";
            display: block;
            width: 16px;
            height: 16px;
            background-color: #ffffff;
            position: absolute;
            left: 20px;
            top: -8px;
            z-index: 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .product-info .product-images .thumbs .thumbs-list {
            margin-left: -3%;
            margin-bottom: -3%; /*zoom: 1;*/
        }

            .product-info .product-images .thumbs .thumbs-list:before {
                content: '';
                display: block;
            }

            .product-info .product-images .thumbs .thumbs-list:after {
                content: '';
                display: table;
                clear: both;
            }

            .product-info .product-images .thumbs .thumbs-list li {
                width: 17%;
                float: left;
                margin-left: 3%;
                margin-bottom: 3%;
                list-style: none;
            }

                .product-info .product-images .thumbs .thumbs-list li a {
                    display: block;
                    border: 4px solid #f0f0f0;
                    position: relative;
                    text-decoration: none;
                    -webkit-transition: all 200ms ease-in-out;
                    -moz-transition: all 200ms ease-in-out;
                    -o-transition: all 200ms ease-in-out;
                    -ms-transition: all 200ms ease-in-out;
                    transition: all 200ms ease-in-out;
                }

                    .product-info .product-images .thumbs .thumbs-list li a:before {
                        content: "";
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        background-color: #474948;
                        -webkit-transition: all 200ms ease-in-out;
                        -moz-transition: all 200ms ease-in-out;
                        -o-transition: all 200ms ease-in-out;
                        -ms-transition: all 200ms ease-in-out;
                        transition: all 200ms ease-in-out;
                        -webkit-opacity: 0;
                        -moz-opacity: 0;
                        opacity: 0;
                    }

                    .product-info .product-images .thumbs .thumbs-list li a:hover {
                        border-color: #e51837;
                    }

                        .product-info .product-images .thumbs .thumbs-list li a:hover:before {
                            -webkit-opacity: 0.5;
                            -moz-opacity: 0.5;
                            opacity: 0.5;
                        }

                    .product-info .product-images .thumbs .thumbs-list li a.active {
                        border-color: #e51837;
                    }

                .product-info .product-images .thumbs .thumbs-list li img {
                    display: block;
                }

    .product-info .social {
        margin: 0 -20px -20px;
        padding: 20px;
        border-top: 1px solid #f0f0f0;
        background-color: #f9f9f9;
    }

        .product-info .social #sharrre {
            text-align: center;
        }

            .product-info .social #sharrre > div {
                display: inline-block;
            }

.product-reviews {
    padding: 80px 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996), 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
    -moz-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996), 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
    box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996), 0 1px 2px rgba(71, 73, 72, 0.19999999999999996); /*color: @arguments;*/
}

    .product-reviews h5 {
        text-align: center;
        margin-bottom: 40px;
    }

        .product-reviews h5 .script {
            display: inline-block;
            margin: 0 5px;
            color: #e51837;
            -webkit-transform: rotate(-15deg);
            -moz-transform: rotate(-15deg);
            -o-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }

.fb-comments, .fb-comments > span, .fb-comments iframe[style] {
    width: 100% !important;
}

.product-related {
    padding-top: 80px;
}

    .product-related h5 {
        text-align: center;
        margin-bottom: 40px;
    }

.comment-item, .rating-item {
    border-top: 1px solid #f0f0f0;
    margin-top: 20px;
    padding-top: 20px;
}

    .comment-item .gravatar, .rating-item .gravatar {
        float: left;
        margin-right: 10px;
    }

    .comment-item h6, .rating-item h6 {
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        margin-bottom: 0;
    }

    .comment-item small, .rating-item small {
        font-size: 12px;
        line-height: 18px;
        color: #868988;
    }

    .comment-item h5, .rating-item h5 {
        font-size: 16px;
        line-height: 18px;
        font-weight: 700;
        margin-bottom: 18px;
    }

    .comment-item p, .rating-item p {
        font-size: 12px;
        line-height: 18px;
        color: #666968;
        margin-bottom: 0;
    }

    .comment-item .rating, .rating-item .rating {
        font-size: 12px;
        color: #868988;
    }

    .comment-item:first-child, .rating-item:first-child {
        margin-top: 0;
        border-top: none;
        padding-top: 0;
    }

#ratings .well {
    color: #666968;
}

    #ratings .well h6 {
        font-size: 16px;
        line-height: 16px;
        font-weight: 700;
        margin-bottom: 8px;
    }
/*---| NAV-TABS---*/

.nav-tabs { /*border-bottom: 5px solid #e51837;*/
    border-bottom: 5px solid #e51837;
    margin-bottom: 0;
    background-color: #ffffff;
}

    .nav-tabs li {
        margin-bottom: 0;
    }

        .nav-tabs li > div, .nav-tabs li a, .nav-tabs li a:hover, .nav-tabs li a:active, .nav-tabs li a:focus {
            text-decoration: none;
            margin-right: 0px;
            padding: 14px 20px 9px;
            border: none;
            font-size: 12px;
            color: #797d7b;
            text-transform: uppercase;
            background-color: #ffffff;
            outline: 0 none;
            -webkit-border-radius: 0;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 0;
            -moz-background-clip: padding;
            border-radius: 0;
            background-clip: padding-box;
        }

            .nav-tabs li > div [class^="icon-"], .nav-tabs li a [class^="icon-"], .nav-tabs li a:hover [class^="icon-"], .nav-tabs li a:active [class^="icon-"], .nav-tabs li a:focus [class^="icon-"], .nav-tabs li > div [class*=" icon-"], .nav-tabs li a [class*=" icon-"], .nav-tabs li a:hover [class*=" icon-"], .nav-tabs li a:active [class*=" icon-"], .nav-tabs li a:focus [class*=" icon-"] {
                margin: 0 0 6px;
                display: block;
                text-align: center;
            }

            .nav-tabs li > div span, .nav-tabs li a span, .nav-tabs li a:hover span, .nav-tabs li a:active span, .nav-tabs li a:focus span {
                display: block;
                text-align: center;
            }

            .nav-tabs li a:hover {
                color: #e51837;
            }

        .nav-tabs li.active > div, .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:active, .nav-tabs li.active a:focus {
            border: none; /*background-color: #e51837;*/
            background-color: #e51837;
            color: #ffffff;
        }

    .nav-tabs + .box {
        position: relative;
        z-index: 10;
    }

    .nav-tabs.nav-stacked > li:first-child > a, .nav-tabs.nav-stacked > li:last-child > a {
        -webkit-border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 0;
        -moz-background-clip: padding;
        border-radius: 0;
        background-clip: padding-box;
    }

    .nav-tabs.nav-stacked > li > a {
        border: none;
        border-bottom: 1px solid #e3e3e3;
        background-color: #fbfbf9;
        padding: 15px 20px;
        text-transform: none;
    }

        .nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:active, .nav-tabs.nav-stacked > li > a:focus {
            border-bottom: 1px solid #e51837;
            background-color: #e51837;
            color: #ffffff;
        }

    .nav-tabs.nav-stacked li.active {
        position: relative;
    }

        .nav-tabs.nav-stacked li.active a {
            border-right: none;
            border-bottom: 1px solid #e3e3e3;
            background-color: #ffffff;
            color: #e51837;
            font-weight: 700;
        }

        .nav-tabs.nav-stacked li.active:after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 1px;
            right: -1px;
            width: 1px;
            background-color: #ffffff;
        }
/*---| CART---*/

.cart-items .col_product .image {
    float: left;
    margin-right: 20px;
    width: 60px;
}

    .cart-items .col_product .image a {
        display: block;
        border: 4px solid #f0f0f0;
        position: relative;
    }

        .cart-items .col_product .image a:before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #474948;
            -webkit-transition: all 200ms ease-in-out;
            -moz-transition: all 200ms ease-in-out;
            -o-transition: all 200ms ease-in-out;
            -ms-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            opacity: 0;
        }

        .cart-items .col_product .image a:hover, .cart-items .col_product .image a:focus {
            border-color: #e51837;
        }

            .cart-items .col_product .image a:hover:before, .cart-items .col_product .image a:focus:before {
                -webkit-opacity: 0.5;
                -moz-opacity: 0.5;
                opacity: 0.5;
            }

.cart-items .col_product h5 {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0;
}

    .cart-items .col_product h5 a {
        color: inherit;
    }

        .cart-items .col_product h5 a:hover, .cart-items .col_product h5 a:focus {
            color: #e51837;
        }

.cart-items .col_product .options li, .cart-items .col_product .extras li {
    list-style: none;
    font-size: 12px;
    text-transform: uppercase;
    color: #797d7b;
}

    .cart-items .col_product .options li:before, .cart-items .col_product .extras li:before {
        content: "\f105";
        color: #e51837;
        font-family: FontAwesome;
        margin-right: 5px;
    }

.cart-items .col_remove a {
    text-decoration: none;
}

.cart-items .col_qty input[type="text"] {
    width: 20px;
    text-align: right;
}

.cart-items .col_single .single-price, .cart-items .col_total .single-price, .cart-items .col_discount .single-price, .cart-items .col_single .total-price, .cart-items .col_total .total-price, .cart-items .col_discount .total-price, .cart-items .col_single .discount, .cart-items .col_total .discount, .cart-items .col_discount .discount {
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 980px) {
    .styled-table.orders thead, .cart-items thead {
        display: none;
    }

    .styled-table.orders tbody, .cart-items tbody {
        width: 100%;
    }

        .styled-table.orders tbody tr, .cart-items tbody tr {
            overflow: hidden;
            height: auto;
            width: 100%;
            border: 1px solid #e3e3e3;
        }

            .styled-table.orders tbody tr td, .cart-items tbody tr td {
                display: block;
                text-align: left;
                padding-left: calc(50% + 10px);
                position: relative;
                overflow: hidden;
                height: auto;
                border-bottom: 1px solid #f0f0f0;
            }

                .styled-table.orders tbody tr td:first-child, .cart-items tbody tr td:first-child {
                    padding: 10px;
                    padding-left: calc(50% + 10px);
                }

                .styled-table.orders tbody tr td.text-right, .cart-items tbody tr td.text-right {
                    text-align: left;
                }

                .styled-table.orders tbody tr td:before, .cart-items tbody tr td:before {
                    content: attr(data-title);
                    display: block; /*float: left;						width: 50%;*/
                    font-weight: bold;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    padding: 10px;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    width: 50%;
                    height: 100%;
                    background-color: #f9f9f9;
                }
}

.cart .coupon form {
    margin: 20px 0 0;
}

.cart .coupon .input-append {
    margin-bottom: 0;
    width: 100%;
}

    .cart .coupon .input-append input[type="text"], .cart .coupon .input-append button {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .cart .coupon .input-append input[type="text"] {
        width: 80%;
        height: 30px;
    }

    .cart .coupon .input-append button {
        width: 20%;
    }
/*---| CHECKOUT---*/

.checkout .nav-tabs {
    margin: -20px -20px 20px;
}

    .checkout .nav-tabs li {
        width: 20%;
    }

@media (max-width: 480px) {
    .checkout .nav-tabs li {
        width: 33.33%;
    }
}

.checkout .nav-tabs li > div {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.checkout .shipping-methods .box-content, .checkout .payment-methods .box-content { /*zoom: 1;*/
}

    .checkout .shipping-methods .box-content:before, .checkout .payment-methods .box-content:before {
        content: '';
        display: block;
    }

    .checkout .shipping-methods .box-content:after, .checkout .payment-methods .box-content:after {
        content: '';
        display: table;
        clear: both;
    }

    .checkout .shipping-methods .box-content .price, .checkout .payment-methods .box-content .price {
        float: left;
    }

    .checkout .shipping-methods .box-content input, .checkout .payment-methods .box-content input {
        float: right;
    }
/*---| STATIC PAGE---*/

.static-page {
    margin-bottom: 20px;
    padding: 20px;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); /*color: @arguments;*/
    padding: 0;
    background-color: #ffffff;
}

    .static-page .box-header {
        margin: 0 -20px;
        padding: 0 20px;
        border-bottom: 1px solid #f0f0f0;
        padding-bottom: 20px;
        background-color: #ffffff;
    }

        .static-page .box-header h3 {
            font-size: 16px;
            line-height: 24px;
            color: #474948;
            font-weight: 700;
            margin: 0;
        }

        .static-page .box-header h5 {
            font-size: 14px;
            line-height: 21px;
            color: #939694;
            font-weight: 400;
            margin: 0;
        }

    .static-page .box-image {
        margin: -20px -20px 20px;
        border-bottom: 1px solid #f0f0f0;
    }

        .static-page .box-image a, .static-page .box-image img {
            display: block;
        }

    .static-page .box-body, .static-page .box-content {
        margin-top: 20px;
    }

        .static-page .box-body > *:last-child, .static-page .box-content > *:last-child {
            margin-bottom: 0;
        }

        .static-page .box-body .price-list, .static-page .box-content .price-list {
            margin: -20px;
        }

            .static-page .box-body .price-list li, .static-page .box-content .price-list li {
                margin: 0;
            }

    .static-page .box-footer { /*zoom: 1;*/
        margin: 20px -20px -20px;
        padding: 20px;
        border-top: 1px solid #f0f0f0;
        background-color: #f9f9f9;
    }

        .static-page .box-footer:before {
            content: '';
            display: block;
        }

        .static-page .box-footer:after {
            content: '';
            display: table;
            clear: both;
        }

    .static-page .box-header + .box-footer {
        border-top: none;
        margin-top: 0;
    }

    .static-page .box-content.highlight {
        margin: 0 -20px;
        padding: 0 20px;
        padding: 20px;
        background-color: #f9f9f9;
        margin-bottom: -20px;
    }

    .static-page .buttons { /*zoom: 1;*/
        margin: 20px -20px -20px;
        padding: 20px;
        border-top: 1px solid #f0f0f0;
        background-color: #f9f9f9;
    }

        .static-page .buttons:before {
            content: '';
            display: block;
        }

        .static-page .buttons:after {
            content: '';
            display: table;
            clear: both;
        }

    .static-page .hgroup.title + .buttons {
        border-top: none;
        margin-top: 0;
    }

    .static-page > .row-fluid {
        position: relative;
    }

@media (max-width: 767px) {
    .static-page > .row-fluid {
        position: static;
    }
}

.static-page > .row-fluid > .span3 {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #fbfbf9;
    border-right: 1px solid #e3e3e3;
}

@media (max-width: 767px) {
    .static-page > .row-fluid > .span3 {
        position: static;
        top: auto;
        bottom: auto;
    }
}

.static-page > .row-fluid > .span9 {
    margin-left: 25.641%;
    min-height: 600px;
}

@media (max-width: 767px) {
    .static-page > .row-fluid > .span9 {
        margin-left: 0;
    }
}

.static-page .content {
    padding: 30px 60px 30px 30px;
    min-height: 260px;
}

@media (max-width: 767px) {
    .static-page .content {
        padding: 30px 60px;
    }
}

.static-page .content .row, .static-page .content .row-fluid {
    margin-bottom: 20px;
}

.static-page .content ul ul, .static-page .content ol ol, .static-page .content ul ol, .static-page .content ol ul {
    padding-left: 40px;
}
/*---| SEARCH---*/

.filter .control-group, .filter input, .filter select, .filter textarea {
    margin-bottom: 0;
}
/*---| WELL---*/

.well {
    border: 1px solid #e7e7da;
    color: #606362;
    padding: 20px;
    margin-bottom: 40px;
    background-color: #fbfbf9;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; /*color: @arguments;*/ /*zoom: 1;*/
}

    .well:before {
        content: '';
        display: block;
    }

    .well:after {
        content: '';
        display: table;
        clear: both;
    }

    .well *:last-child {
        margin-bottom: 0;
    }

.well-large {
    padding: 40px;
}
/*---| OPTIONS PANEL---*/

.options-panel {
    position: fixed;
    top: 200px;
    left: -240px;
    z-index: 1000;
    width: 272px; /*zoom: 1;*/
}

    .options-panel:before {
        content: '';
        display: block;
    }

    .options-panel:after {
        content: '';
        display: table;
        clear: both;
    }

    .options-panel .options-panel-content {
        width: 200px;
        padding: 20px;
        background-color: #ffffff;
        float: left;
        -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
        -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
        box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996); /*color: @arguments;*/
    }

    .options-panel .options-panel-toggle {
        float: left;
        width: 32px;
        height: 32px;
    }

        .options-panel .options-panel-toggle a {
            display: block;
            width: 32px;
            height: 32px;
            font-size: 16px;
            line-height: 32px;
            text-align: center;
            background-color: #e51837;
            color: #ffffff;
            text-decoration: none;
        }
/*---| HERO UNIT---*/

.hero-unit {
    border: 1px solid #e3e3e3;
    background-color: #f0f0f0;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
}
/*---| GRIDS---*/

.show-grid [class*="span"] {
    background-color: #f0f0f0;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
}
/*---| ORDER HISTORY---*/

.orders tbody, .order tbody {
    line-height: 28px;
    font-size: 12px;
}
/*---| LABEL---*/

.label {
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    font-size: 10px;
    line-height: 14px;
    padding: 2px 6px;
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: 0.5px;
}

.label-sale {
    background-color: #e51837;
}
/*---| ALERTS---*/

.alert {
    font-size: 13px;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
}
/*---| WIDGET---*/

.widget {
    background-color: #ffffff; /*  border-top: 5px solid #e51837; */
    border-top: 5px solid #e51837;
    padding: 20px;
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); /*color: @arguments;*/
}

    .widget h3.widget-title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        padding: 20px;
        margin: -20px -20px 20px;
        border-bottom: 1px solid #f0f0f0;
    }

    .widget.Categories ul, .widget.Menu ul {
        list-style: none;
        margin: 0;
    }

    .widget.Categories > ul, .widget.Menu > ul {
        margin: -20px -20px;
    }

    .widget.Categories a, .widget.Menu a {
        display: block;
        padding: 15px 20px;
        border-bottom: 1px solid #f0f0f0;
        color: #797d7b;
        text-decoration: none;
        font-size: 12px;
    }

        .widget.Categories a:hover, .widget.Menu a:hover, .widget.Categories a:focus, .widget.Menu a:focus { /*  background-color: #e51837; */
            background-color: #e51837;
            color: #ffffff;
        }

            .widget.Categories a:hover .count, .widget.Menu a:hover .count, .widget.Categories a:focus .count, .widget.Menu a:focus .count {
                background-color: #ffffff;
                color: #e51837;
                text-shadow: none;
            }

    .widget.Categories ul ul a, .widget.Menu ul ul a {
        padding-left: 40px;
    }
/*---| ADVERTS---*/

.adverts {
    list-style: none;
    margin: 0;
}

    .adverts li + li {
        margin-top: 20px;
    }

    .adverts a {
        display: block;
        border: 5px solid #f0f0f0;
        position: relative;
        overflow: hidden;
    }

        .adverts a:before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: rgba(71, 73, 72, 0.2);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            opacity: 0;
        }

        .adverts a:hover {
            border-color: #e51837;
        }

            .adverts a:hover:before {
                -webkit-opacity: 1;
                -moz-opacity: 1;
                opacity: 1;
            }
/*---| ISOTOPE---*/

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }

        .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }
/*---| BLOG---*/

.post-list {
    margin-left: -30px; /*zoom: 1;*/
}

    .post-list:before {
        content: '';
        display: block;
    }

    .post-list:after {
        content: '';
        display: table;
        clear: both;
    }

@media (min-width: 980px) and (max-width: 1199px) {
    .post-list {
        margin-left: -20px;
    }
}

@media (max-width: 979px) {
    .post-list {
        margin-left: 0;
    }
}

.post-grid {
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
    width: 420px;
}

@media (min-width: 980px) and (max-width: 1199px) {
    .post-grid {
        width: 345px;
        margin-left: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 979px) {
    .post-grid {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        float: none;
    }
}

.post-grid .box {
    margin-bottom: 0;
}

.post-meta {
    list-style: none;
    font-size: 12px;
    color: #a6a9a8;
    margin: 10px 0 0; /*zoom: 1;*/
}

    .post-meta:before {
        content: '';
        display: block;
    }

    .post-meta:after {
        content: '';
        display: table;
        clear: both;
    }

    .post-meta li {
        float: left;
        margin-right: 10px;
    }
/*---| STORE LOCATOR---*/

#td-store-locator-map.active-stores, #td-store-locator-results.active-stores {
    height: 480px;
}

#td-store-locator-results.active-stores {
    overflow: auto;
    margin-bottom: 0;
}

    #td-store-locator-results.active-stores li {
        padding: 20px 20px 20px 0;
        border-top: 1px solid #f0f0f0;
    }

        #td-store-locator-results.active-stores li:first-child {
            border-top: none;
        }

    #td-store-locator-results.active-stores h3 {
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        margin-bottom: 0;
    }

    #td-store-locator-results.active-stores small {
        display: block;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 20px;
        color: #c7c8c8;
        white-space: nowrap;
    }

    #td-store-locator-results.active-stores p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 0;
    }

        #td-store-locator-results.active-stores p img {
            margin: 0 10px 10px 0;
            float: left;
        }

.store_locator .well {
    margin-bottom: 40px;
}

@media (max-width: 979px) {
    .store_locator .well input[type="text"], .store_locator .well select, .store_locator .well .btn {
        margin-bottom: 10px;
    }

        .store_locator .well .btn.btn-primary {
            margin-bottom: 0;
        }
}

#td-store-locator-map *, #td-store-locator-map *:after, #td-store-locator-map *:before {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#td-store-locator-map img {
    max-width: none;
    height: auto;
}

@media (max-width: 767px) {
    #td-store-locator-form .row-fluid [class*="span"] {
        margin-bottom: 10px;
    }

        #td-store-locator-form .row-fluid [class*="span"] .btn-mini {
            margin-bottom: 20px;
        }
}
/*---| ROW COLLAPSE---*/

@media (min-width: 980px) {
    .row-collapse [class*="span"] {
        margin: 0;
    }

    .row-collapse .span1 {
        width: 8.33%;
    }

    .row-collapse .span2 {
        width: 16.66%;
    }

    .row-collapse .span3 {
        width: 25%;
    }

    .row-collapse .span4 {
        width: 33.33%;
    }

    .row-collapse .span5 {
        width: 41.66%;
    }

    .row-collapse .span6 {
        width: 50%;
    }

    .row-collapse .span7 {
        width: 58.33%;
    }

    .row-collapse .span8 {
        width: 66.66%;
    }

    .row-collapse .span9 {
        width: 75%;
    }

    .row-collapse .span10 {
        width: 83.33%;
    }

    .row-collapse .span11 {
        width: 91.66%;
    }

    .row-collapse .span12 {
        width: 100%;
    }
}
/*---| POST MINI---*/

.list-chevron.links li {
    margin-bottom: 10px;
}

.list-chevron.links small {
    font-style: italic;
    color: #868988;
    font-size: 11px;
    margin-left: 12px;
}
/*---  BLOG VIDEO  ---*/

.flex-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden;
}

    .flex-video.widescreen {
        padding-bottom: 53.25%;
    }

    .flex-video.vimeo {
        padding-top: 0;
    }

    .flex-video iframe, .flex-video object, .flex-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .flex-video {
        padding-top: 0;
    }
}

.hgroup.title h3 a {
    display: block; /*padding: 15px 20px;*/ /* commented for left sub navigation title space */ /*border-bottom: 1px solid #f0f0f0; */
    color: #797d7b;
    text-decoration: none;
    font-size: 13px;
}

.navbar-search #site-search {
    background-color: #f6f6f6;
    border-color: #d7d7d7;
    padding: 4px 0px 4px 14px;
    margin-bottom: 0;
    /*width: 370px;*/
    width: 280px;
    width: 390px \9;
    height: 40px; /* height:40px;*/
    height: 30px \9;
    font-size: 13px;
    border: 0;
    box-shadow: none; /* -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-border-radius: 9999px;  -webkit-background-clip: padding-box;  -moz-border-radius: 9999px;  -moz-background-clip: padding;  border-radius: 9999px;  background-clip: padding-box;  -webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);  -moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);  box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);*/ /*color: @arguments;*/
}

    .navbar-search #site-search:focus {
        background-color: #f6f6f6; /* -webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);  -moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);  box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);*/ /*color: @arguments;*/
    }

.navbar-search .searchIcon {
    background: url('../../img/searchIcon.png') no-repeat right center;
    background-image: url(../img/searchIcon.png) \9;
    background-repeat: no-repeat \9;
    background-position: right \9;
    height: 21px;
    width: 21px;
    display: block;
    margin-top: 10px;
    position: absolute;
    top: 0;
    right: 10px;
}
/*.mini-cart label{float:right; margin:10px 15px 0 0; color:#fff;}*/

.input-append input {
    height: 32px;
    padding: 0px 10px;
}

#myproductlist li {
    display: none;
}
/* ---Start  cart - Order Totals - Promocode --- */

.cart-details .box .input-append {
    margin-bottom: 0px;
}

    .cart-details .box .input-append input {
        width: 85px;
        width: 85px \9;
        height: 26px \9;
        height: 30px;
    }

    .cart-details .box .input-append button.btn {
        font-size: 10px;
        padding: 4px 10px;
    }
/* ---End  cart - Order Totals - Promocode --- */

.product-info .container .row .span4 {
    margin-left: 22px;
}

.product-info .container .row .span5 {
    margin-left: 22px;
}

#load_more {
    margin-bottom: 10px;
}

.logoText {
    position: relative;
    left: 122px;
    top: -23px;
}

.navigation .navSearch {
    float: left;
}

.header .row-fluid .span3new {
    float: right;
}

#newsletter .input-append .btn {
    padding: 0px 7px 0 8px;
    height: 31px;
}

@media (max-width:480px) {

    .navigation .navSearch {
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .breadcrumb._mupdate {
        margin-left: 240px;
    }
}

@media (min-width: 1024px) {
    .breadcrumb._mupdate {
        margin-top: 78px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .breadcrumb._mupdate {
        margin-left: 186px;
    }
}
@media (min-width:1200px) {
    .breadcrumb._mupdate {
        margin-left: 290px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .navigation .navSearch {
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.featured .product-list a .title h3 {
    font-size: 16px;
}

.btnFooter {
    height: 32px;
    background: #ddd;
    border: 1px solid #ccc;
    padding: 7px;
    margin: 0px;
}

    .btnFooter h3 {
        color: #e51837;
        padding: 0;
        margin: 0;
        font-weight: bold;
        line-height: 15px;
        font-size: 25px;
        margin-left: 0;
    }

.footer .newsletter .input-append .btnFooter p {
    color: #e51837;
    padding: 0;
    margin: 0;
    line-height: 15px;
    font-size: 25px;
}

#sticker {
    background: #ddd;
    width: auto;
    padding: 10px;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    float: right;
    z-index: 1000;
    position: absolute;
    right: 0px;
    bottom: 0px;
    border: 1px solid #ccc;
    color: #606362;
    cursor: pointer;
}

    #sticker #contact-button {
        color: #606362;
    }

    #sticker textarea {
        min-width: 93% !important;
    }

@media only screen and (max-width: 480px) {
    .pull-right {
        float: left;
        margin: 5px 0 5px 0px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .pull-right {
        float: left;
        margin: 5px 0 5px 0px;
    }

    .pull-left {
        margin: 5px 5px 0 0;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    .pull-right {
        float: left;
        margin: 0px 0 5px 5px;
    }

    .pull-left {
        margin-bottom: 5px;
    }
}

@media (min-width: 480px) and (max-width: 980px) {
    .checkout .nav-tabs li {
        width: 19%;
    }
}

@media (min-width: 480px) and (max-width: 980px) {
    #checkout-content .box-header .span4 {
        width: 40%;
    }

    #checkout-content .box-header .span8 {
        width: 57%;
    }
}

.header .row-fluid .span3new {
    float: right;
}

.searchResults .row-fluid .product-list {
    margin-left: -25px;
}

@media (max-width: 480px) {
    .searchResults .row-fluid .product-list {
        margin-left: 0px;
    }
}

.product-info .container .row .boxPad {
    float: left;
    padding: 5px;
}

@media (max-width: 480px) {
    .product-info .container .row .boxPad {
        margin: 10px 0 10px 10px;
    }
}

.promos .left-Callout {
    float: left;
    height: 240px;
    overflow-y: auto;
}

    .promos .left-Callout .callOutTitle {
        background: #e51837;
        padding: 10px 20px;
        color: #ffffff;
        font-size: 16px;
        font-family: "Helvetica", Helvetica, Arial, sans-serif;
        font-weight: bold;
        float: left;
        margin: -10px 0 0 -20px;
    }

    .promos .left-Callout p {
        padding: 7px 0;
        line-height: 18px;
        color: #333333;
        clear: both;
    }

.promos .right-Callout {
    background: #e51837;
}

    .promos .right-Callout img {
        width: 570px;
        height: 280px;
        display: block;
        margin: 0;
    }

.promos .left-Callout .box {
    margin: 0;
}

@media (max-width: 480px) {
    .promos .right-Callout img {
        width: 300px;
        height: 147px;
        display: block;
        margin: 0;
    }

    .promos .left-Callout .callOutTitle { /*width:82%*/
        ;
        font-size: 12px;
        padding: 5px 10px;
    }

    .promos .left-Callout {
        float: left;
        height: 147px;
        overflow-y: auto;
        margin-bottom: 10px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .promos .right-Callout img {
        width: 440px;
        height: 216px;
        display: block;
        margin: 0;
    }

    .promos .left-Callout .callOutTitle { /*width:57%;*/
        font-size: 13px;
        padding: 6px 12px;
    }

    .promos .left-Callout {
        float: left;
        height: 216px;
        overflow-y: auto;
        margin-bottom: 10px;
    }
}

@media (min-width: 767px) and (max-width: 980px) {
    .promos .right-Callout img {
        width: 352px;
        height: 173px;
        display: block;
        margin: 0;
    }

    .promos .left-Callout .callOutTitle { /*width:81%;*/
        font-size: 14px;
        padding: 8px 16px;
    }

    .promos .left-Callout {
        float: left;
        height: 173px;
        overflow-y: auto;
    }
}

@media (min-width: 980px) and (max-width: 1170px) {
    .promos .right-Callout img {
        width: 460px;
        height: 226px;
        display: block;
        margin: 0;
    }

    .promos .left-Callout .callOutTitle { /*width:61%;*/
        font-size: 15px;
    }

    .promos .left-Callout {
        float: left;
        height: 226px;
        overflow-y: auto;
    }
}

.productListContainer {
}

@media (min-width: 1024px) {
    .productListContainer {
        margin-top: 8px;
    }
}

    .productListContainer h3 {
        font-size: 32px;
    }

    .productListContainer .product-list h3 {
        margin-left: 30px;
        font-size: 24px;
    }

@media (max-width: 480px) {
    .productListContainer .product-list h3 {
        margin-left: 0px;
    }
}

.thumbs ul.thumbs-list {
    float: left;
    width: 100%;
}

    .thumbs ul.thumbs-list li {
        list-style: none;
        text-align: center;
    }

@media (min-width: 980px) and (max-width: 1199px) {
    .navbar-search #site-search {
        width: 221px;
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .navbar-search #site-search {
        /*width: 220px;*/
        width: 150px;
    }
}

@media (max-width: 480px) {
    .navbar-search #site-search {
        width: 236px;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .header .bottom .span5 {
        margin-left: 0px;
    }

    .header .bottom .row {
        margin-bottom: 66px;
    }

    .navigation .navSearch {
        margin: 5px 0;
        clear: both;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .product-list a .title {
        padding: 15px;
        height: 47px;
    }

    .cart-details .box .input-append button.btn {
        clear: both;
        float: left;
        margin: 5px 0;
        font-size: 9px;
        padding: 4px 5px;
    }

    .cart-details .box .input-append input {
        width: 115px;
    }
}

.navigation .navSearch .searchBtn {
    background: 0;
    box-shadow: none;
    border: 0;
}

.orAlign {
    margin: 25px 0 0 0px;
    text-align: center;
}

@media (max-width:420px) {
    .orAlign {
        margin: 0px 0 0 15px;
    }

    .span1 .control-group {
        margin: 5px 0 0 0;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .orAlign {
        margin: 25px 0px 0 0px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .static-page .content {
        padding: 20px 20px;
        font-size: 13px;
    }
}

@media (min-width: 979px) {
    .product-info .container .span6 {
        width: 450px;
    }
}

@media (min-width: 767px) and (max-width: 979px) {
    .product-info .container .span6 {
        width: 340px;
    }
}

@media (min-width: 767px) and (max-width: 979px) {
    .megamenu_container { /* height: auto;  float:left;*/
        background: #fff;
        z-index: 999;
        position: absolute;
        width: 94%;
        padding-bottom: 0px;
    }

    .main-menu {
        width: 100%;
    }

        .main-menu li a {
            border: 0;
        }

        .main-menu > li:hover > ul {
            top: 0;
        }

    .flex-control-paging li a {
        display: block;
    }
}

@media (max-width: 568px) {
    .megamenu_container {
        background: #ffffff;
    }

    .main-menu li a {
        border: 0;
    }

    .category .sidebar {
        display: none;
    }
}

@media (min-width: 1024px) {
    .sidebar._mupdate {
        margin-top: 18px;
    }
}

@media (max-width: 480px) {
    .nav-tabs li > div, .nav-tabs li a, .nav-tabs li a:hover, .nav-tabs li a:active, .nav-tabs li a:focus {
        padding: 10px 15px 10px;
        font-size: 10px;
    }
}

@media (min-width: 480px) and (max-width: 980px) {
    .nav-tabs li > div, .nav-tabs li a, .nav-tabs li a:hover, .nav-tabs li a:active, .nav-tabs li a:focus {
        padding: 14px 4px 10px;
        font-size: 10px;
    }
}

.mini-cart a.miniCartLabel {
    width: auto;
    background: none;
    float: right;
    margin: 0 5px 0 0;
    color: #fff;
}

.footer #sticker {
    right: 18px \9;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .footer #sticker {
        right: 18px;
    }
}

@media (max-width: 767px) {
    .cart-items .styled-table .col_product .visible-desktop {
        display: block !important;
    }

    .cart-items .styled-table .col_product h5 {
        float: left;
    }
    /* if h5 needs to be below the image */
}

@media (max-width: 979px) and (min-width: 768px) {
    .cart-items .styled-table .col_product .visible-desktop {
        display: block !important;
    }

    .cart-items .styled-table .col_product h5 {
        float: left;
    }
    /* if h5 needs to be below the image */
}

.wCountry {
    padding: 6px 7px;
    height: 30px \9;
    padding: 5px 7px \9;
}

@media (max-width: 480px) {
    #newsletter_subscribe_form {
        width: 94%;
        left: 3%;
        right: 3%;
        font-size: 10px;
    }
        /*iphone---portrait--*/

        #newsletter_subscribe_form .newsContent {
            padding: 8px;
        }

    .newsContent table.newsForm td {
        padding: 3px 5px;
    }

    .wCountry {
        width: 95%;
    }
}

@media (min-width: 414px) and (max-width: 768px) {
    #newsletter_subscribe_form {
        width: 70%;
        left: 15%;
    }
    /*iphone---landscape--*/
}

@media (min-width: 768px) and (max-width: 1024px) {
    #newsletter_subscribe_form {
        width: 52%;
        left: 50%;
    }
    /*ipad---landscape--*/
}

@media (min-width: 768px) and (max-width: 980px) {
    #newsletter_subscribe_form {
        width: 70%;
        left: 50%;
    }
    /*ipad---landscape--*/
}

@media (min-width: 767px) and (max-width: 979px) { /*#newsletter_subscribe_form{width:50%; left:50%; font-size:12px;}*/

    #newsletter_subscribe_form .newsContent {
        padding: 12px;
    }

    .newsContent table.newsForm td {
        padding: 5px 8px;
    }
}

#newsletter_subscribe_form {
    height: 80%;
    overflow-y: auto;
    font-size: 12px;
}
    /*#newsletter_subscribe_form{width:50%; left:50%; height:80%; overflow-y:auto; font-size:12px;}*/

    #newsletter_subscribe_form .newsContent {
        padding: 0 15px 15px;
    }

.newsContent table.newsForm {
    width: 100%; /*border-bottom: 1px Solid #BEBDBB;*/
}

    .newsContent table.newsForm td {
        background-color: #FFFFFF; /* border-left: 1px solid #bebdbb;  border-top: 1px solid #bebdbb;*/
        padding: 6px 10px;
        vertical-align: top;
        border: 1px solid #bebdbb;
    }

.formField { /* font-size: 80% !important;*/
    margin: 2px 0;
}

}

#InfoCookies ul {
    margin: 10px 0 5px 30px;
    list-style-position: outside;
}

    #InfoCookies ul li {
        list-style-type: decimal;
        line-height: 18px;
        margin-bottom: 10px;
    }

#InfoCookies {
    font-size: 13px;
}

    #InfoCookies h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #InfoCookies h4 {
        font-size: 14px;
        color: #e51837;
        font-weight: bold;
    }

    #InfoCookies .modal-header {
        padding-bottom: 5px;
    }

.formLogo {
    position: absolute;
    top: 0;
}

@media (max-width: 480px) {
    .newsForm select {
        font-size: 9px;
        padding: 2px;
    }

    .newsForm #subscription_form_captcha {
        width: 35% !important;
    }

    #newsletter_subscribe_form select {
        padding: 6px 3px;
        font-size: 10px;
        margin: 2px 0;
    }

    #newsletter_subscribe_form .modal-header button {
        padding-top: 10px;
    }

    #newsletter_subscribe_form #selday {
        width: 50%;
        float: left;
        margin-right: 4px;
        font-size: 10px;
    }

    #newsletter_subscribe_form #selMonth, #selYear {
        width: 50%;
        float: left;
        clear: both;
        font-size: 10px;
    }

    .newsContent table.newsForm td.labelAlign label {
        font-size: 10px;
    }

    .newsForm .formField {
        font-size: 10px;
    }

    #newsletter_subscribe_form .errorMsgAlign {
        float: left;
        clear: both;
        margin-top: -20px;
    }
}

@media (max-width: 767px) {
    #newsletter_subscribe_form .modal-header {
        padding: 0;
        border: 0;
        margin: 0 0 3px 15px;
        min-height: 100px;
    }

        #newsletter_subscribe_form .modal-header button {
            padding: 10px;
        }

    .newsContent table.newsForm td {
        margin: 0;
        padding: 3px;
    }

    .newsForm .formField {
        width: 90% !important;
        margin: 2px;
        padding: 2px;
    }

    .newsForm p {
        line-height: 15px;
    }
}

#newsletter_subscribe_form .modal-header {
    min-height: 100px;
    padding-top: 0;
    border: 0px !important;
}

    #newsletter_subscribe_form .modal-header button {
        padding-top: 10px;
    }

@media (min-width: 480px) {
    #newsletter_subscribe_form #selday {
        width: 25%;
        float: left;
        margin-right: 4px;
        font-size: 12px;
    }

    #newsletter_subscribe_form #selMonth, #selYear {
        width: 33%;
        float: left;
        margin-right: 4px;
        font-size: 12px;
    }
}

.chkBoxAlign input {
    margin-right: 5px;
}

.newsContent table.newsForm td.labelAlign label {
    margin-right: 10px;
    float: left;
}

    .newsContent table.newsForm td.labelAlign label input {
        margin-right: 3px;
    }

.newsForm #subscription_form_captcha {
    margin-left: 5px;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.newsForm p {
    margin: 3px 0;
    width: 100%;
}

.newsForm sup {
    font-size: 12px;
    color: red;
    vertical-align: sub;
}

#newsletter_subscribe_form .modal-header .hgroup.title {
    padding: 0;
    margin: 10px 0;
}

#newsletter_subscribe_form .modal-header button { /*margin: 0;*/
    margin: 0 10px;
}

#newsletter_subscribe_form .modal-header {
    padding: 0 0 3px 15px;
}

@media (max-width: 767px) {
    #rc-imageselect, #recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.65);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    #newsletter_subscribe_form .captchaLeftCol {
        width: 50% !important;
        margin-bottom: 5px;
    }

    #newsletter_subscribe_form .captchaRightCol div {
        width: 250px !important;
    }

    #newsletter_subscribe_form .captchaRightCol {
        clear: both;
    }
}

#newsletter_subscribe_form .captchaLeftCol {
    float: left;
    width: 40%;
}

#newsletter_subscribe_form .captchaRightCol {
    float: left;
    width: 55%;
}

.cart .box .tcAlign {
    text-align: right;
}

#newsletter_subscribe_form .errorMsgAlign {
    float: right;
    clear: both;
}

.wishToControl label {
    float: left;
    margin-right: 10px;
}

.wishToControl p.note {
    font-size: 11px;
    line-height: 12px;
    clear: both;
    padding-top: 5px;
}

.shipAdd { /*min-height:123px !important;*/
    min-height: 60px;
}

.refundorder label {
    cursor: default;
}

.refundorder .returnLabel input {
    float: left;
    margin: 3px 3px 0 0;
    margin-top: 0 \9;
}

@media (max-width: 768px) {
    #rc-imageselect, #refundrecaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.65);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(0.77);
        -moz-transform: scale(0.77);
        -ms-transform: scale(0.77);
        -o-transform: scale(0.77);
        transform: scale(0.77);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .refundorder .span9 {
        width: 665px !important;
    }
}

.refundorder .control-group {
    float: left;
    width: 48%;
}

@media (max-width: 480px) {
    .refundorder .control-group {
        float: left;
        width: 100%;
        clear: both;
    }
}

.refundorder .marginAlign {
    margin-right: 2%;
    clear: left;
}

.refundorder ul.returnLabel {
    list-style: none;
    float: left;
    margin: 0;
}

    .refundorder ul.returnLabel li {
        list-style: none;
        float: left;
        width: 50%;
    }

.col_product .stkStatusGreen {
    /*color: green;*/
}

.col_product .stkStatusRed {
    font-size:15px;
    /*color: red;*/
}


.fa {
    padding: 2px;
    font-size: 20px;
    width: 25px;
    text-align: center;
    text-decoration: none;
    margin: 4px 2px;
    opacity: 1 !important;
    padding-top: 6px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
}

    .fa:hover {
        color: white;
    }

.fa-facebook {
    background: #77787b;
    color: white;
}

.fa-twitter {
    background: #77787b; /*#e51837;*/
    color: white;
}

.fa-google-plus {
    background: #77787b;
    color: white;
}

.fa-linkedin {
    background: #77787b;
    color: white;
}

.fa-youtube-play {
    background: #77787b;
    color: white;
}

.social a:visited {
    color: white;
}

div#EmailText p {
    font-style: normal !important;
    padding-top: 5px;
}

div#EmailText a:hover, div#EmailText a:visited {
    color: #e51837;
}

/*Ghanshyam to Add Sale Menu*/
   .main-menu li.salemenu  > a { /*padding: 15px 30px 15px 0;*/
        color: #ffffff; /*text-transform: uppercase;*/
        border-right: 1px solid #bebebe;
        background:#e51837 url('../../img/caret_down.png') no-repeat right bottom;
     
    }
/*To modify body color only for StoreLocator*/
.box .store-font-color h3,
.box .store-font-color h5 {
    color: #333333
}