/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * degular:
 *   - http://typekit.com/eulas/00000000000000007735c867
 *   - http://typekit.com/eulas/00000000000000007735c869
 *   - http://typekit.com/eulas/00000000000000007735c877
 *   - http://typekit.com/eulas/00000000000000007735c87b
 * degular-display:
 *   - http://typekit.com/eulas/00000000000000007735c85b
 *   - http://typekit.com/eulas/00000000000000007735c85f
 *   - http://typekit.com/eulas/00000000000000007735c870
 *   - http://typekit.com/eulas/00000000000000007735c873
 * degular-text:
 *   - http://typekit.com/eulas/00000000000000007735c865
 *   - http://typekit.com/eulas/00000000000000007735c868
 *   - http://typekit.com/eulas/00000000000000007735c879
 *   - http://typekit.com/eulas/00000000000000007735c87a
 *
 * © 2009-2023 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2023-06-09 17:39:42 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=uzo2umd&ht=tk&f=44510.44511.44516.44517.44524.44525.44530.44531.44538.44539.44544.44545&a=4621761&app=typekit&e=css");

@font-face {
    font-family: "degular";
    /*src: url('../css/fonts/Avenir Roman/Avenir-Roman.otf');*/
    /*src: url('../css/fonts/Gotham/GothamPro.ttf');*/
    src: url('../css/fonts/Roboto/Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

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

body {
    overflow-y: scroll;
    overflow-x: hidden;
}

body {
    background-color: #ffffff;
    /*font-family: 'degular';*/
    font-family: 'degular';
    color: #2c3e50;
}

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

.wrapper {
    background-color: transparent;
}

@media (max-width: 414px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 769px) {
    .container {
        padding-left: 0;
        padding-right: 0;
    }
}

.main {
    /*padding: 40px 0 80px;*/
    padding: 33px 0 80px;
}
/*---
| 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: #2c3e50;
    text-decoration: underline;
    -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, -webkit-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;
    -webkit-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: #2f659a;
    }

    a img {
        max-width: 100%;
    }

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: 'degular';
}

    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: 48px;
    line-height: 60px;
}

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

h3 {
    font-size: 36px;
    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;
    white-space: pre-wrap;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
}

blockquote {
    border-left: 5px solid #eeeeee;
    padding: 0 0 0 15px;
    font-size: 17.5px;
    line-height: 1.25;
}

    blockquote p {
        font-weight: 300;
        margin-bottom: 0;
    }

    blockquote small {
        color: #999999;
    }

ul,
ol {
    list-style-position: inside;
    padding: 0;
}

.script {
    /*font-family: 'degular';*/
    font-family: 'degular';
    font-weight: 400;
    font-size: 150%;
}
/*---
| HELPERS
---*/
.nopadding {
    margin: 0;
    padding: 0;
}
/*---
| 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;
    }
/*---
| ISOTOPE
---*/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

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

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

        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }
/*---
| IMAGES
---*/
/*div[class*="col-"] img {
    width: 100%;
    height: 100%;
}*/

div[class*="col-"] img {
    max-width: 100%;
}

.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-thumbnail {
    border: 1px solid #d7d7d7;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-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;
}
/*---
| BUTTONS
---*/
.btn {
    font-family: 'degular';
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    text-shadow: none;
    font-size: 12px;
    border: none;
    background-color: #bdbdbd;
    background-image: none;
    text-decoration: none;
    letter-spacing: 1px;
    word-spacing: 1px;
    white-space: normal;
    -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);
    /*box-shadow: inset 0 -2px 0 rgba(71, 73, 72, 0.050000000000000044);*/
    /*color: @arguments;*/
    -webkit-box-shadow: 1px 3px 8px rgba(71, 73, 72, 0.5);
    transition: 0.4s;
    transition-delay: 0s;
}

    .btn:hover,
    .btn:focus,
    .btn:active {
        color: #ffffff;
        background-position: inherit;
        /*background-color: #b0b0b0;*/
        -webkit-box-shadow: 0px 0px 0px rgba(71, 73, 72, 0.5);
        transition: 0.4s;
        transition-delay: 0s;
    }

    .btn:focus,
    .btn:active {
        -webkit-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 i {
        font-weight: inherit;
        line-height: 13px;
    }

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

        .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;
            box-shadow: none;
            /*color: @arguments;*/
        }

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

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: #2c3e50;
    }

.btn-turquoise {
    background-color: #00a650;
}

    .btn-turquoise:hover,
    .btn-turquoise:focus,
    .btn-turquoise:active {
        background-color: #017b3c;
    }

.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: #e0220e;
}

    .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-lg {
    padding: 16px 24px;
}

.btn-sm {
    padding: 8px 10px;
}

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

@media (max-width: 767px) {
    .btn-block-xs {
        display: block;
        width: 100%;
    }

        .btn-block-xs + .btn-block-xs {
            margin-top: 20px;
        }

    input[type="submit"].btn-block-xs,
    input[type="reset"].btn-block-xs,
    input[type="button"].btn-block-xs {
        width: 100%;
    }
}

.input-group .btn,
.input-group .btn,
.input-group .btn:last-child,
.input-group .btn:first-child {
    padding: 4px 20px;
    border: 0px 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);
    box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    /*color: @arguments;*/
}
/*---
| LISTS
---*/
.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 #00a650;
        padding-left: 10px;
        margin-bottom: 5px;
    }

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

    .list-chevron li:before {
        content: "\f105";
        color: #00a650;
        font-family: 'degular';
        margin-right: 5px;
    }

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

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

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

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

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

@media (max-width: 992px) {
    ul.columns1,
    ul.columns2,
    ul.columns3,
    ul.columns4 {
        -webkit-columns: 20px 2;
        columns: 20px 2;
    }
}

@media (max-width: 767px) {
    ul.columns1,
    ul.columns2,
    ul.columns3,
    ul.columns4 {
        -webkit-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: #00a650;
    color: #ffffff;
}

.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;
        }
/*---
| FORM ELEMENTS
---*/
form {
    margin-bottom: 0;
}

label {
    font-size: 85%;
    font-weight: normal;
    margin-bottom: 2px;
}

    label input[type="checkbox"],
    label input[type="radio"] {
        margin-top: 1px;
    }

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: 'degular';*/
    font-family: 'degular';
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 4px 6px !important;
    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;
}

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 {
    -webkit-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);
        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;
}

.form-group {
    margin-bottom: 10px;
}
/*---
| ALERTS
---*/
.alert {
    font-size: 13px;
    padding: 10px 16px;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
}
/*---
| LABELS
---*/
.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: #00a650;
}
/*---
| 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;
    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;
}
/*---
| MODALS
---*/
.modal .modal-dialog {
    /*margin: 60px auto;*/
}

.modal .modal-dialog {
    /* margin: 121px auto; */
   /* -webkit-box-shadow: 0px 10px 35px 0px rgba(0,0,0,0.5);*/
    top: 5%;
}

.modal .modal-content {
    border: 0;
    -webkit-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: 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;
    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;
    }
/*---
| NAV-TABS
---*/
.nav-tabs {
    border-bottom: 5px solid #2c3e50;
    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^="fa-"],
            .nav-tabs li a [class^="fa-"],
            .nav-tabs li a:hover [class^="fa-"],
            .nav-tabs li a:active [class^="fa-"],
            .nav-tabs li a:focus [class^="fa-"],
            .nav-tabs li > div [class*=" fa-"],
            .nav-tabs li a [class*=" fa-"],
            .nav-tabs li a:hover [class*=" fa-"],
            .nav-tabs li a:active [class*=" fa-"],
            .nav-tabs li a:focus [class*=" fa-"] {
                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: #2c3e50;
            }

        .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:#00a650;*/
            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 + li {
        margin-top: 0;
    }

    .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 #00a650;
            background-color: #00a650;
            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: #00a650;
            font-weight: 700;
        }

        .nav-tabs.nav-stacked li.active:after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 1px;
            right: -1px;
            width: 1px;
            background-color: #ffffff;
        }
/*---
| WIDGET
---*/
.widget {
    background-color: #ffffff;
    border-top: 5px solid #2c3e50;
    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);
    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: #2c3e50;
            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: #00a650;
                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;
            -o-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: #00a650;
        }

            .adverts a:hover:before {
                -webkit-opacity: 1;
                -moz-opacity: 1;
                opacity: 1;
            }
/*---
| 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 20px 0 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;
    /*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;
        }

@media (max-width: 767px) {
    .box .box-footer .btn {
        display: block;
        width: 100%;
        float: none;
    }

        .box .box-footer .btn + .btn {
            margin-top: 20px;
        }
}

.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 #00a650;
}

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

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

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

.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);
    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 #00a650;
    }

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

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

    .panel.border-left {
        border-left: 5px solid #00a650;
    }*/

.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: #00a650;
            color: #ffffff;
            border-color: #00a650;
        }

            .panel-navigation a:hover .toggle {
                color: #00a650;
                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;
    }
/*---
| OPTIONS PANEL / COLOUR SCHEME PICKER
---*/
.options-panel {
    position: fixed;
    top: 200px;
    left: -200px;
    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);
        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: #00a650;
            color: #ffffff;
            text-decoration: none;
        }
/*---
| BREADCRUMB
---*/

.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;
}

    .breadcrumb > li + li::before {
        content: "\f105";
        font-family: 'degular';
        color: #adafae;
    }

    .breadcrumb li {
        text-shadow: none;
    }

    .breadcrumb .active {
        color: #939694;
    }

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

        .breadcrumb a:hover,
        .breadcrumb a:focus {
            color: none;
        }
/*---
| TWITTER BAR
---*/
.twitter-bar {
    padding: 0px 0;
    background-color: #fbfbf9;
    position: relative;
    z-index: 40;
    -webkit-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);
        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;
        padding: 20px 0;
        background-color: #fbfbf9;
        position: relative;
        z-index: 40;
        -webkit-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);
        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);
            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: #00a650;
    }
/*---
| SOCIAL ICONS
---*/
.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: 24px;
        height: 24px;
        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: opacity 300ms ease-in-out;
        -o-transition: opacity 300ms ease-in-out;
        transition: opacity 300ms ease-in-out;
    }

        .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;
    }
/*---
| 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;*/
            font-size: 14px;
            letter-spacing: 1px;
            color: inherit;
            text-decoration: none;
            color: #ffffff;
        }

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

    .header .bottom {
        background-color: #ffffff;
        padding: 0;
        -webkit-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;
        }

        .header .bottom > .container > .row {
            position: relative;
        }

@media (min-width: 992px) {
    .header .bottom > .container > .row > .col-md-3 {
        float: right;
        margin-right: 60px;
    }
}

.header .logo {
    padding: 10px 0;
}

    .header .logo a {
        display: inline-block;
        height: 60px;
        text-decoration: none;
    }

    .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 !important;
        margin-bottom: 0;
        width: 100%;
        height: 30px;
        -webkit-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);
        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);
            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 #00a650;
        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);
        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: #00a650;
        }

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

.mini-cart {
    position: absolute;
    top: 6px;
    right: 15px;
}

    .mini-cart a {
        display: block;
        line-height: 40px;
        float: right;
        height: 40px;
        width: 40px;
        background: url('../img/Carrito3.png') no-repeat left center;
        background-size: 35px;
        position: relative;
    }
        /*Bolita de color del carrito*/
        .mini-cart a > span {
            display: inline-block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            font-size: 11px;
            text-align: center;
            background-color: #fdf200;
            color: #000;
            position: absolute;
            top: 0;
            right: 0px;
            -webkit-border-radius: 12px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 12px;
            -moz-background-clip: padding;
            border-radius: 12px;
            background-clip: padding-box;
        }


.mini-cart2 a {
    display: block;
    line-height: 40px;
    float: right;
    height: 40px;
    width: 40px;
    background: url('../img/Carrito3.png') no-repeat left center;
    background-size: 35px;
    position: relative;
}
    /*Bolita de color del carrito*/
    .mini-cart2 a > span {
        width: 13px;
        height: 13px;
        line-height: 16px;
        font-size: 11px;
        text-align: center;
        background-color: #fdf200;
        color: #000;
        position: absolute;
        top: 8px;
        left: 12px;
        -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);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    /*color: @arguments;*/
}

.main-menu {
    margin: 0;
    padding: 0;
    height: auto;
    /*zoom: 1;*/
}

    .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: 12px;
        display: block;
    }

    .main-menu li {
        position: relative;
    }

        .main-menu li ul {
            display: none;
            position: absolute;
            border-top: 5px solid #00a650;
            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);
            box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
            /*color: @arguments;*/
            z-index: 1000;
            min-width: 200px;
        }

            .main-menu li ul li a {
                padding: 15px 20px;
                border-top: 1px solid #f0f0f0;
                color: #474948;
                font-weight: bold;
                font-size: 16px;
                letter-spacing: 1px;
            }

            .main-menu li ul li.menu-item-has-children > a:before {
                font-family: 'degular';
                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: #00a650;
            color: #ffffff;
        }

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

        .main-menu li:hover > ul {
            display: block;
        }

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

        .main-menu > li > a {
            padding: 15px 30px 15px 0;
            color: #474948;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 14px;
            letter-spacing: 1px;
        }

            .main-menu > li:hover > a,
            .main-menu > li > a:hover {
                color: #00a650;
                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: #00a650;
                        font-family: 'degular';
                        margin-right: 5px;
                    }

                    .main-menu .megamenu-sub-menu .megamenu-inner-sub-menu > li a:hover {
                        color: #00a650;
                    }

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

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

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

                .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 img {
                max-width: 100%;
            }

            .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*="col-md-"] {
                width: 100%;
            }

            .main-menu .megamenu-sub-menu .megamenu-content ul {
                display: block;
                -webkit-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: #00a650;
                            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;
                -o-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;
}

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

@media only screen and (max-width: 979px) {
    .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: #00a650;
        color: #ffffff;
    }

        .main-menu-button > span {
            font-weight: bold;
            float: right;
        }

        .main-menu-button:hover,
        .main-menu-button:focus,
        .main-menu-button:active {
            background-color: #017b3c;
            color: #ffffff;
            text-decoration: none;
        }

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

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

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

        .main-menu li {
            display: block;
            float: none;
            margin-top: 1px;
            position: static;
        }

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

                .main-menu li ul li a:hover,
                .main-menu li a:hover {
                    background-color: #00a650;
                    -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: 'degular';
                content: "\f0d9";
                margin-right: 5px;
            }

            .main-menu li.menu-item-has-children > a:before {
                font-family: 'degular';
                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;
                box-shadow: none;
                /*color: @arguments;*/
                background: none;
                border: 0px;
            }

            .main-menu li.selected > ul {
                display: block;
            }
}
/*---
| FOOTER
---*/
.footer {
    position: relative;
    z-index: 50;
    background-color: #000000;
    padding: 40px 0;
    font-size: 13px;
    color: #ffffff;
    -webkit-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 20px;
        color: #ffffff;
    }

    .footer .links {
        margin: 0;
    }

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

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

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

    .footer .links a:hover,
    .footer .links a:focus {
        color: #00a650;
    }

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

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

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

.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: #00a650;
                        }

            .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-group {
    margin-bottom: 0;
}

.footer .newsletter p {
    font-size: 12px;
    line-height: 18px;
    color: #939694;
    font-style: italic;
}
/*---
| CREDITS BAR
---*/
.credits {
    background-color: #2c3e50;
    padding: 10px 0;
    color: #ffffff;
    font-size: 12px;
    line-height: 18px;
}

    .credits p {
        margin-bottom: 0;
    }

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

        .credits a:hover {
            color: #c7c8c8;
        }
/*---
| SHOP PAGES
---*/
/*---
| CATEGORY
---*/
.category .sidebar .children {
    font-size: 12px;
}

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

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

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

    .category .sidebar .category-list .list-group-item {
        color: #939694;
        padding: 15px 20px;
        margin: 0 -20px;
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #f0f0f0;
        text-decoration: none;
    }

        .category .sidebar .category-list .list-group-item:first-of-type {
            border-top: 0;
        }

        .category .sidebar .category-list .list-group-item.hover {
            background-color: #f6f6f6;
        }

        .category .sidebar .category-list .list-group-item.active,
        .category .sidebar .category-list .list-group-item.active:hover,
        .category .sidebar .category-list .list-group-item.active:focus {
            color: #fff;
            background-color: #00a650;
        }

            .category .sidebar .category-list .list-group-item.active .badge,
            .category .sidebar .category-list .list-group-item.active:hover .badge,
            .category .sidebar .category-list .list-group-item.active:focus .badge {
                background-color: #fff;
                color: #00a650;
            }

    .category .sidebar .category-list .badge {
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        background-clip: padding-box;
        color: #fff;
        background-color: #d7d7d7;
        width: 20px;
        height: 20px;
        line-height: 20px;
        padding: 0;
        font-size: 11px;
        text-align: center;
    }

.category .sidebar .price-filter .ui-slider {
    background-color: #f0f0f0;
    border: 1px solid #d7d7d7;
    height: 12px;
    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);
    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: 0;
        z-index: 10;
        background-color: #00a650;
        -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);
        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: #00a650;
    }

.category .sidebar .best-selling .hgroup.title {
    margin-bottom: 20px;
}
/*---
| PRODUCT LIST
---*/
#load_more [class^="fa-"] {
    display: none;
}

#load_more .fa-spin {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

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

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

.product-list {
    overflow: visible !important;
    /*zoom: 1;*/
    margin-left: -15px;
    margin-right: -15px;
    border: 1px solid transparent;
}

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

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

    .product-list li {
        list-style: none;
        float: left;
        margin-bottom: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .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);
        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);
            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: #00a650;
            }

        .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;
                -o-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: #00a650;
                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: #0e6252 transparent transparent transparent;
                    position: absolute;
                    right: 0;
                    bottom: -20px;
                    z-index: -10;
                }

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

            .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);
                -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: #00a650;
                    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: 14px;
                line-height: 20px;
                font-weight: 700;
            }

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

@media (min-width: 768px) {
    .col-sm-9 .product-list li {
        width: 50%;
    }

        .col-sm-9 .product-list li.featured {
            width: 100%;
        }
}

@media (min-width: 992px) {
    .col-sm-9 .product-list li {
        width: 33.3333%;
    }

        .col-sm-9 .product-list li.featured {
            width: 66.6667%;
        }
}

@media (min-width: 768px) {
    .col-sm-12 .product-list li {
        width: 33.3333%;
    }

        .col-sm-12 .product-list li.featured {
            width: 66.6%;
        }
}

@media (min-width: 992px) {
    .col-sm-12 .product-list li {
        width: 25%;
    }

        .col-sm-12 .product-list li.featured {
            width: 50%;
        }
}
/*---
| 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;
        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;
                -o-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: #00a650;
            }

                .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: #00a650;
                }

        .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;
            -o-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: #00a650;
                }

    .product-list-small li:hover .desc .rating {
        color: #00a650;
        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: 16px;
        width: 48px;
        -webkit-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;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .ratings-small li:hover .desc .rating {
        color: #00a650;
        bottom: 0;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }
/*---
| PRODUCT
---*/
.product-info {
    margin-bottom: 80px;
}

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

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

    .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: 15px 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: 20px 0;
    }

        .product-info .product-content #product .details .prices .price {
            color: #2c3e50;
            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: #00a650;
            }

    .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 img {
        max-width: 100%;
    }

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

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

    .product-info .product-images .thumbs {
        margin: 0 -20px;
        padding: 0 10px 10px 10px;
        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);
            -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 {
                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;
                    -o-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;
                        -o-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: #00a650;
                    }

                        .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: #2c3e50;
                    }

                .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);
    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: #00a650;
            -webkit-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;
    }
/*---
| HOME PAGE
---*/
.promos {
    margin-bottom: 60px;
}

    .promos .box {
        color: #939694;
    }

    .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;
    }
/*---
| SLIDER
---*/
.flexslider {
    margin: 0;
    padding: 0;
    /* Flexslider will change this to the correct height once it has finished loading */
    height: 100px;
}

@media (min-width: 768px) {
    .flexslider {
        height: 200px;
    }
}

@media (min-width: 992px) {
    .flexslider {
        height: 300px;
    }
}

@media (min-width: 1200px) {
    .flexslider {
        height: 400px;
    }
}

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

.flexslider .slides img {
    width: 100%;
    display: block;
}

.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;
    position: relative;
    z-index: 10;
    border: none;
    background-color: transparent;
    -webkit-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-direction-nav {
        position: absolute;
        top: 50%;
        width: 100%;
        margin: -50px 0 0;
        /*zoom: 1;*/
    }

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

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

        .flexslider .flex-direction-nav a {
            display: block;
            width: 55px;
            /*height: 102px;*/
            text-align: left;
            overflow: hidden;
            text-indent: -9999px;
            -webkit-transition: all 200ms ease-in-out;
            -o-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.flex-prev {
                background: url('../img/larr.png') no-repeat center center;
            }

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

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

            .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:hover .flex-direction-nav .flex-prev,
        .flexslider .flex-direction-nav .flex-prev {
            left: 20px;
        }

        .flexslider:hover .flex-direction-nav .flex-next,
        .flexslider .flex-direction-nav .flex-next {
            right: 20px;
        }

    .flexslider .flex-control-nav {
        bottom: 15px;
        z-index: 20;
    }

@media (max-width: 479px) {
    .flexslider .flex-control-nav {
        display: none;
    }
}

.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);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
    /*color: @arguments;*/
    -webkit-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;
    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-progress {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 20;
    background-color: rgba(71, 73, 72, 0.2);
}

    .flexslider .flex-progress span {
        display: block;
        height: 5px;
        background-color: #00a650;
        width: 0%;
    }

.caption {
    position: absolute;
    top: 50%;
    bottom: auto;
    width: 100%;
    margin-top: -85px;
    padding: 0;
    background-color: transparent;
    overflow: visible;
    font-family: 'degular';
    -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: #00a650;
    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);
    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;
}
/*---
| STATIC PAGES
---*/
.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);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    /*color: @arguments;*/
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    padding: 0;
}

    .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;
        }

@media (max-width: 767px) {
    .static-page .box-footer .btn {
        display: block;
        width: 100%;
        float: none;
    }

        .static-page .box-footer .btn + .btn {
            margin-top: 20px;
        }
}

.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;
}

@media (min-width: 767px) {
    .static-page > .row > .col-sm-3 {
        padding-right: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        background-color: #fbfbf9;
        border-right: 1px solid #e3e3e3;
    }
}

.static-page > .row > .col-sm-9 {
    min-height: 600px;
}

.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 {
    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;
}
/*---
| ABOUT US
---*/
.jumbotron {
    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*="col-sm-"] {
    background-color: #f0f0f0;
    text-align: center;
    font-size: 12px;
    line-height: 40px;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
}
/*---
| BUTTONS STYLES
---*/
@media (max-width: 767px) {
    .button-styles pre {
        margin-top: 20px;
    }
}
/*---
| BLOG PAGES
---*/
.post-list {
    margin-left: -30px;
    /*zoom: 1;*/
    margin-left: -15px;
    margin-right: -15px;
    border: 1px solid transparent;
}

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

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

.post-grid {
    float: left;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

@media (min-width: 768px) {
    .post-grid {
        width: 50%;
    }
}

.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;
    }
/*---  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;
    }
}
/*---
| CART PAGE
---*/
.cart-items .col_product .image {
    float: left;
    margin-right: 20px;
}

    .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;
            -o-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: #00a650;
        }

            .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: #00a650;
        }

.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: #00a650;
        font-family: 'degular';
        margin-right: 5px;
    }

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

.cart-items .col_qty input[type="text"] {
    width: 32px;
    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;
                    box-sizing: border-box;
                    width: 50%;
                    height: 100%;
                    background-color: #f9f9f9;
                }
}

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

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

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

    .cart .coupon .input-group input[type="text"] {
        height: 30px;
    }

    .cart .coupon .input-group button {
        width: 20%;
    }

@media (max-width: 992px) {
    .cart .cart-footer .pull-left,
    .cart .cart-footer .pull-right {
        float: none;
        width: 100%;
    }

    .cart .cart-footer .btn {
        display: block;
        width: 100%;
        margin-top: 20px;
    }

    .cart .cart-footer > .btn {
        margin-top: 0;
    }
}
/*---
| CHECKOUT PAGES
---*/
.checkout {
    /* tabs on all checkout pages */
}

    .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;
}
/* price list on checkout pages */
.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: #00a650;
        }
/* order history page */
.orders tbody,
.order tbody {
    line-height: 28px;
    font-size: 12px;
}
/*---
| STORE LOCATOR PAGE
---*/
#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;
}

    .store_locator .well div [class^='col-'] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .store_locator .well .btn {
        padding-left: 0;
        padding-right: 0;
    }

@media (max-width: 992px) {
    .store_locator .well .btn {
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .store_locator .well select {
        margin-top: 20px;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .store_locator .well .hide-text {
        display: none;
    }
}

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

#td-store-locator-map img {
    max-width: none;
    height: auto;
}
/*---
| SEARCH RESULTS PAGE
---*/
.filter .form-group,
.filter input,
.filter select,
.filter textarea {
    margin-bottom: 0;
}

fieldset {
    padding: 2% !important;
}

.btn-Eliminar {
    /*display: none !important;*/
    padding: 6px 12px 3px 12px;
    position: relative;
    margin-top: -59px;
    border: 1px solid red;
    font-size: 18px;
    border-bottom-left-radius: 10px !important;
    color: red !important;
    background-color: #fff !important;
}

    .btn-Eliminar:hover {
        border: 1px solid #fff;
        color: #fff !important;
        background-color: red !important;
    }

.numPag {
    padding: 6px 12px 3px 12px;
    position: relative;
    margin-top: -32px;
    margin-left: 100px;
    float: right;
    border: 1px solid red;
    font-size: 14px;
    font-weight: bold;
    border-bottom-right-radius: 10px !important;
    color: red !important;
    background-color: #fff !important;
}

.img-Eliminar {
    max-width: 330px !important;
    height: 225px !important;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
}

.img-Catalogo {
    width: 100% !important;
    height: 100% !important;
}





.table-pedido {
    min-width: 1000px !important;
}
/*Color del borde de los panel*/
.panel-primary {
    border-color: #2c3e50;
}

    .panel-primary > .panel-heading {
        background-color: #2c3e50;
        border-color: #2c3e50;
    }

    .panel-primary > .panel-body {
        border-color: #00a650;
        background-color: #fff;
    }

.btn.active {
    border: 1px solid #2c3e50 !important;
    background-color: #fff !important;
    color: #2c3e50 !important;
}

.activo {
    display: none;
}

.radio-mante {
    font-size: 16px;
}

div.artTableResposive {
    display: none;
}

@media screen and (max-width:1025px) {
    div.artTable {
        display: none !important;
    }

    .row-separator {
        border-right: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.17) !important;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .imgRecomendaciones {
        width: 50% !important;
    }
}

@media screen and (max-width:1024px) {
    div.artTableResposive {
        display: block !important;
    }
}

@media screen and (max-width:737px) {
    .imgRecomendaciones {
        width: 30% !important;
        /*top:-25px!important;*/
    }

    .seguir {
        /*top:35px !important;
        right:5px !important;*/
        font-size: 10px !important;
    }
}

@media screen and (max-width:430px) {
    .imgRecomendaciones {
        width: 100% !important;
        /*top:-30px!important;*/
    }

    .seguir {
        /*top:45px !important;
        right:15px !important;*/
        font-size: 14px !important;
    }
}

.row-separator {
    border-right: 1px solid rgba(0, 0, 0, 0.17);
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align: middle !important;
    text-align: center !important;
}

.table > th,
.table > td {
}

.RBL {
    width: 300px !important;
}

    .RBL label {
        display: inline-block;
    }

    .RBL td {
        vertical-align: middle !important;
        width: 80px !important;
    }

.label {
    font-size: 14px;
}

.label-default {
    background-color: #fff !important;
    color: #474948 !important;
}

.panel-primary > .panel-heading {
    font-size: 16px;
    letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6, a {
    font-family: 'degular';
    letter-spacing: 1px;
}
/*FLEXSLIDER*/
.flex-direction-nav, .flex-progress {
    /*display:none;*/
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}



.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-ys table > tbody > tr > td {
        display: inline;
    }

        .pagination-ys table > tbody > tr > td > a,
        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #000000;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #000000;
            background-color: #f5f5f5;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-ys table > tbody > tr > td:first-child > a,
        .pagination-ys table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td:last-child > a,
        .pagination-ys table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td > a:hover,
        .pagination-ys table > tbody > tr > td > span:hover,
        .pagination-ys table > tbody > tr > td > a:focus,
        .pagination-ys table > tbody > tr > td > span:focus {
            color: #000000;
            background-color: #eeeeee;
            border-color: #dddddd;
        }


.blue {
    color: #00a650;
}


/*********Daniel******/

.limiteDeAncho700 {
    max-width: 1000px;
}


#pasos div div {
    margin-bottom: 12px;
}

#pasos {
    color: #757779;
}

.paso0 {
    left: 15.3%;
}

.paso1 {
    left: 49%;
}

.paso2 {
    left: 82.6%;
}

.paso3 {
    left: 63.5%;
}

.paso4 {
    left: 85.3%;
}

#contenedor-marcador .col-xs-12 {
    height: 30px;
}

.paso-seleccionado {
    color: #11AFE1 !important;
}

.contenidoCarrito .cantidad .numero {
    background-color: white;
    border-radius: 9px;
    font-size: 16px;
    border: 2px solid #EEE;
    color: #11AFE1;
}


.breadcrumb .paso-disponible:hover {
    cursor: pointer;
}

#marcador-paso {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    top: -20px;
    color: #11AFE1;
}


.gi-2x {
    font-size: 2em;
}

.gi-3x {
    font-size: 3em;
}

.gi-4x {
    font-size: 4em;
}

.gi-5x {
    font-size: 5em;
}

/*@font-face {
  font-family: 'degular';
  src: local('css/fonts/Tupper_PRO_Narrow'), url('fonts/Tupper_PRO_Narrow/TupperPRONarrow-Bold.otf');
  font-weight: normal;
  font-style: normal;
  font-strecht: condensed;
  unicode-range: "U+0-10FFFF";
}*/




.degular {
    font-family: 'degular';
}

.imgRecomendaciones > a {
    position: relative;
    top: 45px;
    right: 15px;
    color: #fff;
    font-size: 14px;
    z-index: 20;
    padding: 5px;
}

    .imgRecomendaciones > a:hover {
        background-color: #fff;
        border-radius: 10px;
        color: #23bec2;
    }

.jumbotron {
    border: none;
}

p.promo > input[type="checkbox"] {
    margin-top: 12px !important;
}

div.promo > label > input[type="checkbox"],
div.promo > label {
    margin-top: 12px !important;
    font-size: 25px !important;
}

.chzn-container {
    margin-bottom: 10px !important;
}


.product-list > li > div {
    position: relative;
    display: block;
    color: inherit;
    text-decoration: none;
    z-index: 20;
    -webkit-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 > li > div:hover {
        -webkit-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 > li > div:hover .image .secondary {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

        .product-list > li > div:hover .title .rating {
            color: #00a650;
        }

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

        .product-list > li > div .image img {
            display: block;
            width: 100%;
        }

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

        .product-list > li > div .image .badge-sale {
            position: absolute;
            right: -10px;
            top: 40px;
            background-color: #00a650;
            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 > li > div .image .badge-sale:after {
                content: '';
                display: block;
                width: 0;
                height: 0;
                border: 10px solid;
                border-color: #0e6252 transparent transparent transparent;
                position: absolute;
                right: 0;
                bottom: -20px;
                z-index: -10;
            }

    .product-list > li > div .title {
        padding: 20px;
        position: relative;
        background-color: #ffffff;
    }

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

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

            .product-list > li > div .title .prices .price {
                color: #00a650;
                font-weight: 600;
                font-size: 14px;
            }

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

        .product-list > li > div .title h3 {
            margin: 0;
            font-size: 14px;
            line-height: 20px;
            font-weight: 700;
        }

        .product-list > li > div .title .rating {
            margin-top: 10px;
            font-size: 12px;
            line-height: 15px;
            color: #c7c8c8;
        }

    .product-list > li > div a {
        color: #fff !important;
    }

/*Mostrar Catalogo de Articulos en Columna*/
.works {
    padding: 80px 0;
    /*background: #FCFCFC;*/
}

    .works .block {
        position: relative;
        z-index: 99;
    }

        .works .block:hover .img-overly .overly {
            opacity: 1;
        }

        .works .block h4 {
            padding: 20px 15px;
            margin-top: 0;
            color: #666;
        }

        .works .block .img-overly {
            position: relative;
            background: rgba(0, 0, 0, 0.85);
        }

            .works .block .img-overly img {
                border-radius: 0;
            }

            .works .block .img-overly .overly {
                background: rgba(57, 181, 74, 0.9);
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                opacity: 0;
                -webkit-transition: .3s all;
                -o-transition: .3s all;
                transition: .3s all;
            }

                .works .block .img-overly .overly a {
                    position: absolute;
                    top: 45%;
                    left: 22%;
                }

                    .works .block .img-overly .overly a i {
                        font-size: 30px;
                        color: #fff;
                    }

.product-info,
.product-info h1,
.product-info h2,
.product-info h3,
.product-info h4,
.product-info h5,
.product-info h6,
.product-info a,
.product-info span {
    font-family: 'degular';
}

    .product-info span.glyphicon {
        font-family: 'degular';
    }

figure {
    background: #fff;
    margin-bottom: 3rem;
    font-family: 'degular';
}

    figure .img-wrapper {
        position: relative;
        overflow: hidden;
    }

    figure img {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-transition: -webkit-transform 400ms;
        transition: -webkit-transform 400ms;
        -o-transition: transform 400ms;
        transition: transform 400ms;
        transition: transform 400ms, -webkit-transform 400ms;
        height: 22rem;
        display: block;
        margin: auto;
    }

    figure:hover img {
        -webkit-transform: scale3d(1.2, 1.2, 1);
        transform: scale3d(1.2, 1.2, 1);
    }

    figure:hover .overlay {
        opacity: 1;
    }

        figure:hover .overlay .buttons a {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }

    figure .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 10px;
        text-align: center;
        background: rgba(0, 0, 0, 0.7);
        opacity: 0;
        -webkit-transition: opacity 400ms;
        -o-transition: opacity 400ms;
        transition: opacity 400ms;
    }

        figure .overlay a {
            display: inline-block;
            color: #fff;
            padding: 10px 23px;
            line-height: 1;
            border: 1px solid #fff;
            border-radius: 0px;
            margin: 4px;
            -webkit-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0);
            -webkit-transition: all 400ms;
            -o-transition: all 400ms;
            transition: all 400ms;
        }

            figure .overlay a:hover {
                text-decoration: none;
            }

        figure .overlay:hover a {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }

    figure .buttons {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        figure .buttons a {
            text-decoration: none;
        }

    figure figcaption {
        padding: 20px 25px;
        margin-top: 0;
        color: #666;
    }

        figure figcaption h6 {
            margin: 0;
        }

            figure figcaption h6 span {
                color: #2c3e50;
                font-family: 'degular';
            }

        figure figcaption p {
            font-size: 14px;
            margin-bottom: 0;
            margin-top: 5px;
        }

/*figure figcaption p a.btn {
                display: none;
            }*/

@media (max-width: 1000px) {
    figure figcaption p a.btn {
        display: block;
    }
}



.ajax__fileupload_selectFileButton {
    background-color: #2c3e50 !important;
    color: #fff !important;
}

#product .meta span.tag {
    font-weight: 300;
    font-size: 16px;
    line-height: 22.5px;
    letter-spacing: 1px;
    margin-right: 5px;
}

#product .details h5 {
    margin: 0 0 5px;
}

#product .details .color span {
    font-size: 32px;
    /*background: white;
    color: blue;*/
    border-radius: 100%;
    margin: 5px;
    cursor: pointer;
    border: 1px solid rgb(189, 186, 186);
}

.bootstrap-touchspin .input-group-btn .btn {
    /*border: 1px solid #2c3e50 !important;*/
    padding: 7px 15px;
    border-radius: 5px;
}

.bootstrap-touchspin > input[type=text] {
    height: 33px;
    top: 1px;
}

.bootstrap-touchspin {
    max-width: 139px !important;
    min-width: 139px !important;
}

    .bootstrap-touchspin .input-group-btn .bootstrap-touchspin-up {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .bootstrap-touchspin .input-group-btn .bootstrap-touchspin-down {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }



figure > span.badge-sale {
    position: absolute;
    right: 5px;
    top: 20px;
    background-color: #bd0a0a;
    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;
    z-index: 1;
}

figure > span.shadow-sale {
    content: '';
    display: block;
    width: 0;
    height: 10px;
    border: 10px solid;
    border-color: rgba(204, 0, 0, 0.57) transparent transparent transparent;
    position: absolute;
    right: 5px;
    top: 40px;
    z-index: -10;
}

/*.flexslider .slides li img{
    height:545px !important;
}*/
.home {
    /*margin-top: 35px;*/
}

/*@media(max-width:1300px) {
  .home {
    margin-top: 16px;
  }
}*/

.frmlogin {
    /*position: fixed;*/
    z-index: 10000;
    /*right: 0;*/
    top: 100px;
    max-width: 385px;
    height: 400px;
}

    .frmlogin .box {
        background-color: transparent;
        border-radius: 20px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .frmlogin .box .hgroup.title {
            background-color: transparent;
        }

            .frmlogin .box .hgroup.title h1:first-child,
            .frmlogin .box .hgroup.title h2:first-child,
            .frmlogin .box .hgroup.title h3:first-child,
            .frmlogin .box .hgroup.title h4:first-child,
            .frmlogin .box .hgroup.title h5:first-child,
            .frmlogin .box .hgroup.title h6:first-child {
                font-size: 18px;
                line-height: 24px;
                color: #fff;
                font-weight: bold;
                font-family: 'degular';
            }

            .frmlogin .box .hgroup.title h1:last-child,
            .frmlogin .box .hgroup.title h2:last-child,
            .frmlogin .box .hgroup.title h3:last-child,
            .frmlogin .box .hgroup.title h4:last-child,
            .frmlogin .box .hgroup.title h5:last-child,
            .frmlogin .box .hgroup.title h6:last-child {
                color: #fff;
                font-weight: bold;
                font-family: 'degular';
            }

        .frmlogin .box .buttons {
            background-color: transparent;
        }

        .frmlogin .box a {
            font-size: 16px;
            font-family: 'degular';
            color: #fff;
        }

        .frmlogin .box input[type="submit"] {
            font-family: 'degular';
        }

        .frmlogin .box .input-group span {
            top: 0;
        }

        .frmlogin .box .input-group:first-child {
            margin-bottom: 15px;
        }

        .frmlogin .box .input-group input {
            font-family: 'degular';
            font-size: 14px;
        }

        .frmlogin .box .box-footer {
            background: transparent;
            padding-left: 0;
            padding-right: 0;
        }

.no-padding {
    width: 100%;
}

.frmlogin {
    position: absolute;
    right: 0;
}

/*@media (max-width: 736px) {
    .frmlogin {
        top: 0;
    }
}*/

@media (max-width: 1366px) {
    .col-lg-3.frmlogin {
        width: 30%;
    }
}

@media (min-width: 992px) {
    .col-md-5.frmlogin {
        width: 41.66666667%;
    }
}

.col-xs-12.frmlogin {
    width: 100%;
}

.flex-direction-nav {
    display: none !important;
}


@media(max-width:766) {
    .flexslider {
        min-height: 365px !important;
    }

        .flexslider .slides img {
            min-height: 365px !important;
        }
}


.loading-panel {
    /*background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    position: relative;
    width: 100%;*/
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    top: 0;
    left: 0;
}

.loading-container {
    /*background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    color: #fff;
    font-size: 90px;
    height: 100%;
    left: 0;
    padding-top: 15%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999;*/
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

    .loading-container > img {
        width: 100%;
    }

.modal-backdrop {
    z-index: 2300;
}

.modal {
    z-index: 2301;
}

iframe {
    border: none;
}

.btnPrincipal {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #F44336;
    right: 0;
    bottom: 0;
    position: fixed;
    margin-right: 16px;
    margin-bottom: 16px;
    border: none;
    outline: none;
    color: #FFF;
    font-size: 22px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-decoration: none !important;
    z-index: 40;
}

.floatButton a:hover,
.floatButton a:focus,
.floatButton a:active {
    color: #fff;
}

.btnPrincipal > span {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: absolute;
    left: 21px;
    top: 19px;
}

.floatButton > .btn > span {
    position: absolute;
    top: 6px;
    left: 8.5px;
}

.floatButton > .btn > img {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 3px;
    left: 2.5px;
}

.btnPrincipal:hover span {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.btnPrincipal:active {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.floatButton .btn {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: none;
    color: #FFF;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    font-size: 28px;
    outline: none;
    position: fixed;
    right: 0;
    bottom: 0;
    margin-right: 26px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    text-decoration: none;
    z-index: 40;
}

/*.floatButton > .btn.btnFB:hover,
.floatButton > .btn.btnFB:active {
  background: #3b5998;
}*/

.floatButton > .btn.btnYT:hover,
.floatButton > .btn.btnYT:active {
    background: #ff0000;
}

.btnLinkedIn {
    background: #007bb5;
    margin-bottom: 6px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.btnFB {
    background: #1877f2;
    margin-bottom: 52px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.btnIntagram {
    background: #c32aa3;
    margin-bottom: 98px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.btnWaze {
    background: #5bc0de;
    margin-bottom: 144px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.floatButton .btn.animacionVer {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


/*Carousel de promociones*/

#promoCarousel .carousel-control.left,
#promoCarousel .carousel-control.right,
#ofertaCarousel .carousel-control.left,
#ofertaCarousel .carousel-control.right {
    top: 25%;
    height: 25%;
    width: 5%;
    background-image: none;
    z-index: 1;
}

.img-slide-promo {
    height: 500px;
    width: 100%;
}


@media (max-width: 767px) {
    .img-slide-promo {
        height: 200px;
    }
}

.promo .checkbox-inline + .checkbox-inline {
    margin-left: 0;
}

.promo label.checkbox {
    text-align: center;
    padding-left: 0;
}

.btn {
    border-radius: 150px;
    font-family: 'degular';
}

.main {
    padding: 0;
}

@media (max-width:1024px) {
    .h-resp h4 {
        font-size: 24px;
    }
}

.checkbox.nota label {
    font-size: 14px;
}

.no-padding-col > .row {
    margin-bottom: 10px;
}

    .no-padding-col > .row > div[class*="col-"] {
        padding: 0;
    }

.table-rounded > thead tr:first-child > th:first-child {
    border-top-left-radius: 20px;
}

.table-rounded > thead tr:first-child > th:last-child {
    border-top-right-radius: 20px;
}

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

.no-padding-left {
    padding-left: 0;
}

.no-padding-left-right {
    padding-left: 0;
    padding-right: 0;
}

fieldset > legend {
    font-family: 'degular';
}

table > input[type=text] {
    font-family: 'degular';
}

hr {
    border-top: 1px solid #c9c9c9;
    margin: 5px 0;
}

.rounded-input {
    border-radius: 20px !important;
}

.rounded-input-left {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.rounded-input-right {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}


/*wizard*/

@media (max-width: 1000px) {
    .paso-disponible {
        display: none;
    }

    .paso-seleccionado {
        display: block;
        width: 100%;
    }
}

/*center modal*/

/*.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}*/

@media (max-width: 767px) {
    .fuenteTexto {
        font-size: 10px;
        font-family: 'degular';
    }
}

@media (min-width : 768px) {
    .fuenteTexto {
        font-size: 12px;
        font-family: 'degular';
    }
}

.navbar-brand {
    padding: 6px 0px;
    width: 250px;
    height: auto;
}

#qLoverlay {
    position: relative;
    display: none !important;
}

#loadPage.mostrar {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    -o-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
}

#loadPage.ocultar {
    visibility: hidden;
    opacity: 0;
}

#loadPage > .loading-panel {
    /*background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    position: relative;
    width: 100%;*/
    background: #ffffff none repeat scroll 0 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2147483658;
    top: 0;
    left: 0;
}

#loadPage > .loading-container {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

    #loadPage > .loading-container > img {
        width: 100%;
        max-width: 900px;
    }

iframe {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.delay-0-5 {
    animation-duration: 1s !important;
}

.lbl.col-md-2 {
    width: 20%;
}

.lbl.col-md-10 {
    width: 80%;
}

.pnlColor {
    background-color: #2c3e50;
    color: #fff;
}

.file div > input {
    width: 100% !important;
}

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

.btn-right-align {
    text-align: right;
}


.mini-locker {
    position: absolute;
    top: 6px;
    right: 15px;
}

    .mini-locker a {
        display: block;
        line-height: 40px;
        float: right;
        height: 40px;
        width: 60px;
        background: url('../img/Locker22.png') no-repeat left center;
        background-size: 55px;
        position: relative;
    }
        /*Bolita de color del locker*/
        .mini-locker a > span {
            display: inline-block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            font-size: 11px;
            text-align: center;
            background-color: #00a650;
            color: #ffffff;
            position: absolute;
            top: 0;
            right: 0px;
            -webkit-border-radius: 12px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 12px;
            -moz-background-clip: padding;
            border-radius: 12px;
            background-clip: padding-box;
        }

.mini-locker2 a {
    display: block;
    line-height: 40px;
    float: right;
    height: 40px;
    width: 60px;
    background: url('../img/Locker22.png') no-repeat left center;
    background-size: 55px;
    position: relative;
}
    /*Bolita de color del locker*/
    .mini-locker2 a > span {
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 11px;
        text-align: center;
        background-color: #00a650;
        color: #ffffff;
        position: absolute;
        top: 0;
        right: 0px;
        -webkit-border-radius: 12px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 12px;
        -moz-background-clip: padding;
        border-radius: 12px;
        background-clip: padding-box;
    }

/*Etiqueta EmptyDataText*/
.text-center > td {
    text-align: center !important;
}

.panel.nopadding {
    padding: 0 !important;
}

.glyphicon.notop {
    top: 0 !important;
}

.btn.btn-background-white {
    background-color: transparent !important;
    color: #2c3e50 !important;
}

.btn-border.btn-sm {
    font-size: 12px !important;
    padding: 8px 16px !important;
}

.btn-ingreso.btn-border {
    border: 2px solid #2c3e50;
}

.input-group span {
    top: 0;
}

.etiqueta {
    color: #fff;
    text-transform: uppercase;
    background: #655656c9;
    padding-left: 0.5rem;
    border-radius: 1rem;
}

    .etiqueta.punto {
        background: transparent;
        color: transparent;
    }

    .etiqueta.detalle {
        width: fit-content;
        padding-right: 0.5rem;
    }

.child_ul {
  margin-left: 5px;
}

  .child_ul li {
    margin-left: 5px;
  }

ul {
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 0px !important;
}















.mini-cot a {
  display: block;
  line-height: 40px;
  float: right;
  height: 40px;
  width: 40px;
  background: url('../img/ICOTIZACION.png') no-repeat left center;
  background-size: 35px;
  position: relative;
}
  /*Bolita de color del carrito*/
  .mini-cot a > span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    text-align: center;
    background-color: var(--color-secundario) !important;
    color: white;
    position: absolute;
    top: 0;
    right: 0px;
    -webkit-border-radius: 12px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 12px;
    -moz-background-clip: padding;
    border-radius: 12px;
    background-clip: padding-box;
  }