@charset "UTF-8";
/*=============================================
            TABLE OF CONTENT                 
=============================================*/
/*--------------- 

1. Font Import
2. Resets
3. General
4. Typography
5. Margin and padding helpers
6. Buttons
7. Navbar
   7.1. Brand / Navbar Logo
   7.2. Main Menu 
   7.3. Dropdown Menu
   7.4. Right Nav
   7.5. Search
   7.6. Side Menu / Nav
   7.7. Side Cart
8. Hero Slider
9. New Products
10. Featured Products
11. Product Quickview Popup
12. Video Lightbox
13. Best Seller
14. Banner Offer
    14.1. Banner Offer style 01
    14.2. Banner Offer style 02
15. Product Filtering / MixItUp
16. Shipping / Infography
17. Static Banner
18. Latest From Blog
    18.1. Latest style 01
    18.2. Latest style 02
19. Testimonials
20. Product Page
    20.1. Page Header
    20.2. Product Filter
    20.3. Breadcrumbs
    20.4. Sidebar
    20.5. Slider Range
    20.6. Pagination
21. Checkout
22. Products Details
23. Tabs
24. Shopping Cart
25. Blog
26. Blog Siderbar
27. Contact Page
28. Newsletter Popup
29. 404 Error Page
30. Footer
    30.1. Footer Style 01
    30.2. Footer Style 02
31. Back To Top

---------------*/
/*
  ========================================
  Font Import
  ========================================
*/

@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700);
@font-face {
    font-family: 'texgyreadventorbold';
    src: url('fonts/texgyreadventor-bold-webfont.eot'), url('fonts/texgyreadventor-bold-webfont.woff') format('woff'), url('fonts/texgyreadventor-bold-webfont.ttf') format('truetype'), url('fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
  ========================================
  Resets
  ========================================
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a,
input,
textarea,
button,
select {
    outline: none !important;
}
/*
  ========================================
  General
  ========================================
*/

body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #222;
    background-color: #fff;
    padding: 0;
    margin: 0;
    overflow-x: hidden !important;
}
::-webkit-input-placeholder {
    color: #222 !important;
    opacity: 1;
}
:-moz-placeholder {
    color: #222 !important;
    opacity: 1;
}
::-moz-placeholder {
    color: #222 !important;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #222 !important;
    opacity: 1;
}
a,
a:hover,
a:focus,
button {
    text-decoration: none;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
img {
    max-width: 100%;
}
#page {
    margin: 30px;
    overflow: hidden;
}
.wrapper {
    overflow: hidden;
}
body.page-border {
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
}
/*
  ========================================
  Typography
  ========================================
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 0.65em;
    margin-top: 10.5px;
}
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
    font-size: 75%;
    color: #757a86;
}
/* Body Content */

h1 {
    font-size: 35px;
}
h2 {
    font-size: 23px;
    font-weight: 700;
}
h2.double-line {
    display: inline-block;
    position: relative;
}
h2.double-line:before,
h2.double-line:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    top: 4px;
    width: 120px;
}
h2.double-line:before {
    right: 100%;
    margin-right: 65px;
}
h2.double-line:after {
    left: 100%;
    margin-left: 65px;
}
h3 {
    font-size: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
h4 {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.8em;
    font-weight: 600;
}
h5 {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1.8em;
    font-weight: 600;
}
h6 {
    font-weight: 500;
    text-transform: uppercase;
}
.sub-tittle {
    padding-top: 17px;
    color: #606060;
}
.main-nav .dropdown-menu,
.sub-tittle,
.product-atributes p,
.slider-caption p,
.slider-caption-2 p,
.slider-caption-3 p,
.product-info .product-tags,
.product-list-actions .form-group .form-control,
.product-rate span,
.product-quickview .product-description p,
.required-alert,
.video-box p,
.banner-content p,
.shipping p,
.content-column p,
.accordion-container p,
.blog-short-detail .post-info p,
.blog-short-detail-2 .post-info p,
.testimonials .testimonial-slider li p,
.client-info small,
.product-filter ol,
.product-filter span,
.breadcrumbs ul li,
.product-categories-list li a,
.color-list li a,
.size-options li a,
.product-search .form-control,
.product-reviews ul li a,
.product-details .product-small-detail p,
.product-details .product-list-actions .form-group label,
.social-share p,
.product-category-tag,
.tab-content,
.grid-system p,
.heading-styles p,
.product-name p,
.product-detail p,
.cart-form .form-group,
.cart-total li,
.blog-short-description .post-info,
.blog-short-description .post-paragraph p,
blockquote p,
.posted,
.post-tags li a,
.leave-reply a,
.post-comment .comment-body span,
.comment-body .comment,
.popular-post .popular-body,
.blog-categories ul li,
.blog-recent-post ul li,
.contact p,
.contact-form .form-group label,
.contact-form .form-group input,
.contact-form .form-group textarea,
#ajax-message,
.popup-text,
.popup-newsletter .inputletter,
.newsletter-popup-bottom label,
.error-wrapper p,
.error-search-form .form-control,
.about-widget p,
.twitter-feed ul,
.newsletter p,
.news li,
.about-widget li,
.alert {
    font-family: 'Droid Serif', serif;
    font-style: italic;
}
.sl-button,
.sl-button-white,
.mfp-ajax-holder .mfp-close,
.mfp-iframe-scaler .mfp-close,
.client-info h6,
.popup-newsletter .close,
.footer-social li,
.footer-nav li,
.copyright-info {
    font-family: 'Poppins', sans-serif;
}
.slider-caption-2 .sl-big-heading,
.sl-big-heading-2,
.sl-small-heading,
.sl-big-heading-3,
.shipping-text,
.total-price .price-text,
.product-price,
.poster-content h1,
.offer-add .banner-content h4,
.static-1 .content-column h1:before,
.static-2 .content-column h1:before,
.pagination li a,
.error-big-heading {
    font-family: 'texgyreadventorbold';
}
/*
  ========================================
  Margin and padding helpers
  ========================================
*/
/*
----------  Margin  ----------
*/

.margin-5 {
    margin: 5px !important;
}
.margin-vertical-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.margin-horizontal-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.margin-top-5 {
    margin-top: 5px !important;
}
.margin-bottom-5 {
    margin-bottom: 5px !important;
}
.margin-left-5 {
    margin-left: 5px !important;
}
.margin-right-5 {
    margin-right: 5px !important;
}
/*
----------  Padding  ----------
*/

.padding-5 {
    padding: 5px !important;
}
.padding-vertical-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.padding-horizontal-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.padding-top-5 {
    padding-top: 5px !important;
}
.padding-bottom-5 {
    padding-bottom: 5px !important;
}
.padding-left-5 {
    padding-left: 5px !important;
}
.padding-right-5 {
    padding-right: 5px !important;
}
/*
----------  Margin  ----------
*/

.margin-10 {
    margin: 10px !important;
}
.margin-vertical-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.margin-horizontal-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.margin-top-10 {
    margin-top: 10px !important;
}
.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.margin-left-10 {
    margin-left: 10px !important;
}
.margin-right-10 {
    margin-right: 10px !important;
}
/*
----------  Padding  ----------
*/

.padding-10 {
    padding: 10px !important;
}
.padding-vertical-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.padding-horizontal-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.padding-top-10 {
    padding-top: 10px !important;
}
.padding-bottom-10 {
    padding-bottom: 10px !important;
}
.padding-left-10 {
    padding-left: 10px !important;
}
.padding-right-10 {
    padding-right: 10px !important;
}
/*
----------  Margin  ----------
*/

.margin-15 {
    margin: 15px !important;
}
.margin-vertical-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.margin-horizontal-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.margin-horizontal-150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
}
.margin-top-15 {
    margin-top: 15px !important;
}
.margin-bottom-15 {
    margin-bottom: 15px !important;
}
.margin-left-15 {
    margin-left: 15px !important;
}
.margin-right-15 {
    margin-right: 15px !important;
}
/*
----------  Padding  ----------
*/

.padding-15 {
    padding: 15px !important;
}
.padding-vertical-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.padding-horizontal-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.padding-top-15 {
    padding-top: 15px !important;
}
.padding-bottom-15 {
    padding-bottom: 15px !important;
}
.padding-left-15 {
    padding-left: 15px !important;
}
.padding-right-15 {
    padding-right: 15px !important;
}
/*
----------  Margin  ----------
*/

.margin-20 {
    margin: 20px !important;
}
.margin-vertical-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.margin-horizontal-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.margin-left-20 {
    margin-left: 20px !important;
}
.margin-right-20 {
    margin-right: 20px !important;
}
/*
----------  Padding  ----------
*/

.padding-20 {
    padding: 20px !important;
}
.padding-vertical-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.padding-horizontal-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.padding-top-20 {
    padding-top: 20px !important;
}
.padding-bottom-20 {
    padding-bottom: 20px !important;
}
.padding-left-20 {
    padding-left: 20px !important;
}
.padding-right-20 {
    padding-right: 20px !important;
}
/*
----------  Margin  ----------
*/

.margin-25 {
    margin: 25px !important;
}
.margin-vertical-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}
.margin-horizontal-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}
.margin-top-25 {
    margin-top: 25px !important;
}
.margin-bottom-25 {
    margin-bottom: 25px !important;
}
.margin-left-25 {
    margin-left: 25px !important;
}
.margin-right-25 {
    margin-right: 25px !important;
}
/*
----------  Padding  ----------
*/

.padding-25 {
    padding: 25px !important;
}
.padding-vertical-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
.padding-horizontal-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.padding-top-25 {
    padding-top: 25px !important;
}
.padding-bottom-25 {
    padding-bottom: 25px !important;
}
.padding-left-25 {
    padding-left: 25px !important;
}
.padding-right-25 {
    padding-right: 25px !important;
}
/*
----------  Margin  ----------
*/

.margin-30 {
    margin: 30px !important;
}
.margin-vertical-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.margin-horizontal-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}
.margin-top-30 {
    margin-top: 30px !important;
}
.margin-bottom-30 {
    margin-bottom: 30px !important;
}
.margin-left-30 {
    margin-left: 30px !important;
}
.margin-right-30 {
    margin-right: 30px !important;
}
/*
----------  Padding  ----------
*/

.padding-30 {
    padding: 30px !important;
}
.padding-vertical-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.padding-horizontal-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.padding-top-30 {
    padding-top: 30px !important;
}
.padding-bottom-30 {
    padding-bottom: 30px !important;
}
.padding-left-30 {
    padding-left: 30px !important;
}
.padding-right-30 {
    padding-right: 30px !important;
}
/*
----------  Margin  ----------
*/

.margin-35 {
    margin: 35px !important;
}
.margin-vertical-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}
.margin-horizontal-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
}
.margin-top-35 {
    margin-top: 35px !important;
}
.margin-bottom-35 {
    margin-bottom: 35px !important;
}
.margin-left-35 {
    margin-left: 35px !important;
}
.margin-right-35 {
    margin-right: 35px !important;
}
/*
----------  Padding  ----------
*/

.padding-35 {
    padding: 35px !important;
}
.padding-vertical-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}
.padding-horizontal-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}
.padding-top-35 {
    padding-top: 35px !important;
}
.padding-bottom-35 {
    padding-bottom: 35px !important;
}
.padding-left-35 {
    padding-left: 35px !important;
}
.padding-right-35 {
    padding-right: 35px !important;
}
/*
----------  Margin  ----------
*/

.margin-40 {
    margin: 40px !important;
}
.margin-vertical-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.margin-horizontal-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}
.margin-top-40 {
    margin-top: 40px !important;
}
.margin-bottom-40 {
    margin-bottom: 40px !important;
}
.margin-left-40 {
    margin-left: 40px !important;
}
.margin-right-40 {
    margin-right: 40px !important;
}
/*
----------  Padding  ----------
*/

.padding-40 {
    padding: 40px !important;
}
.padding-vertical-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.padding-horizontal-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
.padding-top-40 {
    padding-top: 40px !important;
}
.padding-bottom-40 {
    padding-bottom: 40px !important;
}
.padding-left-40 {
    padding-left: 40px !important;
}
.padding-right-40 {
    padding-right: 40px !important;
}
/*
----------  Margin  ----------
*/

.margin-45 {
    margin: 45px !important;
}
.margin-vertical-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}
.margin-horizontal-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
}
.margin-top-45 {
    margin-top: 45px !important;
}
.margin-bottom-45 {
    margin-bottom: 45px !important;
}
.margin-left-45 {
    margin-left: 45px !important;
}
.margin-right-45 {
    margin-right: 45px !important;
}
/*
----------  Padding  ----------
*/

.padding-45 {
    padding: 45px !important;
}
.padding-vertical-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}
.padding-horizontal-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
}
.padding-top-45 {
    padding-top: 45px !important;
}
.padding-bottom-45 {
    padding-bottom: 45px !important;
}
.padding-left-45 {
    padding-left: 45px !important;
}
.padding-right-45 {
    padding-right: 45px !important;
}
/*
----------  Margin  ----------
*/

.margin-50 {
    margin: 50px !important;
}
.margin-vertical-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.margin-horizontal-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}
.margin-top-50 {
    margin-top: 50px !important;
}
.margin-bottom-50 {
    margin-bottom: 50px !important;
}
.margin-left-50 {
    margin-left: 50px !important;
}
.margin-right-50 {
    margin-right: 50px !important;
}
/*
----------  Padding  ----------
*/

.padding-50 {
    padding: 50px !important;
}
.padding-vertical-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.padding-horizontal-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}
.padding-top-50 {
    padding-top: 50px !important;
}
.padding-bottom-50 {
    padding-bottom: 50px !important;
}
.padding-left-50 {
    padding-left: 50px !important;
}
.padding-right-50 {
    padding-right: 50px !important;
}
/*
----------  Margin  ----------
*/

.margin-55 {
    margin: 55px !important;
}
.margin-vertical-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}
.margin-horizontal-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
}
.margin-top-55 {
    margin-top: 55px !important;
}
.margin-bottom-55 {
    margin-bottom: 55px !important;
}
.margin-left-55 {
    margin-left: 55px !important;
}
.margin-right-55 {
    margin-right: 55px !important;
}
/*
----------  Padding  ----------
*/

.padding-55 {
    padding: 55px !important;
}
.padding-vertical-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}
.padding-horizontal-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
}
.padding-top-55 {
    padding-top: 55px !important;
}
.padding-bottom-55 {
    padding-bottom: 55px !important;
}
.padding-left-55 {
    padding-left: 55px !important;
}
.padding-right-55 {
    padding-right: 55px !important;
}
/*
----------  Margin  ----------
*/

.margin-60 {
    margin: 60px !important;
}
.margin-vertical-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.margin-horizontal-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
}
.margin-top-60 {
    margin-top: 60px !important;
}
.margin-bottom-60 {
    margin-bottom: 60px !important;
}
.margin-left-60 {
    margin-left: 60px !important;
}
.margin-right-60 {
    margin-right: 60px !important;
}
/*
----------  Padding  ----------
*/

.padding-60 {
    padding: 60px !important;
}
.padding-vertical-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.padding-horizontal-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}
.padding-top-60 {
    padding-top: 60px !important;
}
.padding-bottom-60 {
    padding-bottom: 60px !important;
}
.padding-left-60 {
    padding-left: 60px !important;
}
.padding-right-60 {
    padding-right: 60px !important;
}
/*
----------  Margin  ----------
*/

.margin-65 {
    margin: 65px !important;
}
.margin-vertical-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
}
.margin-horizontal-65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
}
.margin-top-65 {
    margin-top: 65px !important;
}
.margin-bottom-65 {
    margin-bottom: 65px !important;
}
.margin-left-65 {
    margin-left: 65px !important;
}
.margin-right-65 {
    margin-right: 65px !important;
}
/*
----------  Padding  ----------
*/

.padding-65 {
    padding: 65px !important;
}
.padding-vertical-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
}
.padding-horizontal-65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
}
.padding-top-65 {
    padding-top: 65px !important;
}
.padding-bottom-65 {
    padding-bottom: 65px !important;
}
.padding-left-65 {
    padding-left: 65px !important;
}
.padding-right-65 {
    padding-right: 65px !important;
}
/*
----------  Margin  ----------
*/

.margin-70 {
    margin: 70px !important;
}
.margin-vertical-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}
.margin-horizontal-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
}
.margin-top-70 {
    margin-top: 70px !important;
}
.margin-bottom-70 {
    margin-bottom: 70px !important;
}
.margin-left-70 {
    margin-left: 70px !important;
}
.margin-right-70 {
    margin-right: 70px !important;
}
/*
----------  Padding  ----------
*/

.padding-70 {
    padding: 70px !important;
}
.padding-vertical-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.padding-horizontal-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
}
.padding-top-70 {
    padding-top: 70px !important;
}
.padding-bottom-70 {
    padding-bottom: 70px !important;
}
.padding-left-70 {
    padding-left: 70px !important;
}
.padding-right-70 {
    padding-right: 70px !important;
}
/*
----------  Margin  ----------
*/

.margin-75 {
    margin: 75px !important;
}
.margin-vertical-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
}
.margin-horizontal-75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
}
.margin-top-75 {
    margin-top: 75px !important;
}
.margin-bottom-75 {
    margin-bottom: 75px !important;
}
.margin-left-75 {
    margin-left: 75px !important;
}
.margin-right-75 {
    margin-right: 75px !important;
}
/*
----------  Padding  ----------
*/

.padding-75 {
    padding: 75px !important;
}
.padding-vertical-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}
.padding-horizontal-75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
}
.padding-top-75 {
    padding-top: 75px !important;
}
.padding-bottom-75 {
    padding-bottom: 75px !important;
}
.padding-left-75 {
    padding-left: 75px !important;
}
.padding-right-75 {
    padding-right: 75px !important;
}
/*
----------  Margin  ----------
*/

.margin-80 {
    margin: 80px !important;
}
.margin-vertical-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}
.margin-horizontal-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
}
.margin-top-80 {
    margin-top: 80px !important;
}
.margin-bottom-80 {
    margin-bottom: 80px !important;
}
.margin-left-80 {
    margin-left: 80px !important;
}
.margin-right-80 {
    margin-right: 80px !important;
}
/*
----------  Padding  ----------
*/

.padding-80 {
    padding: 80px !important;
}
.padding-vertical-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.padding-horizontal-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}
.padding-top-80 {
    padding-top: 80px !important;
}
.padding-bottom-80 {
    padding-bottom: 80px !important;
}
.padding-left-80 {
    padding-left: 80px !important;
}
.padding-right-80 {
    padding-right: 80px !important;
}
/*
----------  Margin  ----------
*/

.margin-85 {
    margin: 85px !important;
}
.margin-vertical-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
}
.margin-horizontal-85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
}
.margin-top-85 {
    margin-top: 85px !important;
}
.margin-bottom-85 {
    margin-bottom: 85px !important;
}
.margin-left-85 {
    margin-left: 85px !important;
}
.margin-right-85 {
    margin-right: 85px !important;
}
/*
----------  Padding  ----------
*/

.padding-85 {
    padding: 85px !important;
}
.padding-vertical-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}
.padding-horizontal-85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
}
.padding-top-85 {
    padding-top: 85px !important;
}
.padding-bottom-85 {
    padding-bottom: 85px !important;
}
.padding-left-85 {
    padding-left: 85px !important;
}
.padding-right-85 {
    padding-right: 85px !important;
}
/*
----------  Margin  ----------
*/

.margin-90 {
    margin: 90px !important;
}
.margin-vertical-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}
.margin-horizontal-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
}
.margin-top-90 {
    margin-top: 90px !important;
}
.margin-bottom-90 {
    margin-bottom: 90px !important;
}
.margin-left-90 {
    margin-left: 90px !important;
}
.margin-right-90 {
    margin-right: 90px !important;
}
/*
----------  Padding  ----------
*/

.padding-90 {
    padding: 90px !important;
}
.padding-vertical-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}
.padding-horizontal-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
}
.padding-top-90 {
    padding-top: 90px !important;
}
.padding-bottom-90 {
    padding-bottom: 90px !important;
}
.padding-left-90 {
    padding-left: 90px !important;
}
.padding-right-90 {
    padding-right: 90px !important;
}
/*
----------  Margin  ----------
*/

.margin-95 {
    margin: 95px !important;
}
.margin-vertical-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
}
.margin-horizontal-95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
}
.margin-top-95 {
    margin-top: 95px !important;
}
.margin-bottom-95 {
    margin-bottom: 95px !important;
}
.margin-left-95 {
    margin-left: 95px !important;
}
.margin-right-95 {
    margin-right: 95px !important;
}
/*
----------  Padding  ----------
*/

.padding-95 {
    padding: 95px !important;
}
.padding-vertical-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
}
.padding-horizontal-95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
}
.padding-top-95 {
    padding-top: 95px !important;
}
.padding-bottom-95 {
    padding-bottom: 95px !important;
}
.padding-left-95 {
    padding-left: 95px !important;
}
.padding-right-95 {
    padding-right: 95px !important;
}
/*
----------  Margin  ----------
*/

.margin-100 {
    margin: 100px !important;
}
.margin-vertical-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}
.margin-horizontal-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
}
.margin-top-100 {
    margin-top: 100px !important;
}
.margin-bottom-100 {
    margin-bottom: 100px !important;
}
.margin-left-100 {
    margin-left: 100px !important;
}
.margin-right-100 {
    margin-right: 100px !important;
}
/*
----------  Padding  ----------
*/

.padding-100 {
    padding: 100px !important;
}
.padding-vertical-100 {
    padding-top: 20px !important;
    padding-bottom: 100px !important;
}
.padding-horizontal-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}
.padding-top-100 {
    padding-top: 100px !important;
}
.padding-bottom-100 {
    padding-bottom: 100px !important;
}
.padding-left-100 {
    padding-left: 100px !important;
}
.padding-right-100 {
    padding-right: 100px !important;
}
/*
  ========================================
  Buttons
  ========================================
*/

.btn {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;
    padding: 12px 18px;
    border: solid 1px transparent;
}
.btn:focus {
    outline: none;
}
.btn.btn-xs {
    font-size: 9px;
    padding: 3px 7px;
}
.btn.btn-sm {
    padding: 6px 12px;
}
.btn.btn-lg {
    font-size: 10px;
    padding: 12px 25px;
    letter-spacing: 1px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus {
    color: #333;
    background-color: transparent;
    border-color: #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-default.btn-outline {
    color: #fff;
    border-color: #ddd;
    background: transparent;
}
.btn-default.btn-outline:hover {
    color: #333;
    border-color: #ddd;
    background: #fff;
}
.btn-default.btn-outline:active {
    color: #333;
    background-color: #f2f2f2;
    border-color: #d0d0d0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-default.btn-outline:active:hover,
.btn-default.btn-outline:active:focus {
    color: #333;
    background-color: #f2f2f2;
    border-color: #d0d0d0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-default:hover {
    border-color: #ddd;
}
.btn-default.btn-outline {
    color: #333;
}
.btn-primary {
    color: #fff;
    background-color: #ffa200;
    border-color: #ffa200;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus {
    color: #ffb533;
    background-color: transparent;
    border-color: #ffb533;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-primary.btn-outline {
    color: #ffa200;
    border-color: #ffa200;
    background: transparent;
}
.btn-primary.btn-outline:hover {
    color: #fff;
    border-color: #ffa200;
    background: #ffa200;
}
.btn-primary.btn-outline:active {
    color: #fff;
    background-color: #e69200;
    border-color: #e69200;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-primary.btn-outline:active:hover,
.btn-primary.btn-outline:active:focus {
    color: #fff;
    background-color: #e69200;
    border-color: #e69200;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-info {
    color: #fff;
    background-color: #3CBC8D;
    border-color: #3CBC8D;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:active:hover,
.btn-info:active:focus {
    color: #3CBC8D;
    background-color: transparent;
    border-color: #3CBC8D;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-info.btn-outline {
    color: #3CBC8D;
    border-color: #3CBC8D;
    background: transparent;
}
.btn-info.btn-outline:hover {
    color: #fff;
    border-color: #3CBC8D;
    background: #3CBC8D;
}
.btn-info.btn-outline:active {
    color: #fff;
    background-color: #36a97f;
    border-color: #36a97f;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-info.btn-outline:active:hover,
.btn-info.btn-outline:active:focus {
    color: #fff;
    background-color: #36a97f;
    border-color: #36a97f;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-success {
    color: #fff;
    background-color: #59b408;
    border-color: #59b408;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:active:hover,
.btn-success:active:focus {
    color: #59b408;
    background-color: transparent;
    border-color: #59b408;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-success.btn-outline {
    color: #59b408;
    border-color: #59b408;
    background: transparent;
}
.btn-success.btn-outline:hover {
    color: #fff;
    border-color: #59b408;
    background: #59b408;
}
.btn-success.btn-outline:active {
    color: #fff;
    background-color: #4d9c07;
    border-color: #4d9c07;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-success.btn-outline:active:hover,
.btn-success.btn-outline:active:focus {
    color: #fff;
    background-color: #4d9c07;
    border-color: #4d9c07;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-danger {
    color: #fff;
    background-color: #fd6a4d;
    border-color: #fd6a4d;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:active:hover,
.btn-danger:active:focus {
    color: #fd6a4d;
    background-color: transparent;
    border-color: #fd6a4d;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-danger.btn-outline {
    color: #fd6a4d;
    border-color: #fd6a4d;
    background: transparent;
}
.btn-danger.btn-outline:hover {
    color: #fff;
    border-color: #fd6a4d;
    background: #fd6a4d;
}
.btn-danger.btn-outline:active {
    color: #fff;
    background-color: #fd5534;
    border-color: #fd5534;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-danger.btn-outline:active:hover,
.btn-danger.btn-outline:active:focus {
    color: #fff;
    background-color: #fd5534;
    border-color: #fd5534;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-warning {
    color: #fff;
    background-color: #FCA13F;
    border-color: #FCA13F;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning:active:hover,
.btn-warning:active:focus {
    color: #FCA13F;
    background-color: transparent;
    border-color: #FCA13F;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-warning.btn-outline {
    color: #FCA13F;
    border-color: #FCA13F;
    background: transparent;
}
.btn-warning.btn-outline:hover {
    color: #fff;
    border-color: #FCA13F;
    background: #FCA13F;
}
.btn-warning.btn-outline:active {
    color: #fff;
    background-color: #fc9526;
    border-color: #fc9526;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-warning.btn-outline:active:hover,
.btn-warning.btn-outline:active:focus {
    color: #fff;
    background-color: #fc9526;
    border-color: #fc9526;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-dark {
    color: #fff;
    background-color: #333;
    border-color: #333;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark:active:hover,
.btn-dark:active:focus {
    color: #333;
    background-color: transparent;
    border-color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-dark.btn-outline {
    color: #333;
    border-color: #333;
    background: transparent;
}
.btn-dark.btn-outline:hover {
    color: #fff;
    border-color: #333;
    background: #333;
}
.btn-dark.btn-outline:active {
    color: #fff;
    background-color: #262626;
    border-color: #262626;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-dark.btn-outline:active:hover,
.btn-dark.btn-outline:active:focus {
    color: #fff;
    background-color: #262626;
    border-color: #262626;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-white {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white:active:hover,
.btn-white:active:focus {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-white.btn-outline {
    color: #fff;
    border-color: #fff;
    background: transparent;
}
.btn-white.btn-outline:hover {
    color: #333;
    border-color: #fff;
    background: #fff;
}
.btn-white.btn-outline:active {
    color: #333;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-white.btn-outline:active:hover,
.btn-white.btn-outline:active:focus {
    color: #333;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.buttons div.margin-right-10 {
    display: inline-block;
}
.dark {
    background: #222;
}
.dark h2 {
    color: #fff;
}
.sl-button,
.sl-button-white {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    display: inline-block;
    padding: 12px 18px;
}
.sl-button {
    border: 1px solid #222;
    color: #222;
}
.sl-button:hover {
    text-decoration: none;
    color: #fff;
    background: #222;
}
.sl-button-white {
    border: 2px solid #222;
    color: #222;
}
.sl-button-white:hover {
	text-decoration: none;
	color: #222;
	background: #fff;
}

.sl-button-otro {
    border: 2px solid #fff;
    color: #fff;
}

.sl-button-otro:hover {
	text-decoration: none;
	color: #222;
	background: #fff;
}

.add-to-cart {
    text-transform: uppercase;
    background-color: #F34C4F;
    padding: 12px 30px;
    color: #fff;
    font-weight: 500;
    border: 2px solid #F34C4F;
}
.add-to-cart:hover {
    background-color: transparent;
    color: #F34C4F;
}
.btn-form,
.btn-cart,
.btn-login-social {
    padding: 14px 25px;
    text-transform: uppercase;
    font-weight: 500;
}
.btn-form,
.btn-cart,
.btn-login,
.btn-login-social,
.btn-form:hover,
.btn-cart:hover,
.btn-login:hover,
.btn-login-social:hover {
    color: #fff;
}
.btn-form,
.btn-cart {
    font-size: 12px;
}
.btn-login-social {
    font-size: 13px;
    width: 100%;
}
.btn-cart,
.btn-form:hover,
.btn-login:hover {
    border: 2px solid #282828;
    background: #282828;
}
.btn-form,
.btn-login,
.btn-cart:hover,
.btn-login-social:hover {
    border: 2px solid #F34C4F;
    background: #F34C4F;
}
.btn-login {
    padding: 14px 45px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
}
.btn-login-social i {
    margin-right: 10px;
    font-size: 16px;
}
.btn-social i {
    margin-right: 10px;
    font-size: 12px;
}
.btn-social {
    color: #fff;
}
.btn-social.facebook-btn:active:hover,
.btn-social.facebook-btn:active:focus,
.btn-social.facebook-btn:hover {
    background: transparent;
    color: #2c5990;
    border-color: #2c5990;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.facebook-btn {
    background: #2c5990;
    border: 1px solid #2c5990;
}
.btn-social.twitter-btn:active:hover,
.btn-social.twitter-btn:active:focus,
.btn-social.twitter-btn:hover {
    background: transparent;
    color: #16bce6;
    border-color: #16bce6;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.twitter-btn {
    background: #16bce6;
    border: 1px solid #16bce6;
}
.instagram-btn {
    background: #5d4a3b;
    border: 1px solid #5d4a3b;
}
.btn-social.instagram-btn:active:hover,
.btn-social.instagram-btn:active:focus,
.btn-social.instagram-btn:hover {
    background: transparent;
    color: #5d4a3b;
    border-color: #5d4a3b;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.google-btn {
    background: #DA4835;
    border: 1px solid #DA4835;
}
.btn-social.google-btn:active:hover,
.btn-social.google-btn:active:focus,
.btn-social.google-btn:hover {
    background: transparent;
    color: #DA4835;
    border-color: #DA4835;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pinterest-btn {
    background: #c9181f;
    border: 1px solid #c9181f;
}
.btn-social.pinterest-btn:active:hover,
.btn-social.pinterest-btn:active:focus,
.btn-social.pinterest-btn:hover {
    background: transparent;
    color: #c9181f;
    border-color: #c9181f;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.skype-btn {
    background: #00AAF1;
    border: 1px solid #00AAF1;
}
.btn-social.skype-btn:active:hover,
.btn-social.skype-btn:active:focus,
.btn-social.skype-btn:hover {
    background: transparent;
    color: #00AAF1;
    border-color: #00AAF1;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.linkedin-btn {
    background: #0177B5;
    border: 1px solid #0177B5;
}
.btn-social.linkedin-btn:active:hover,
.btn-social.linkedin-btn:active:focus,
.btn-social.linkedin-btn:hover {
    background: transparent;
    color: #0177B5;
    border-color: #0177B5;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.youtube-btn {
    background: #DE2825;
    border: 1px solid #DE2825;
}
.btn-social.youtube-btn:active:hover,
.btn-social.youtube-btn:active:focus,
.btn-social.youtube-btn:hover {
    background: transparent;
    color: #DE2825;
    border-color: #DE2825;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.yahoo-btn {
    background: #4101AF;
    border: 1px solid #4101AF;
}
.btn-social.yahoo-btn:active:hover,
.btn-social.yahoo-btn:active:focus,
.btn-social.yahoo-btn:hover {
    background: transparent;
    color: #4101AF;
    border-color: #4101AF;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.rss-btn {
    background: #F90;
    border: 1px solid #F90;
}
.btn-social.rss-btn:active:hover,
.btn-social.rss-btn:active:focus,
.btn-social.rss-btn:hover {
    background: transparent;
    color: #F90;
    border-color: #F90;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dropbox-btn {
    background: #007EE6;
    border: 1px solid #007EE6;
}
.btn-social.dropbox-btn:active:hover,
.btn-social.dropbox-btn:active:focus,
.btn-social.dropbox-btn:hover {
    background: transparent;
    color: #007EE6;
    border-color: #007EE6;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.soundcloud-btn {
    background: #FF6A22;
    border: 1px solid #FF6A22;
}
.btn-social.soundcloud-btn:active:hover,
.btn-social.soundcloud-btn:active:focus,
.btn-social.soundcloud-btn:hover {
    background: transparent;
    color: #FF6A22;
    border-color: #FF6A22;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-social.facebook-btn.btn-outline:active:hover,
.btn-social.facebook-btn.btn-outline:active:focus,
.btn-social.facebook-btn.btn-outline:hover {
    background: #2c5990;
    color: #fff;
    border-color: #2c5990;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.facebook-btn.btn-outline {
    background: transparent;
    color: #2c5990;
    border: 1px solid #2c5990;
}
.btn-social.twitter-btn.btn-outline:active:hover,
.btn-social.twitter-btn.btn-outline:active:focus,
.btn-social.twitter-btn.btn-outline:hover {
    background: #16bce6;
    color: #fff;
    border-color: #16bce6;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.twitter-btn.btn-outline {
    background: transparent;
    color: #16bce6;
    border: 1px solid #16bce6;
}
.instagram-btn.btn-outline {
    background: transparent;
    color: #5d4a3b;
    border: 1px solid #5d4a3b;
}
.btn-social.instagram-btn.btn-outline:active:hover,
.btn-social.instagram-btn.btn-outline:active:focus,
.btn-social.instagram-btn.btn-outline:hover {
    background: #5d4a3b;
    color: #fff;
    border-color: #5d4a3b;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.google-btn.btn-outline {
    background: transparent;
    color: #DA4835;
    border: 1px solid #DA4835;
}
.btn-social.google-btn.btn-outline:active:hover,
.btn-social.google-btn.btn-outline:active:focus,
.btn-social.google-btn.btn-outline:hover {
    background: #DA4835;
    color: #fff;
    border-color: #DA4835;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pinterest-btn.btn-outline {
    background: transparent;
    color: #c9181f;
    border: 1px solid #c9181f;
}
.btn-social.pinterest-btn.btn-outline:active:hover,
.btn-social.pinterest-btn.btn-outline:active:focus,
.btn-social.pinterest-btn.btn-outline:hover {
    background: #c9181f;
    color: #fff;
    border-color: #c9181f;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.skype-btn.btn-outline {
    background: transparent;
    color: #00AAF1;
    border: 1px solid #00AAF1;
}
.btn-social.skype-btn.btn-outline:active:hover,
.btn-social.skype-btn.btn-outline:active:focus,
.btn-social.skype-btn.btn-outline:hover {
    background: #00AAF1;
    color: #fff;
    border-color: #00AAF1;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.linkedin-btn.btn-outline {
    background: transparent;
    color: #0177B5;
    border: 1px solid #0177B5;
}
.btn-social.linkedin-btn.btn-outline:active:hover,
.btn-social.linkedin-btn.btn-outline:active:focus,
.btn-social.linkedin-btn.btn-outline:hover {
    background: #0177B5;
    color: #fff;
    border-color: #0177B5;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.youtube-btn.btn-outline {
    background: transparent;
    color: #DE2825;
    border: 1px solid #DE2825;
}
.btn-social.youtube-btn.btn-outline:active:hover,
.btn-social.youtube-btn.btn-outline:active:focus,
.btn-social.youtube-btn.btn-outline:hover {
    background: #DE2825;
    color: #fff;
    border-color: #DE2825;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.yahoo-btn.btn-outline {
    background: transparent;
    color: #4101AF;
    border: 1px solid #4101AF;
}
.btn-social.yahoo-btn.btn-outline:active:hover,
.btn-social.yahoo-btn.btn-outline:active:focus,
.btn-social.yahoo-btn.btn-outline:hover {
    background: #4101AF;
    color: #fff;
    border-color: #4101AF;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.rss-btn.btn-outline {
    background: transparent;
    color: #F90;
    border: 1px solid #F90;
}
.btn-social.rss-btn.btn-outline:active:hover,
.btn-social.rss-btn.btn-outline:active:focus,
.btn-social.rss-btn.btn-outline:hover {
    background: #F90;
    color: #fff;
    border-color: #F90;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dropbox-btn.btn-outline {
    background: transparent;
    color: #007EE6;
    border: 1px solid #007EE6;
}
.btn-social.dropbox-btn.btn-outline:active:hover,
.btn-social.dropbox-btn.btn-outline:active:focus,
.btn-social.dropbox-btn.btn-outline:hover {
    background: #007EE6;
    color: #fff;
    border-color: #007EE6;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.soundcloud-btn.btn-outline {
    background: transparent;
    color: #FF6A22;
    border: 1px solid #FF6A22;
}
.btn-social.soundcloud-btn.btn-outline:active:hover,
.btn-social.soundcloud-btn.btn-outline:active:focus,
.btn-social.soundcloud-btn.btn-outline:hover {
    background: #FF6A22;
    color: #fff;
    border-color: #FF6A22;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*
  ========================================
  Navbar
  ========================================
*/

.menu-transparent.active {
    background: rgb(18, 18, 18);
    background: rgba(256, 256, 256, 0.85);
    position: fixed;
    height: 105px;
    top: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.bg-white {
    background: #fff;
    padding: 15px 0;
}
.navbar {
    margin-bottom: 0px;
    border: 0px;
    position: relative;
}
.nav .open a,
.nav .open a:focus,
.nav .open a:hover {
    background-color: transparent
}
.nav li a:hover,
.nav li a:focus {
    text-decoration: none;
    background-color: transparent;
}
.navbar-header {
    float: right;
}
/*
----------  Brand / Navbar Logo  ----------
*/

.brand-logo {
    float: left;
    line-height: 100%;
    position: relative;
    z-index: 1;
}
.brand-logo a {
    display: block;
}
.brand-logo img {
    height: auto;
    display: block;
    max-width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.p-left {
    left: 45%;
    position: absolute;
}
.menu-transparent.active .brand-logo img {
    max-width: 80%;
}
.menu-transparent.active .inner-nav > ul > li > a {
    padding: 0px 15px;
    line-height: 110px;
    display: block;
}
/*
----------  Main Menu ----------
*/

.border-header .main-nav {
    right: 30px;
    left: 30px;
    width: auto;
}
.main-nav {
    margin-bottom: 0px;
    position: absolute;
    width: 100%;
    height: 90px;
    z-index: 1030;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.main-nav .navbar {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 600;
}
.main-nav .inner-nav {
    float: left;
}
.navbar-toggle {
    float: right;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.navbar-toggle button {
    height: 100%;
    background-color: transparent;
    border: 0;
}
.menu-transparent {
    background-color: transparent;
    position: fixed !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 0px !important;
}
.menu-transparent.push-top {
    margin-top: 30px
}
.main-nav.nav-transparent {
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.main-nav.menu-dark .inner-nav > ul > li > a,
.main-nav.menu-dark .navbar-toggle i {
    color: #000;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.main-nav.menu-dark .inner-nav > ul > li > a:hover,
.main-nav.menu-dark .inner-nav > ul > li > a:focus,
.main-nav.menu-dark .navbar-toggle i:hover {
	color: #F34C4F;
}
.dark-border {
    border-bottom: 1px solid #e3e3e3;
}
.main-nav .inner-nav > ul > li > a {
    padding: 0px 15px;
    line-height: 120px;
    display: block
}
.navbar-toggle {
    margin: 0;
    padding: 0;
    height: 90px;
}
.navbar-toggle .icon-bar {
    background-color: #3e3e3e
}
.notice-num {
    position: absolute;
    margin-left: 11px !important;
    color: #ececec;
    background-color: #F34C4F;
    font-size: 8px;
    border-radius: 100%;
    height: 17px;
    width: 17px;
    text-align: center;
    display: block !important;
    top: 39%;
    line-height: 17px;
}
/*
----------  Dropdown Menu ----------
*/

.main-nav .dropdown-menu {
    font-weight: 600;
    background-color: #ffffff;
    font-size: 12px;
    letter-spacing: 0.5px;
    border-radius: 0px;
    border: 0px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    display: block;
}
.main-nav .dropdown-header {
    color: #ececec;
    padding: 10px 0px;
    border-bottom: 1px solid #444;
    width: auto;
    float: left;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.main-nav .dropdown-menu li a {
	color: #000000;
	text-transform: capitalize;
	display: inline-block;
	width: 100%;
	padding: 10px 0px;
	transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
}
.main-nav .dropdown:hover>ul.dropdown-menu {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}
.main-nav .dropdown-menu li a:hover,
.main-nav .dropdown-menu li a:focus {
	color: #F34C4F;
	padding-left: 5px;
	background-color: transparent;
}
.custom-collapse .dropdown>a>i {
    font-size: 10px;
}
.nav .mega-menu {
    position: static;
}
.mega-menu .dropdown-menu {
    left: 0;
    right: 6%;
    margin-left: auto;
    padding: 20px 30px 25px 30px;
    border: 0;
    top: auto
}
.mega-menu .dropdown-menu li {
    min-width: 160px;
}
.mega-menu .dropdown-menu li a i {
    font-size: 14px;
    padding-right: 10px;
}
.width-45 {
    width: 45%;
}
.submenu {
    position: relative;
}
.submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}
.submenu:hover>.dropdown-menu {
    margin-top: 0;
}
.submenu>a:after {
    font-family: "FontAwesome";
    display: block;
    content: "\f105";
    position: absolute;
    right: 25px;
    top: 0;
    margin-top: 17px;
    font-size: 14px;
}
.classic-dropdown .dropdown-menu {
    min-width: 200px;
}
.classic-dropdown .dropdown-menu li a {
    margin: 5px 30px;
}
/*
----------  Right Nav ----------
*/

.right-nav {
    font-size: 16px;
}
.right-nav>ul {
    padding: 0px;
}
.right-nav ul li {
    float: left;
    list-style: none;
}
.navbar-collapse.in {
    overflow-y: auto;
}
.collapse.in {
    display: block;
}
.header.absolute {
    position: absolute;
}
.header {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1000;
    padding-top: 20px;
}
/*
----------  Search  ----------
*/

#search-trigger {
    background-color: transparent;
    border: 0;
    display: block;
}
#search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(18, 18, 18, 0.9);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
#search.active {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}
#search .input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 125px;
    margin: auto;
}
#search .input .search {
    float: left;
    width: calc(100% - 125px);
    height: 65px;
    padding: 0;
    margin: 0;
    border: 0;
    color: #fff !important;
    outline: 0;
    background: transparent;
    font-size: 40px;
    letter-spacing: 1.3px;
    line-height: 65px;
    text-indent: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: 300;
}
#search .input .search::-webkit-input-placeholder {
    color: #fff !important;
    opacity: 1;
    font-weight: 300;
    font-size: 30px;
}
#search .input .submit {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 65px;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 65px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#search #close {
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 125px;
    height: 95px;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 40px;
    color: #bbb;
    text-align: center;
    line-height: 95px;
}
#nav-bar .logo {
    position: relative;
}
#nav-bar .right-nav,
.sidebar-toggle {
    top: 0;
    line-height: 140px;
    position: absolute;
}
.sidebar-toggle i {
    font-size: 16px;
    margin: 0 5px;
}
.sidebar-toggle {
    text-transform: uppercase;
    font-size: 14px;
    color: #1f1f1f;
    font-weight: 600;
    left: 50px;
}
#nav-bar .right-nav li a:hover,
.sidebar-toggle:hover {
    color: #F34C4F;
}
#nav-bar .right-nav {
    font-size: 16px;
    right: 50px;
}
#nav-bar .right-nav > ul > li {
    display: inline-block;
    margin: 0 15px;
}
#nav-bar .right-nav > ul > li > a {
    display: block;
    color: #1f1f1f;
}
/*
----------  Side Menu / Nav ----------
*/

.side-nav {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.side-nav.toggled {
    padding-left: 300px;
}
.side-nav.toggled .sidebar-inner {
    opacity: 0;
    visibility: hidden;
}
.sidebar-inner {
    z-index: 1000;
    position: fixed;
    left: 300px;
    width: 0;
    text-align: center;
    height: 100%;
    top: 0;
    margin-left: -300px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sidebar-inner,
.side-nav.toggled .sidebar-inner {
    width: 300px;
}
.side-nav.toggled {
    padding-left: 0;
}
.side-nav.toggled .sidebar-inner {
    width: 0;
}
.sidebar-inner {
    background: #282828;
}
.sidebar-menu {
    width: 300px;
    overflow: hidden;
}
.sidebar-menu > li.level-dropdown:before {
    position: absolute;
    font-family: 'ElegantIcons';
    content: "\35";
    right: 30px;
    color: #505050;
    padding: 25px 0;
}
.sidebar-menu {
    list-style: none;
}
.sidebar-menu li {
    text-decoration: none;
}
.sidebar-menu li:after {
    content: '';
    width: 200px;
    left: 50px;
    position: absolute;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.sidebar-menu li a {
    color: #fff;
    display: block;
    padding: 25px 0;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
}
.sidebar-menu li a:hover,
.sidebar-menu li a.active {
    color: #F34C4F;
}
.sidebar-menu li:hover > ul {
    left: 300px;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
    -moz-transition: opacity 0.5s ease 0s, -moz-transform 0.5s ease 0s;
    -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
    -ms-transition: opacity 0.5s ease 0s, -ms-transform 0.5s ease 0s;
    visibility: visible;
}
.sidebar-menu li > ul {
    position: absolute;
    background: #222;
    display: block;
    left: -300px;
    min-width: 300px;
    height: 100%;
    top: 0;
    padding-top: 190px;
    padding-left: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    -moz-transform: translate(20px, 0);
    -o-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    visibility: hidden;
}
.menu-social ul li {
    display: inline-block;
    margin: 0 10px;
    width: 30px;
    height: 30px;
    background: #363636;
    border-radius: 50%;
    line-height: 2.2em;
}
.menu-social ul li a {
    color: #858585;
    font-size: 12px;
}
.menu-social ul li:hover {
    background: #F34C4F;
}
.menu-social ul li:hover a {
    color: #fff;
}
.close-btn a {
    color: #F34C4F;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}
.close-btn a:before {
    font-family: 'ElegantIcons';
    content: "\4d";
    font-size: 25px;
    top: 5px;
    position: relative;
}
/*
----------  Side Cart ----------
*/

.side-cart {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    height: 100%;
    width: 100%;
    max-width: 340px;
    background: #282828;
    color: #fff;
    margin-right: -340px;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid #e9e9e9;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.side-cart-open {
    margin-right: 0 !important;
}
.shoping-cart-box {
    padding-right: 20px;
    padding-left: 30px;
}
.cart-product-list {
    border-bottom: 1px solid #4e4e4e;
}
.cart-product {
    overflow: hidden;
    padding: 20px 0;
    position: relative;
}
.cart-product img {
    float: left;
    width: 74px;
    height: 98px;
    margin-right: 15px;
}
.product-name a {
    margin-right: 60px;
    color: #a6a6a6;
    line-height: 1.3em;
    font-weight: 500;
}
.product-atributes p {
    font-size: 12px;
    color: #4e4e4e;
}
.cart-product .product-price {
    font-size: 14px;
    color: #a6a6a6;
}
.remove-btn {
    position: absolute;
    right: 0;
    top: 20px;
    color: #a6a6a6;
}
.remove-btn:hover {
    color: #F34C4F;
}
.cart-prices span {
    text-transform: uppercase;
    color: #a6a6a6;
}
.cart-prices .total-price .price-text {
    font-weight: 500;
    font-size: 16px;
}
.shipping-text {
    font-size: 12px;
}
.view-cart-btn {
    border: 2px solid #888888;
    width: 100%;
    color: #888888;
    padding: 13px 30px;
    line-height: normal;
    text-align: center;
    display: table;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}
.view-cart-btn:hover {
    background: #888888;
    color: #fff;
}
.checkout-btn {
    border: 2px solid #F34C4F;
    width: 100%;
    color: #fff;
    background: #F34C4F;
    padding: 13px 30px;
    line-height: normal;
    text-align: center;
    display: table;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}
.checkout-btn:hover {
    background: transparent;
    color: #F34C4F;
}
/*
  ========================================
  Hero Slider
  ========================================
*/

#hero {
    position: relative;
    width: 100%;
    padding: 0px;
}
#hero .slides li.slide {
    width: 100%;
    display: block;
    overflow: hidden;
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    background-size: cover;
}
.slider-caption,
.slider-caption-2 {
    position: absolute;
    z-index: 30;
    max-width: 850px;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.slider-caption {
    left: 50%;
    top: 53%;
    margin-left: -425px;
}
.slider-caption-2 {
    left: 42%;
    top: 56%;
    margin-left: -425px;
}
.slider-caption-3 {
    position: absolute;
    z-index: 30;
    left: 50%;
    top: 42%;
    margin-left: -225px;
}
.fx-caption-2 {
	color: #2E2E2E;
}
.fx-caption-3,
.fx-caption-4 {
    text-align: center;
}
.text-middle {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    z-index: 3;
    left: -200px;
    color: #222;
}
.sl-big-heading {
    font-size: 62px;
}
.sl-big-heading,
.sl-big-heading-2 {
    border: none;
    color: #222;
    line-height: 0.8em;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.sl-big-heading-2 {
    font-size: 73px;
}
.slider-caption h1.sl-big-heading-3 {
    font-size: 75px;
    line-height: 0.9em;
    margin-bottom: 25px;
}
.fx-caption-2.text-left p {
    margin: 0 !important;
}
.slider-caption-2 .sl-big-heading,
.sl-big-heading-2,
.sl-small-heading,
.sl-big-heading-3 {
    font-weight: bold;
}
.sl-small-heading {
    color: #F34C4F;
    font-size: 26px;
}
.slider-caption p,
.slider-caption-2 p,
.slider-caption-3 p {
    font-size: 14px;
    line-height: 1.7em;
    width: 410px;
    margin: 0 auto;
}
.sl-line:before {
    content: "";
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: -40%;
    bottom: 0;
    height: 60px;
    width: 1px;
    z-index: -1;
    background: #F34C4F;
}
.sl-line:after {
    content: "";
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 250px;
    height: 60px;
    bottom: 0;
    width: 1px;
    z-index: -1;
    background: #F34C4F;
}
.sl-caption {
    z-index: 1;
    position: relative;
}
.sl-caption:before {
    content: "";
    position: absolute;
    left: 28%;
    top: -37%;
    height: 55px;
    bottom: 0;
    width: 200px;
    z-index: -1;
    background-image: url(img/box1.png);
}
.sl-caption:after {
    content: "";
    position: absolute;
    left: 28%;
    top: 110%;
    height: 55px;
    bottom: 0;
    width: 200px;
    z-index: -1;
    background-image: url(img/box.png);
}
/*
  ========================================
  New Products
  ========================================
*/

.product {
    position: relative;
}
.product img {
    width: 100%;
    height: auto;
}
.hover_overlay {
    position: absolute;
    overflow: hidden;
    top: 25px;
    left: 25px;
    bottom: 25px;
    right: 25px;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.product:hover .hover_overlay,
.p-image:hover .hover_overlay {
	opacity: 1;
	background: rgba(0,0,0, 0.4);
}
.hover-search {
    position: absolute;
    top: 45%;
}
.product .hover-search {
    left: 40%;
}
.hover-search i {
    height: 60px;
    width: 60px;
    background: #F34C4F;
    color: #fff;
    border-radius: 50%;
    padding: 23px;
    font-size: 16px;
    text-align: center;
}
.hover-search a:hover i {
    background: #282828;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.product-info .product-tags {
    color: #F34C4F;
    font-size: 14px;
}
.products-full img {
    width: 100%;
}
/*
  ========================================
  Featured Products
  ========================================
*/

.product-carousel .item {
    margin: 15px;
}
.product-carousel .item img {
    display: block;
    width: 100%;
    height: auto;
}
.product-rate i {
    color: #F34C4F;
    font-size: 11px;
}
.product-rate i.not-rated {
    color: #e2e2e2;
}
.product-title a {
    color: #222;
    line-height: 2.5em;
    font-weight: 500;
}
.product-carousel .item:hover .product-title a {
    color: #F34C4F;
}
.product-price p,
.product-price del {
    display: inline-block;
    margin: 0 5px;
}
.product-price del {
    color: #b3b3b3;
}
.product-image {
    position: relative;
}
.product-image img {
    display: block;
}
.product-image .product_overlay {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.product-image:hover .product_overlay {
    opacity: 1;
    background: rgba(34, 34, 34, 0.6);
}
.product_overlay .product-cart {
    bottom: 0;
}
.product-cart {
    width: 100%;
    position: absolute;
}
.product-cart {
    background: #F34C4F;
    color: #fff;
}
.product-cart p {
    float: left;
    padding-top: 15px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
.product-cart a,
.product-cart .product-icons {
    display: inline-block;
}
.product-icons {
    float: right;
}
.product-cart .product-icons ul {
    display: inline-flex;
    background: #282828;
}
.product-cart .product-icons li a {
    padding: 13px 12px;
    color: #b7b7b7;
}
.product-cart .product-icons ul li:hover {
    background: #555555;
}
.product-sale {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    height: 28px;
    right: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.14);
    top: 0;
    width: 58px;
    z-index: 5;
    background: #F34C4F;
    text-transform: uppercase;
}
.pr-carousel .owl-controls .owl-buttons div {
    position: absolute;
    top: 40%;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 50%;
    height: 42px;
    width: 42px;
    line-height: 35px;
    text-align: center;
    background: #282828 !important;
}
.pr-carousel .owl-controls .owl-buttons .owl-prev {
    font-size: 15px;
    left: -12px;
    opacity: 1;
}
.pr-carousel .owl-controls .owl-buttons .owl-next {
    font-size: 15px;
    right: -12px;
    opacity: 1;
}
.pr-carousel .owl-controls .owl-buttons .owl-prev:hover,
.pr-carousel .owl-controls .owl-buttons .owl-next:hover {
    background: #F34C4F !important;
}
.blog-carousel .item {
    margin: 0 15px;
    padding-top: 70px;
}
.products-full {
    width: 18.33%;
    display: inline-block;
    margin: 0 9px;
}
/*
  ========================================
  Product Quickview Popup
  ========================================
*/

.product-popup {
    position: relative;
    background: #fff;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}
.product-popup .product {
    padding: 25px 40px 25px 10px;
}
.product-quickview .product-media,
.product-quickview .product-body {
    margin: 0;
    padding: 0;
}
.product-quickview {
    min-width: 850px;
    padding: 0;
}
.product-quickview .product {
    margin-bottom: 0;
}
.product-quickview .product:before,
.product-quickview .product:after {
    content: " ";
    display: table;
}
.product-quickview .product:after {
    clear: both;
}
.product-quickview .product-media {
    float: left;
    width: 370px;
}
.product-quickview .product-body {
    overflow: hidden;
    padding: 0;
}
.product-quickview .product-price {
    font-size: 21px;
}
.product-list-actions .form-group label {
    margin: 7px 0;
    font-weight: 500;
}
.product-list-actions .form-group .form-control {
    color: #888888;
    border-radius: 0;
    box-shadow: none;
    font-size: 12px;
    width: 100%;
    height: 45px;
    cursor: pointer;
}
.product-quickview .form-control {
    border-color: #e1e1e1;
}
.product-body .product-title p {
    color: #1f1f1f;
    font-size: 18px;
    font-weight: 700;
}
.product-rate span {
    margin-left: 15px;
    color: #555555;
}
.product-quickview .product-description p {
    line-height: 1.7em;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 17px 0;
    color: #7f7f7f;
}
.product-list-actions .cart-btn,
.product-quantity,
.product-quantity p,
.quantity {
    display: inline-block;
}
.product-quantity p {
    font-weight: 500;
}
.product-quantity .quantity {
    border: 1px solid #e1e1e1;
    margin: 0 10px;
}
.product-quantity .quantity-number {
    max-width: 40px;
    text-align: center;
    border: none;
    padding: 9px 5px;
}
.product-quantity .minus,
.product-quantity .plus {
    border: none;
    background: transparent;
    margin: 0px -4px;
    padding: 5px 12px;
    font-size: 18px;
}
.product-quantity .minus:hover,
.product-quantity .plus:hover {
    color: #F34C4F;
}
.required-alert {
    color: #ff1313;
}
.product-quickview-slider .flex-control-thumbs li {
    width: 100px;
    margin: 0px 3px;
    float: none;
    display: inline-block;
    cursor: pointer;
}
.flex-control-thumbs .flex-active {
    border: 2px solid #F34C4F;
}
.product-quickview-slider .flex-viewport {
    width: 84.5%;
    float: none;
    margin: 10px auto 0;
    text-align: center;
    position: relative;
}
.mfp-ajax-holder .mfp-close {
    background: #F34C4F!important;
    margin-right: -20px;
    margin-top: 20px;
    width: 95px;
    font-size: 13px;
    font-weight: 500;
    opacity: 1;
    color: #fff!important;
    text-transform: uppercase;
}
/*
  ========================================
  Video Lightbox
  ========================================
*/

.vl-box {
    background: url(img/18.jpg) no-repeat center center fixed;
    background-size: cover;
    color: #222;
    position: relative;
}
.vl-box .white-overlay {
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 35px;
    left: 30px;
    right: 30px;
    bottom: 35px;
}
.vl-box .container {
    padding: 160px 0;
    z-index: 1;
    position: relative;
}
.video-box h1 {
    font-size: 40px;
    margin-top: 55px;
    line-height: 10px;
    text-transform: uppercase;
}
.video-box p {
    font-size: 18px;
    padding-bottom: 15px;
}
.mfp-iframe-scaler .mfp-close {
    background: #F34C4F!important;
    margin-right: -64px;
    margin-top: 40px;
    width: 70px !important;
    font-size: 13px;
    font-weight: 500;
    opacity: 1;
    color: #fff!important;
    text-transform: uppercase;
}
/*
  ========================================
  Best Seller
  ========================================
*/

.best-seller .best-product {
    display: inline-block;
}
.poster-2 img {
    margin-top: -50px;
}
.poster-2 img,
.poster img {
    position: relative;
}
.poster-content {
    position: absolute;
    top: 35%;
    color: #fff;
}
.poster-content h1 {
    font-size: 35px;
    line-height: 1.3em;
    text-transform: uppercase;
}
/*
  ========================================
  Banner Offer
  ========================================
*/
/*
---------- Banner Offer style 01 ----------
*/

.banner-offer .container-fluid {
    margin-top: 10px;
}
.banner-offer .container-fluid,
.container-fluid .p-image {
    padding: 0;
}
.banner-content p {
    color: #e7e6e6;
    line-height: 1.8em;
    margin: 0 20px;
}
.banner-add-1 {
    padding: 0 8px;
}
.offer-add {
    position: relative;
    width: 100%;
    background: #282828;
    color: #fff;
}
.offer-add:after {
    content: "";
    display: block;
    padding-bottom: 83%;
}
.banner-add-1 .offer-add .banner-content {
    padding: 18% 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.offer-add .banner-content h4 {
    margin: 0 30px;
    font-size: 21px;
    line-height: 1.2em;
    color: #F34C4F;
    padding: 5px 0;
    position: relative!important;
}
.banner-add-1 .offer-add .banner-content h4:after {
    background-color: #fff;
    bottom: -25px;
    content: "";
    height: 1px;
    left: 40% !important;
    position: absolute;
    width: 95px;
    opacity: 0.1;
    margin-left: -10px;
}
.offer-add .banner-content p {
    font-size: 12px;
    margin-top: 48px;
    padding: 0 10px;
}
.offer-add .banner-content img {
    width: 50%;
}
.gallery img {
    width: 100%;
}
.Banner-adds {
    width: 100%;
}
.banner-offer .p-image img {
    width: 100%;
}
.p-image {
    position: relative;
}
.p-image .content {
    display: table-cell;
    vertical-align: middle;
}
.p-image .banner-content {
    color: #fff;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: table;
    vertical-align: middle;
    text-align: center;
}
.p-image .hover_overlay {
    position: absolute;
    overflow: hidden;
    vertical-align: middle;
    display: block;
    top: 25px;
    left: 25px;
    bottom: 25px;
    right: 25px;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
/*
---------- Banner Offer style 02 ----------
*/

.banner-add-2 .offer-add .banner-content {
    padding: 28% 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.banner-add-2 .offer-add .banner-content h4:before {
    background-color: #fff;
    bottom: -25px;
    content: "";
    height: 2px;
    left: 50% !important;
    position: absolute;
    width: 45px;
    opacity: 0.1;
    margin-left: -25px;
}
.banner-add-2 .offer-add:after {
    content: "";
    display: block;
    padding-bottom: 112%;
}
.banner-add-2 .offer-add .banner-content:after {
    content: '';
    width: 1px;
    background: #fff;
    height: 40px;
    position: absolute;
    top: 10%;
    opacity: 0.1;
}
.banner-add-2 .offer-add .banner-content p.banner-p:after {
    content: "";
    width: 1px;
    background: #fff;
    height: 40px;
    position: absolute;
    bottom: 10%;
    left: 50%;
    opacity: 0.1;
}
/*
  ========================================
  Product Filtering / MixItUp
  ========================================
*/

.container .mix {
    display: none;
}
.p-filter ul.filters li {
    display: inline-block;
}
.p-filter ul.filters li a {
    color: #222;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}
.p-filter ul.filters li a:hover,
.p-filter ul.filters li a:active,
.p-filter ul.filters li a:focus {
    color: #F34C4F;
}
.p-filter ul.filters li a:hover:before,
.p-filter ul.filters li a:active:before,
.p-filter ul.filters li a:focus:before {
    background: #F34C4F;
}
.p-filter ul.filters li a:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e1e1e1;
    display: inline-block;
    margin: 3px 15px;
}
/*
  ========================================
  Shipping / Infography
  ========================================
*/

.shipping h4 {
    color: #282828;
    padding-top: 5px;
}
.shipping p {
    line-height: 1.8em;
    margin: 0 20px;
    font-size: 13px;
    color: #565656;
    font-weight: 600;
    padding-top: 15px;
}
/*
  ========================================
  Static Banner
  ========================================
*/

.static-1 .content-column h1,
.static-2 .content-column h1 {
    font-size: 30px;
    font-weight: 700;
    color: #282828;
    text-transform: uppercase;
}
.static-1 .content-column h1:before {
    content: '01.';
    font-size: 100px;
    position: absolute;
    z-index: -1;
    color: #ebede0;
    margin-top: -13px;
}
.static-2 .content-column h1:before {
    content: '02.';
    font-size: 100px;
    position: absolute;
    z-index: -1;
    color: #ebede0;
    margin-top: -13px;
    right: 10px;
}
.content-column a {
    text-transform: uppercase;
    color: #F34C4F;
    font-size: 12px;
    font-weight: 700;
}
.static-2 .content-column a {
    right: 108px;
    position: absolute;
}
.content-column a:hover {
    color: #282828;
}
.content-column a:after {
    content: "";
    position: absolute;
    margin-top: 6px;
    margin-left: 15px;
    width: 80px;
    border-bottom: 1px solid #ebebeb;
}
.content-column p {
    line-height: 1.8em;
    color: #565656;
    word-wrap: break-word;
    width: 420px;
}
.static-banner .static-add:before {
    content: '';
    border: 10px solid #f5f6f2;
    position: absolute;
    width: 810px;
    margin-top: 20px;
    left: 20%;
    height: 410px;
}
.static-banner .static-add-2:before {
    content: '';
    border: 10px solid #f5f6f2;
    position: absolute;
    width: 860px;
    margin-top: 20px;
    right: 20%;
    height: 410px;
}
.static-1 .image-outer {
    position: absolute;
    top: 60px;
    left: -100px;
}
.static-1 .image-box {
    position: relative;
    left: 90px;
    top: 0px;
}
.static-2 .image-outer {
    position: absolute;
    top: 60px;
    right: -100px;
}
.static-2 .image-box {
    position: relative;
    right: 0px;
    top: 0px;
}
.image-column .poster-content {
    left: 25%;
}
.static-1 .image-column .post-info a,
.static-2 .image-column .post-info a {
    position: absolute;
    top: 57%;
    font-size: 14px;
    color: #494848;
    font-weight: 600;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    transform: rotate(90deg);
}
.static-1 .image-column .post-info a {
    right: -55px;
}
.static-2 .image-column .post-info a {
    left: -135px;
}
.image-column .post-info a:hover {
    color: #fff;
}
.image-column .post-info a:before {
    content: '';
    position: absolute;
    left: -100px;
    bottom: 7px;
    width: 80px;
    border-bottom: 1px solid #494949;
}
/*
  ========================================
  Latest From Blog
  ========================================
*/
/*
---------- Latest style 01 ----------
*/

.blog-latest img {
    width: 100%;
    position: relative;
}
.blog-short-detail {
    position: relative;
    margin: 0 auto;
    top: -55px;
    padding: 40px 0;
    width: 80%;
    background-color: #282828;
}
.blog-short-detail .post-title a {
    font-size: 16px;
    color: #fff;
}
.blog-short-detail .post-info a {
    color: #F34C4F;
}
.blog-short-detail .post-info p {
    color: #9b9b9b;
    font-size: 12px;
}
.blog-latest .post-title a:hover {
    color: #F34C4F;
}
.blog-short-detail:before {
    content: "";
    margin: 0 auto;
    position: absolute;
    top: -40px;
    bottom: 0;
    height: 70px;
    width: 2px;
    z-index: 1;
    background: #F34C4F;
}
.blog-latest .hover-search {
    left: 44%;
}
/*
---------- Latest style 02 ----------
*/

.blog-short-detail-2 {
    padding: 20px 0;
    border-bottom: 1px solid #e3e3e3;
}
.blog-short-detail-2 .post-title a {
    font-size: 16px;
    color: #282828;
    font-weight: 500;
}
.blog-short-detail-2 .post-info a {
    color: #F34C4F;
}
.blog-short-detail-2 .post-info p {
    color: #9b9b9b;
    font-size: 12px;
    margin-bottom: 25px;
    padding-top: 13px;
}
.blog-short-detail-2 .blog-btn {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    opacity: 0;
    font-size: 12px;
}
.post-1:hover {
    background: url(http://placehold.it/1170x171);
    background-size: cover;
}
.post-2:hover {
    background: url(http://placehold.it/1170x171);
    background-size: cover;
}
.post-3:hover {
    background: url(http://placehold.it/1170x171);
    background-size: cover;
}
.blog-short-detail-2:hover .blog-btn {
    opacity: 1;
}
.blog-short-detail-2:hover .post-title a {
    color: #fff;
}
.detail-overlay {
    border: 1px solid #fff;
    margin: 5px 25px;
    padding: 20px 0;
}
.blog-short-detail-2:hover .detail-overlay {
    border: 1px solid #333333;
    background: rgba(34, 34, 34, 0.2);
}
.blog-short-detail-2 .post-title a:hover {
    color: #F34C4F;
}
/*
  ========================================
  Testimonials
  ========================================
*/

.testimonials {
    background: url(img/22.jpg) no-repeat center center fixed;
    background-size: cover;
}
.testimonials .container {
    padding: 100px 0;
}
.testimonials .testimonial-slider li {
    width: 100%;
}
.testimonials .testimonial-slider li p {
    color: #fff;
    font-size: 14px;
    line-height: 2em;
    margin: 40px 30px;
}
.testimonials i {
    font-size: 40px;
    color: #fff;
    padding-top: 7px;
}
.client-info {
    padding-bottom: 10px;
}
.client-info h6 {
    color: #fff;
    line-height: 2.2em;
}
.client-info small {
    color: #fff;
}
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-weight: bold;
    color: #fff;
    padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: transparent;
    border: 1px solid #fff;
}
.clients {
    margin-top: 50px;
    text-align: center;
}
/*
  ========================================
  Product Page
  ========================================
*/
/*
----------  Page Header ----------
*/

.header-bg-parallax {
    background: url(img/adios.jpg) no-repeat center center fixed;
    background-size: cover;
}
#page-header {
    position: relative;
    padding-top: 90px;
}
#page-header .col-md-12 {
    border: 1px solid #e1e1e1;
    background: #fff;
}
#page-header .header-description {
    position: relative;
    padding: 50px 0;
}
.header-description h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 40px;
    text-transform: uppercase;
}
/*
----------  Product Filter ----------
*/

.product-filter {
    margin-top: -40px;
}
.product-filter .filter-content {
    padding: 25px 0;
    font-weight: 600;
    color: #1f1f1f;
    font-size: 13px;
}
.product-filter span {
    float: left;
    margin-top: 10px;
}
.product-filter ol {
    float: right;
}
.product-filter ol li {
    display: inline-block;
}
.product-filter ol li .form-group select {
    border: none;
    box-shadow: none;
    cursor: pointer;
}
.product-filter ol li .form-group select:focus {
    box-shadow: none;
}
/*
----------  Breadcrumbs ----------
*/

.breadcrumbs ul li {
    display: inline-block;
}
.breadcrumbs ul li:after {
    content: '/';
    margin: 0 10px;
    color: #fff;
}
.breadcrumbs ul li:last-child:after {
    content: none;
}
.breadcrumbs ul li a {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
}
.breadcrumbs ul li a:hover {
    color: #F34C4F;
}
.breadcrumbs ul li a.active {
    color: #F34C4F;
}
.breadcrumbs.text-dark a,
.breadcrumbs.text-dark ul li:after {
    color: #1f1f1f;
}
.overlay {
    background: rgba(0, 0, 0, 0.5);
}
.overlay-2 {
    background: rgba(0, 0, 0, 0.3);
}
/*
----------  Sidebar ----------
*/

.sidebar h4 {
    border-bottom: 2px solid #e1e1e1;
    line-height: 2em;
    font-weight: 700;
}
.sidebar li a:hover {
    color: #F34C4F;
}
.product-search {
    position: relative;
}
.product-search .btn-search {
    position: absolute;
    right: 0px;
    height: 40px;
    background-color: transparent;
    border: 0;
    padding-right: 15px;
    color: #222;
}
.product-search .form-control {
    height: 40px;
    border-radius: 0px;
    border: 1px solid #ddd;
    box-shadow: none;
    font-size: 13px;
    background-color: #e9e9e9;
    font-weight: normal;
}
.product-categories-list span,
.color-list span,
.size-options span {
    float: right;
}
.product-categories-list li {
    margin: 20px 0;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
    font-weight: 500;
}
.product-categories-list li a,
.color-list li a,
.size-options li a,
.product-search .form-control {
    color: #868686;
}
.color-list li {
    margin: 30px 0;
}
.size-options li {
    margin: 10px 0;
}
.sidebar .best-product ul {
    padding: 0;
    margin-top: 25px;
    list-style: none;
}
.sidebar .best-product ul li {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 15px;
}
.sidebar .best-product ul li img {
    display: block;
    float: left;
    margin-right: 25px;
    width: 65px;
    height: auto;
}
.sidebar .best-product ul li .product-price p {
    display: block;
    margin: 0;
}
/*
----------  Slider Range ----------
*/

.slider-range fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
.slider-range .ui-slider-horizontal .ui-slider-range {
    background-color: #F34C4F;
    height: 6px;
}
.sidebar .slider-range .ui-slider-horizontal {
    height: 6px;
    border-radius: 0px;
    background-color: #e9e9e9;
}
.sidebar .slider-range .ui-slider-horizontal .ui-slider-handle {
    background-color: #c2c7a0;
    border: 6px solid #F34C4F;
}
.slider-range p,
.filter-button {
    display: inline-block;
    margin-top: 30px;
}
.slider-range p input {
    width: 80px;
    height: 33px;
    border: 2px solid #e1e1e1;
    text-align: center;
    font-weight: 700;
    margin-right: 10px;
}
.filter-button {
    float: right;
}
.filter-button a {
    padding: 8px 16px;
    background-color: #282828;
    border: 2px solid #282828;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
}
.filter-button a:hover {
    background-color: transparent;
    color: #282828;
    border: 2px solid #282828;
}
/*
----------  Pagination ----------
*/

.pagination {
    width: 100%;
    border-top: 1px solid #e1e1e1;
}
.pagination li {
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px;
    background-color: #282828;
    display: inline-block;
    margin: 0 10px;
}
.pagination li:hover {
    background-color: #F34C4F;
}
.pagination li a {
    color: #eeeeee;
}
.pagination li.active {
    background-color: #F34C4F;
}
.pagination li.no-active {
    background-color: #282828;
    color: #eeeeee;
}
/*
  ========================================
  Checkout
  ========================================
*/

.checkout {
    position: relative;
}
.accordion-container li {
    list-style: decimal-leading-zero;
    list-style-position: inside;
    margin-bottom: 30px;
}
.accordion-container h6 {
    margin-top: 30px;
    font-weight: 600;
}
.accordion-container p {
    color: #606060;
    font-size: 13px;
    line-height: 1.6em;
    font-weight: 500;
}
.set {
    position: relative;
    width: 100%;
    height: auto;
}
.set > a {
    display: block;
    padding: 10px 0;
    color: #222222;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #d9d9d9;
}
.set > a.active,
.set > a:hover {
    color: #F34C4F;
}
.set .content {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 20px 0;
    display: none;
}
.checkout .btn-cart {
    width: 100%;
}
.squaredFour {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 15px;
}
.squaredFour label {
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #F34C4F;
}
.squaredFour label:after {
    font-family: 'FontAwesome';
    content: '\f00c';
    position: absolute;
    font-size: 8px;
    top: 3px;
    left: 3px;
    color: #fff;
    opacity: 0;
}
.squaredFour input[type=checkbox] {
    visibility: hidden;
}
.squaredFour input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.login-options p,
.login-options a,
.login-options label {
    display: inline-block;
}
.login-options a {
    color: #F34C4F;
    font-size: 13px;
    display: inline-block;
    float: right;
    font-weight: 500;
}
.login-options p {
    color: #666666;
    font-size: 13px;
    margin-left: 10px;
}
.login-options label {
    display: block;
}
/*
  ========================================
  Products Details
  ========================================
*/

.product-image .product-quickview-slider .flex-control-thumbs li {
    margin: 10px 10px;
}
.product-image .product-quickview-slider .flex-viewport {
    width: 87%;
}
.product-details .product-small-detail p {
    font-size: 13px;
    line-height: 1.6em;
}
.bg-gray {
    background-color: #f4f4f4;
}
.bg-gray .product-quantity .quantity,
.bg-gray .social-share .share {
    background: #fff;
}
.product-reviews ul li a,
.product-details .product-small-detail p {
    color: #606060;
}
.product-reviews li {
    list-style: none;
    display: inline-block;
}
.product-reviews ul li:after {
    content: '|';
    margin: 0 20px;
    color: #e1e1e1;
}
.product-reviews ul li:last-child:after {
    content: none;
}
.product-rate span {
    margin-left: 0;
}
.product-details .product-title p {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 700;
}
.product-details .product-price {
    font-size: 16px;
    padding-bottom: 10px;
}
.product-details .product-cart {
    position: absolute;
    width: 230px;
    text-align: center;
}
.product-details .product-quantity,
.product-details .product-cart {
    display: inline-block;
    z-index: 1;
}
.product-details .product-quantity .quantity {
    margin: 0;
}
.product-details .product-list-actions {
    border-top: 1px solid #e1e1e1;
}
.product-details .product-list-actions .form-group label,
.social-share p {
    margin-bottom: 15px;
    font-weight: 600;
    color: #333333;
}
.social-share .share {
    border: 2px solid #e1e1e1;
    width: 195px;
    padding: 15px 20px;
}
.social-share a {
    display: inline-block;
    color: #1f1f1f;
}
.social-share a:hover {
    color: #F34C4F;
}
.social-share a:before {
    content: '';
    border-right: 1px solid #e1e1e1;
    margin: 0 15px;
}
.social-share a:first-child:before {
    content: none;
}
.p-categories p,
.p-categories ul,
.p-categories ul li,
.p-tags p,
.p-tags a {
    display: inline-block;
}
.p-categories ul li:after {
    content: ',';
}
.p-categories ul li:last-child:after {
    content: '.';
}
.p-categories p,
.p-tags p {
    color: #888888;
}
.p-categories ul li a,
.p-tags a {
    color: #333333;
}
.p-categories ul li a:hover,
.p-tags a:hover {
    color: #F34C4F;
}
/*
  ========================================
  Tabs
  ========================================
*/

.tabs {
    margin-top: 60px;
    width: 100%;
    display: inline-block;
}
.tab-links:after {
    display: block;
    clear: both;
    content: '';
}
.tab-links {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.tab-links li {
    padding: 20px 40px;
    display: inline-block;
    list-style: none;
}
.tab-links a {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    transition: all linear 0.15s;
    border-radius: 0px;
    color: #333333;
}
.tab-links a:hover {
    color: #1a1a1a;
    text-decoration: none;
}
.tab-links li.active:after {
    content: '';
    border-bottom: 2px solid #F34C4F;
    width: 100%;
    position: relative;
    display: block;
    top: 20px;
}
.tab-links li.active a,
.tab-links li.active a:hover {
    color: #F34C4F;
}
.tab-content ul {
    padding: 0;
    margin-top: 20px;
    list-style: inside;
}
.tab-content ul li {
    margin-bottom: 7px;
    margin-left: 15px;
    color: #555555;
}
.tab {
    display: none;
}
.tab.active {
    display: block;
}
.tab-content {
    color: #606060;
}
.tab-content p {
    line-height: 1.8em;
}
.tab-description img {
    float: left;
    margin-right: 30px;
}
.tab-description ul li {
    margin: 25px 0;
}
.grid-system .row {
    padding-bottom: 42px;
}
.grid-system p,
.heading-styles p {
    color: #606060;
    line-height: 1.6em;
    padding-top: 10px;
}
.fontawesome-icon-list > div {
    width: 25%;
    float: left;
    padding: 5px 0px;
    color: #3e3e3e;
}
.fontawesome-icon-list i {
    font-size: 18px;
    display: inline-block;
    font-size: 1.3em;
    margin-right: 5px;
    position: relative;
    text-align: center;
    top: 2px;
    width: 30px;
    padding: 16px 0px;
}
#icons h2 {
    padding: 50px 0;
}
.elegant-icon-list span {
    width: 25%;
    float: left;
    padding: 15px 0px;
    color: #3e3e3e;
}
.list-style ul.disc {
    list-style: disc;
}
.list-style ul.numbers {
    list-style: decimal-leading-zero;
}
.list-style li {
    padding: 5px 0;
}
/*
  ========================================
  Shopping Cart
  ========================================
*/

.table-responsive > .table tbody tr > td {
    padding: 30px 0;
    vertical-align: middle;
}
.product-name p {
    font-weight: 600;
}
.product-detail p {
    color: #606060;
}
.table thead > tr > th {
    text-transform: uppercase;
    font-weight: 600;
}
.quantity-number {
    width: 120px;
    padding-top: 10px;
}
.quantity-number input {
    border-radius: 0;
    height: 40px;
    padding-left: 25px;
    border: 1px solid #e1e1e1;
}
.quantity-number .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
    z-index: 2;
    right: 20px;
}
.quantity-number .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
    border: none;
}
.quantity-number .input-group-btn-vertical i {
    position: absolute;
    top: 0;
    left: 4px;
}
.table-responsive > .table tbody tr > td .btn-close {
    color: #303030;
    display: inline-block;
}
.btn-close:hover {
    color: #F34C4F;
}
.shop_measures h4 {
    font-weight: 700;
    border-bottom: 2px solid #e3e3e3;
    padding-bottom: 5px;
}
.shop_measures p {
    line-height: 1.6em;
    padding-bottom: 10px;
}
.cart-form .form-group .form-control {
    border-radius: 0;
    border: 1px solid #e3e3e3;
    box-shadow: none;
    height: 45px;
}
.cart-form .form-group,
.cart-form .form-group input.form-control {
    color: #888888 !important;
}
.cart-form .form-group select {
    height: 45px;
    border: 1px solid #e3e3e3;
    padding-left: 12px;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    color: #888888;
    -webkit-appearance: none;
}
.cart-form label {
    color: #333333;
    font-weight: 600;
    padding-bottom: 15px;
    font-size: 13px;
}
.cart-total li {
    margin-bottom: 40px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    color: #333333;
    font-weight: 600;
}
.cart-total li span {
    float: right;
    font-style: normal;
    font-size: 18px;
}
.cart-total li span.total {
    color: #F34C4F;
}
.cart-form .coupon-code input {
    font-style: normal;
}
/*
  ========================================
  Blog
  ========================================
*/

.header-bg-parallax-2 {
    background: url(http://placehold.it/1920x1500) no-repeat center center fixed;
    background-size: cover;
}
.blog-short-description .post-title a:hover,
.blog-short-description .post-info a {
    color: #F34C4F;
}
.blog-short-description .post-title a {
    color: #2d2d2d;
}
.blog-list .col-md-6 .product .hover-search {
    left: 45%;
}
.blog-short-description .post-info span {
    color: #9f9f9f;
}
.blog-short-description .post-paragraph p {
    line-height: 1.8em;
    color: #606060;
}
blockquote {
    padding: 10px 30px 5px;
    font-style: italic;
    font-size: 13px;
    border-left: 2px solid #F34C4F;
}
blockquote p {
    line-height: 1.8em;
    color: #808080;
}
blockquote p:before {
    font-family: 'ElegantIcons';
    content: '\7b';
    font-size: 86px;
    position: absolute;
    z-index: -1;
    left: 0;
    color: #e7e7e7;
}
.posted {
    color: #1f1f1f;
}
.posted i {
    color: #F34C4F;
    font-size: 15px;
    margin-right: 10px;
}
.posted a,
.post-share .share a:hover,
.post-tags li a:hover {
    color: #F34C4F;
}
.blog-share {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 20px 0;
}
.post-share .share,
.post-share .share a,
.post-share span,
.post-tags ul,
.post-tags ul li,
.post-tags span {
    display: inline-block;
}
.blog-share span {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    color: #333333;
}
.post-share .share a {
    color: #333333;
}
.post-share .share a:before {
    content: '';
    border-right: 1px solid #e1e1e1;
    margin: 0 15px;
}
.post-share .share a:first-child:before,
.post-tags ul li:last-child:after {
    content: none;
}
.post-tags ul li:after {
    content: ',';
}
.post-tags li a {
    color: #7b7b7b;
}
.post-comment img {
    display: block;
    float: left;
    margin-right: 12px;
}
.post-comment .comment-body {
    display: block;
    font-weight: 500;
}
.post-comment .comment-head a {
    color: #F34C4F;
    margin-right: 10px;
}
.leave-reply a {
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
}
.leave-reply i {
    margin-right: 10px;
    font-size: 13px;
}
.leave-reply,
.comment-head {
    display: inline-block;
}
.post-comment .comment-body span {
    color: #9f9f9f;
    margin-right: 15px!important;
    position: relative;
}
.comment-body .comment {
    color: #606060;
    line-height: 1.8em;
    font-size: 13px;
}
.comment-body .comment strong {
    color: #1f1f1f;
}
.bd-bottom {
    border-bottom: 1px solid #e3e3e3;
}
.comment-form p {
    text-transform: capitalize;
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #333333;
}
.blog-post h4 {
    font-weight: 700;
    letter-spacing: 0;
}
.blog-post h4:after {
    content: '';
    height: 3px;
    width: 30px;
    display: block;
    margin-top: 7px;
    background: #F34C4F;
}
.related-posts h6 {
    font-size: 13px;
    font-weight: 600;
}
/*
  ========================================
  Blog Siderbar
  ========================================
*/

.blog-sidebar .popular-post ul {
    margin-top: 25px;
    list-style: none;
}
.blog-sidebar .popular-post ul li {
    display: table;
    width: 100%;
    margin-bottom: 25px;
}
.popular-post img {
    display: block;
    float: left;
    width: 110px;
    height: auto;
    margin-right: 12px;
}
.popular-post .popular-body {
    display: block;
}
.popular-post .popular-body a {
    color: #333333;
    font-weight: 600;
    font-size: 13px;
}
.popular-post .popular-body span {
    color: #aaaaaa;
    padding-top: 20px;
    position: absolute;
    font-size: 13px;
}
.popular-post .popular-body span i {
    margin-right: 3px;
}
.widget-blog p {
    text-transform: capitalize;
    color: #333333;
    font-weight: 600;
}
.blog-categories ul li,
.blog-recent-post ul li {
    margin: 20px 0;
}
.blog-categories ul li a,
.blog-recent-post ul li a {
    color: #606060;
}
.blog-categories ul li a:hover,
.blog-recent-post ul li a:hover {
    color: #F34C4F;
}
/*
  ========================================
  Contact Page
  ========================================
*/

.contact p {
    line-height: 1.6em;
    color: #606060;
    font-weight: 500;
}
.contact h6 {
    color: #9d9d9d;
    font-weight: 500;
    line-height: 1.5em;
}
.contact-form .form-group input,
.contact-form .form-group textarea {
    border-radius: 0;
    border: 1px solid #e3e3e3;
    box-shadow: none;
}
.contact-form .form-group label {
    font-weight: 600;
    text-transform: capitalize;
    margin: 15px 0;
    color: #333333;
}
.contact-form .form-group input {
    height: 40px;
}
.contact-form .form-group textarea {
    height: 170px;
}
.contact-form .form-group label:after {
    content: '*';
    color: #d74c4c;
    margin-left: 3px;
}
.contact .btn-form {
    width: 100%;
}
#ajax-message {
    color: #606060;
}
.alert-success {
    color: #59b408;
    background-color: transparent;
    border-color: #59b408;
    border-radius: 0;
}
.alert-danger {
    color: #fd6a4d;
    background-color: transparent;
    border-color: #fd6a4d;
    border-radius: 0;
}
.alert-info {
    color: #31708f;
    background-color: transparent;
    border-color: #31708f;
    border-radius: 0;
}
.alert-warning {
    color: #8a6d3b;
    background-color: transparent;
    border-color: #8a6d3b;
    border-radius: 0;
}
.shadow img {
    background-position: top center;
    background-repeat: no-repeat;
    z-index: -1;
}
.contact-info .row {
    margin-top: -75px;
    background: #fff;
    position: relative;
}
#google-map {
    height: 420px;
    position: relative;
    background-color: #212121;
}
.map-info h3 {
    padding-bottom: 10px;
    font-weight: 500;
}
.map-info {
    margin-bottom: 10px;
}
/*
  ========================================
  Newsletter Popup
  ========================================
*/

.popup-newsletter {
    margin: 10% auto;
    width: 896px;
    height: 397px;
    background-image: url(http://placehold.it/896x397);
}
#newsletter-popup {
    bottom: 50px;
    left: 45%;
    margin: 0;
    position: absolute;
    right: 30px;
    text-align: center;
}
#newsletter-popup .block_content {
    padding-bottom: 30px;
}
.popup-title h2 {
    color: #333333;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.popup-text {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    padding-bottom: 30px;
}
.popup-newsletter .inputletter {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #d7d9dd;
    color: #555555;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 30px;
    padding: 0 0 0 15px;
    text-transform: none;
    width: 365px;
}
.newsletter-popup-bottom label {
    color: #666666;
    font-size: 13px;
    font-weight: 300;
}
.popup-newsletter .close {
    background: #F34C4F!important;
    margin-right: -35px;
    margin-top: 20px;
    width: 95px;
    height: 40px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.8em;
    opacity: 1;
    color: #fff!important;
    position: relative;
    text-transform: uppercase;
}
.popup-newsletter .close i {
    font-size: 19px;
    margin-right: 3px;
    top: 3px;
    position: relative;
}
.modal-open .modal,
.modal {
    overflow: visible;
}
.modal-backdrop {
    background: rgba(18, 18, 18, 0.9);
}
.modal-backdrop.in {
    opacity: .9;
}
/*
  ========================================
  404 Error Page
  ========================================
*/

.error-big-heading {
    font-size: 250px;
    color: #e9e9e9;
}
.error-wrapper h2 {
    font-size: 53px;
    color: #303030;
}
.error-wrapper h4 {
    color: #7b7b7b;
}
.error-wrapper a {
    color: #F34C4F;
}
.error-wrapper p {
    color: #606060;
    margin: 0 160px;
    line-height: 1.7em;
    font-size: 15px;
    padding-top: 40px;
}
.error-search {
    position: relative;
    width: 67%;
    margin: 0 auto;
}
.error-search-form .btn-search {
    position: absolute;
    right: 0px;
    height: 50px;
    background-color: transparent;
    border: 0;
    padding-right: 15px;
    color: #303030;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}
.error-search-form .form-control {
    height: 50px;
    border-radius: 0px;
    border: 1px solid #e3e3e3;
    box-shadow: none;
    font-size: 13px;
    color: #a1a1a1;
    font-weight: normal;
}
/*
  ========================================
  Footer
  ========================================
*/

.footer,
.footer-2 {
    background-color: #282828;
}
.footer .container {
	padding-top: 117px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 50px;
}
/*
----------  footer Style 01 ----------
*/

.footer-social ul {
    display: inline-flex;
    margin-bottom: 20px;
}
.footer-social li {
    display: inline-block;
}
.footer-social li a {
    text-transform: uppercase;
    font-size: 12px;
    border-top: 1px solid #4d4c4c;
    border-left: 1px solid #4d4c4c;
    border-bottom: 1px solid #4d4c4c;
    padding: 15px 60px;
    color: #9d9d9d;
    letter-spacing: 2px;
}
.footer-social li a:hover {
    color: #F34C4F;
}
.bd-right {
    border-right: 1px solid #4d4c4c;
}
.logo-footer {
    margin: 50px 0;
}
.footer-nav li {
    display: inline-block;
    text-transform: uppercase;
    margin: 0 15px;
}
.footer-nav li a {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 2px;
}
.footer-nav li a:hover {
    color: #F34C4F;
    text-decoration: none;
}
.footer-payments li {
    display: inline-block;
    margin: 0 10px;
}
.copyright-info {
    border-top: 1px solid #4d4c4c;
    text-align: center;
    text-transform: uppercase;
    color: #555454;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 10px;
}
.copyright-info a {
    color: #ffffff;
}
.copyright-info a:hover {
    color: #ffffff;
}
/*
----------  footer Style 02 ----------
*/

.footer-2 .row {
    padding-top: 117px;
    padding-bottom: 50px;
}
.footer-2 h3 {
    color: #fff;
}
.footer-2 .col-md-3 {
    margin: 50px 0;
}
.about-widget p,
.twitter-feed ul,
.newsletter p,
.news li {
    color: #919191;
    font-size: 13px;
}
.about-widget p,
.twitter-feed ul,
.newsletter p {
    line-height: 1.8em;
}
.about-widget p {
    margin-top: 28px;
    margin-bottom: 20px;
}
.about-widget li {
    color: #fff;
    margin: 20px 0;
    font-size: 13px;
}
.about-widget li img {
    width: 13px;
    margin-right: 20px;
}
.twitter-feed li {
    margin-bottom: 20px;
    line-height: 1.8em;
    font-size: 13px;
}
.twitter-feed li a {
    color: #F34C4F;
}
.twitter-feed li span {
    display: block;
    margin-top: 10px;
}
.twitter-feed li span i {
    color: #F34C4F;
    margin-right: 7px;
}
.news li {
    position: relative;
    margin-bottom: 60px;
}
.news li a {
    color: #919191;
}
.news li a:hover {
    color: #F34C4F;
}
.news-image {
    position: absolute;
}
.news-details {
    padding-left: 90px;
}
.date {
    margin-top: 15px;
    color: #fff;
    display: block;
}
.news-subscribe .form-group input {
    display: block;
    width: 100%;
    height: 45px;
    background: transparent;
    border: 1px solid #4d4c4c;
    color: #fff;
}
.newsletter p {
    font-size: 13px;
}
.subscribe-btn {
    text-transform: uppercase;
    background: #F34C4F;
    border: 2px solid #F34C4F;
    color: #fff;
    width: 100%;
    height: 45px;
}
.subscribe-btn:hover {
    background: transparent;
    color: #F34C4F;
}
.footer-rights {
    background-color: #282828;
    border-top: 1px solid #4d4c4c;
    padding: 20px 0;
    float: left;
    width: 100%;
    position: relative;
}
.footer-rights .copyright-info p {
    float: left;
    padding-top: 10px;
}
.footer-rights .container {
    padding: 0;
}
.footer-rights .copyright-info,
.footer-rights .footer-payments {
    display: inline-block;
    border: none;
    margin: 0 10px;
}
/*
  ========================================
  Back To Top
  ========================================
*/

#back-top a {
    border-radius: 100%;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 50px;
    line-height: 55px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 50px;
    bottom: 50px;
    z-index: 999;
    background: #F34C4F;
    text-decoration: none;
}
#back-top a:hover {
    background: #414141;
}
/*
  ========================================
  Loader
  ========================================
*/

.loader {
    font-size: 10px;
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 9999;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.loader p {
    position: relative;
    top: 44%;
    color: #F34C4F;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    font-size: 13px;
    margin-left: -45px;
    display: inline-block;
}
.loader > div {
    width: 6px;
    height: 80px;
    position: relative;
    text-align: center;
    display: inline-block;
    top: 40%;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.loader .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.loader .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.loader .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.loader .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        background: #333;
    }
    20% {
        -webkit-transform: scaleY(1.0);
        background: #F34C4F;
    }
}
@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
        background: #333;
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
        background: #F34C4F;
    }
}