fieldset {
    padding: 10px 25px;
    margin: 15px 0px;
    border: 1px solid #eaeaea;
    background-color: #fafafa;
}

    fieldset legend {
        display: block;
        width: auto;
        padding: 3px 10px;
        margin-bottom: 0;
        font-size: 15px;
        line-height: inherit;
        color: #333333;
        border: 1px solid #ddd;
        background-color: #ffffff;
    }

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
    .scrollToTop {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.4);
    }

        .scrollToTop i {
            line-height: 40px;
            font-size: 20px;
        }
}

.cart-count {
    position: absolute;
    top: -2px;
    right: -3px;
    line-height: 14px;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 30%;
    -moz-border-radius: 30%;
    border-radius: 30%;
    font-size: 10px;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dark .header-dropdown-buttons .cart-count {
    background-color: rgba(0, 0, 0, 0.5);
    color: #cdcdcd;
}

.dropdown.open .cart-count,
.dropdown:hover .cart-count {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
}

/*Images and Overlays
---------------------------------- */
.overlay-container {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
}

.overlay-bottom,
.overlay-top {
    position: absolute;
    top: auto;
    padding: 15px;
    bottom: 0px;
    left: 0;
    right: 0px;
    background-color: rgba(30, 30, 30, 0.5);
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
    height: 0;
    color: #ffffff;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

    .overlay-bottom.links,
    .overlay-to-top.links {
        z-index: 11;
    }

.overlay-to-top {
    position: absolute;
    top: auto;
    padding: 10px;
    bottom: -30px;
    left: 0;
    right: 0px;
    background-color: rgba(30, 30, 30, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
    color: #ffffff;
}

.overlay-top {
    top: 0;
}

.overlay-visible .overlay-bottom,
.overlay-visible .overlay-top {
    opacity: 1;
    filter: alpha(opacity=100);
    height: auto !important;
    padding-bottom: 20px;
}

.overlay-visible.overlay-container:hover .overlay-bottom:not(.links),
.overlay-visible.overlay-container:hover .overlay-top {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.overlay-top a,
.overlay-bottom a,
.overlay-to-top a {
    color: #ffffff;
}

.overlay-container .text {
    padding: 0 20px;
    position: relative;
}

    .overlay-container .text h3,
    .overlay-container .text h3 .small {
        margin-top: 0;
        color: #ffffff;
    }

    .overlay-container .text a:hover {
        color: #ffffff;
    }

.overlay-bottom .btn,
.overlay-top .btn {
    color: #ffffff;
    border-color: #ffffff;
    margin: 0;
}

    .overlay-bottom .btn:hover,
    .overlay-top .btn:hover {
        color: #777777;
        background-color: #ffffff;
    }

.overlay-container:hover .overlay-top,
.overlay-container:hover .overlay-bottom,
.image-box.style-2:hover .overlay-top,
.image-box.style-2:hover .overlay-bottom {
    height: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.overlay-container:hover .overlay-to-top,
.image-box:hover .overlay-to-top {
    opacity: 1;
    filter: alpha(opacity=100);
    bottom: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.overlay-link {
    position: absolute;
    z-index: 10;
    top: 0;
    padding: 15px;
    bottom: 0px;
    left: 0;
    right: 0px;
    background-color: rgba(30, 30, 30, 0.5);
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
    color: #ffffff;
}

    .overlay-link i {
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        width: 80px;
        height: 80px;
        border: 1px solid #ffffff;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        color: #ffffff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -40px 0 0 -40px;
        font-size: 32px;
        line-height: 80px;
    }

        .overlay-link i:hover {
            background-color: #ffffff;
            color: #777777;
        }

    .overlay-link.small i {
        width: 25px;
        height: 25px;
        margin: -12.5px 0 0 -12.5px;
        font-size: 14px;
        line-height: 25px;
    }

.overlay-container:hover .overlay-link {
    height: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
    .overlay-container .text {
        top: 30%;
    }
}

/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
    .overlay-container .text {
        top: 30%;
    }

        .overlay-container .text p:not(.mobile-visible) {
            display: none;
        }
}

/* Large and Medium devices (desktops, tablets less than 1199px) */
@media (min-width: 480px) and (max-width: 1199px) {
    .overlay-container:not(.overlay-visible) .overlay-top ~ .overlay-bottom {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .owl-item .overlay-container:hover .overlay-top {
        height: 71%;
    }

    .owl-item .overlay-container:hover .overlay-bottom {
        height: 29%;
    }
}

/* Separators
---------------------------------- */
.separator {
    width: 100%;
    margin: 20px auto 15px;
    position: relative;
    height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

    .separator:after {
        height: 1px;
        background: #e8e8e8;
        background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
        background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
        background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
        background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
        background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
        position: absolute;
        bottom: -1px;
        content: "";
        width: 100%;
        left: 0;
    }

.dark-bg:not(.banner) .separator:after {
    background: #505050;
    background: -moz-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #373737), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #373737));
    background: -webkit-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
    background: -o-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
    background: -ms-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
    background: linear-gradient(to right, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
}

#footer.dark .separator:after {
    background: #505050;
    background: -moz-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #222222), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #222222));
    background: -webkit-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
    background: -o-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
    background: -ms-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
    background: linear-gradient(to right, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
}

.default-bg .separator:after,
.dark-translucent-bg .separator:after,
.default-translucent-bg .separator:after,
.light.separator:after {
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
    .two-col-translucent-bg .container > .row > div + div .separator:after {
        background: rgba(255, 255, 255, 0.5);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    }
}

.light-translucent-bg .separator:after,
.two-col-translucent-bg .container > .row > div .separator:after,
.dark.separator:after {
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.4)), color-stop(70%, rgba(0, 0, 0, 0.4)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
    background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
}

h3 + .separator,
h4 + .separator,
h5 + .separator {
    margin-top: 15px;
}

.separator-2,
.separator-3 {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    height: 1px;
}

    .separator-2:after {
        height: 1px;
        background: #d1d1d1;
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
        background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
        background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
        background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
        position: absolute;
        bottom: -1px;
        left: 0px;
        content: "";
        width: 100%;
    }

.dark-bg .separator-2:after {
    background: #666666;
    background: -moz-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
    background: -webkit-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -o-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -ms-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: linear-gradient(to right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
}

#footer.dark .separator-2:after {
    background: #444444;
    background: -moz-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222));
    background: -webkit-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: -o-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: -ms-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: linear-gradient(to right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
}

.light-translucent-bg .separator-2:after,
.two-col-translucent-bg .container > .row > div .separator-2:after,
.dark.separator-2:after {
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
}

.default-bg .separator-2:after,
.default-translucent-bg .separator-2:after,
.dark-translucent-bg .separator-2:after,
.light.separator-2:after {
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
    .two-col-translucent-bg .container > .row > div + div .separator-2:after {
        background: rgba(255, 255, 255, 0.5);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    }
}

.separator-3:after {
    height: 1px;
    background: #d1d1d1;
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: linear-gradient(to left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    left: 0px;
    content: "";
    width: 100%;
}

.dark-bg .separator-3:after {
    background: #666666;
    background: -moz-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
    background: -webkit-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -o-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: -ms-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
    background: linear-gradient(to left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
}

#footer.dark .separator-3:after {
    background: #444444;
    background: -moz-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222));
    background: -webkit-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: -o-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: -ms-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
    background: linear-gradient(to left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
}

.light-translucent-bg .separator-3:after,
.two-col-translucent-bg .container > .row > div .separator-3:after,
.dark.separator-3:after {
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
    background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
}

.default-bg .separator-3:after,
.default-translucent-bg .separator-3:after,
.dark-translucent-bg .separator-3:after,
.light.separator-3:after {
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
    .two-col-translucent-bg .container > .row > div + div .separator-3:after {
        background: rgba(255, 255, 255, 0.5);
        background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    }
}

.footer-content .separator-2,
.footer-content .separator-3 {
    margin-bottom: 25px;
}

/*Icons
---------------------------------- */
.icon {
    display: inline-block;
    text-align: center;
    position: relative;
    background-color: rgba(255, 255, 255, 0.85);
    color: #000000;
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 58px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid transparent;
}

.icons .icon {
    margin: 0 5px 5px 0;
}

.icon i {
    position: relative;
    z-index: 1;
}

.icon.dark-bg {
    background-color: rgba(66, 66, 66, 0.66);
    color: #ffffff;
}

.icon.default-bg {
    background-color: #09afdf;
    color: #ffffff;
}

.icon.light-bg {
    background-color: #ffffff;
    color: #09afdf;
}

.icon.without-bg {
    font-size: 36px;
    line-height: 1;
    color: inherit;
    background-color: transparent;
    height: 100%;
}

.icon.large {
    font-size: 36px;
    width: 100px;
    height: 100px;
    line-height: 97px;
}

.icon.small {
    font-size: 18px;
    width: 45px;
    height: 45px;
    line-height: 43px;
}

.circle {
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;
}

/* Collapse
---------------------------------- */
.panel-group .panel-default {
    border-color: #eaeaea;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-group .panel-heading {
    padding: 0;
}

.panel-heading a {
    font-weight: 400;
    display: inline-block;
    width: 100%;
    position: relative;
    text-decoration: none;
    padding: 10px 40px 10px 15px;
    color: inherit;
}

/* Nav pills
---------------------------------- */
.nav-pills:not(.nav-stacked) {
    margin-bottom: 15px;
}

.text-center > .nav-pills {
    display: inline-block;
}

.nav-pills > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 7px 10px;
    border: 1px solid transparent;
    color: #999999;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
}

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus,
    .nav-pills > li > a:hover,
    .nav-pills > li > a:focus {
        color: #777777;
        background-color: transparent;
        border-bottom: 1px solid #777777;
    }

.nav-pills.style-2 > li > a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .nav-pills.style-2 > li.active > a,
    .nav-pills.style-2 > li.active > a:hover,
    .nav-pills.style-2 > li.active > a:focus,
    .nav-pills.style-2 > li > a:hover,
    .nav-pills.style-2 > li > a:focus {
        color: #09afdf;
        background-color: #fafafa;
        border: 1px solid #eaeaea;
    }

.nav-pills > li + li {
    margin-left: 5px;
}

.nav-pills.nav-stacked > li + li {
    margin-left: 0;
}

.nav-pills.nav-stacked > li > a {
    padding: 5px 0px;
    color: #777777;
}

.nav-pills.nav-stacked.list-style-icons > li > a {
    padding: 4px 0px;
}

.nav-pills.nav-stacked > li.active > a,
.nav-pills.nav-stacked > li.active > a:hover,
.nav-pills.nav-stacked > li.active > a:focus,
.nav-pills.nav-stacked > li > a:hover,
.nav-pills.nav-stacked > li > a:focus {
    color: #09afdf;
    background-color: transparent;
    border-color: transparent;
}

.nav-pills.nav-stacked:not(.list-style-icons) > li > a:after {
    font-family: "FontAwesome";
    content: "\f101";
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 6px;
    color: #d1d1d1;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.nav-pills > li.active > a:after {
    color: #09afdf;
}

.nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:hover:after,
.nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:focus:after,
.nav-pills.nav-stacked:not(.list-style-icons) > li > a:hover:after,
.nav-pills.nav-stacked:not(.list-style-icons) > li > a:focus:after {
    color: #0c9ec7;
    right: 10px;
}

.nav-pills.nav-stacked.list-style-icons > li > a > i {
    padding-right: 10px;
    font-size: 14px;
    color: #cdcdcd;
}

.nav-pills.nav-stacked.list-style-icons > li.active > a > i,
.nav-pills.nav-stacked.list-style-icons > li > a:hover > i,
.nav-pills.nav-stacked.list-style-icons > li > a:focus > i {
    color: #0c9ec7;
}

/*Style 1*/
.collapse-style-1 .panel-heading {
    background-color: #fafafa;
}

    .collapse-style-1 .panel-heading a {
        color: #999999;
    }

        .collapse-style-1 .panel-heading a:not(.collapsed) {
            color: #777777;
        }

        .collapse-style-1 .panel-heading a:after {
            font-family: "FontAwesome";
            content: "\f146";
            position: absolute;
            right: 15px;
            font-size: 14px;
            font-weight: 300;
            top: 50%;
            line-height: 1;
            margin-top: -7px;
        }

        .collapse-style-1 .panel-heading a.collapsed:after {
            content: "\f0fe";
        }

.collapse-style-1 .panel-body {
    border-top: none !important;
    background-color: #fafafa;
    padding: 10px 37px;
}