@import url('bootstrap.css');
@import url('pagination.css');
@import url('extra.css');
@import url('showcart.css');

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
}

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

.carousel .carousel-caption a.btn {
    margin-top: 20px;
    border-radius: 0px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #0FA6BC;
}

/********************************************************************************************************
1. CSS RESET

2. VARIABLES
2.1 GRADIENTS
2.2 CSS3 TRANSITIONS

3. GLOBAL THEME STYLES

4. TYPOGRAPHY
4.1 HEADINGS
4.2 PARAGRAPHS & LISTS
4.3 LINKS
4.4 PRODUCT ATTRIBUTES (name, description, price)
4.5 RTE

5. FORMS & COMPONENTS
5.1 FORMS
5.2 ALERTS
5.3 BUTTONS

6. GLOBAL PAGE LAYOUT

7. SIDEBAR CONFIGURATION

8. MAIN PAGE
8.1 HEADER
8.2 MEGAMENU
8.3 NIVOSLIDER
8.4 SHOWCASE
8.5 MAIN PRODUCT LISTING
8.6 FOOTER

9. COLLECTION PAGES
9.1 PAGES CONTENT
9.2 BREADCRUMBS
9.3 COLLECTION LISTING
9.4 PAGINATION

10. SIDEBAR WIDGETS
10.1 LINKS LIST
10.2 SIDEBAR PRODUCT LISTING

11. SEARCH RESULTS PAGE

12. PRODUCT PAGE
12.1 PRODUCT IMAGES
12.2 PRODUCT INFO
12.3 PRODUCT PAGINATION
12.4 RELATED PRODUCTS

13. BLOG
13.1 POSTS LISTING
13.2 SINGLE POST

14. CUSTOMER PAGES
14.1 LOG IN
14.2 ACCOUNT
14.3 ADDRESSES
14.4 ORDERS

15. CART PAGE
15.1 CART PRODUCTS
15.2 GUEST CHECKOUT

16. CONTACTS PAGE

********************************************************************************************************/

.clear_10px {
    clear: both;
    height: 10px;
    line-height: 10px;
}

.clear_20px {
    clear: both;
    height: 20px;
    line-height: 20px;
}

.clear_25px {
    clear: both;
    height: 25px;
    line-height: 25px;
}

ul, ol {
    list-style-type: none;
}

/********************************************************************************************************
                                                     1. CSS RESET
********************************************************************************************************/

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, font, 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, input, textarea, button
{margin: 0;padding: 0;border: 0;outline: none !important;vertical-align: top;background: transparent;font-weight: normal;line-height: 1.5em;}

ol, ul {list-style:none;}
a, span {vertical-align:baseline;}
b, strong {font-weight: bold;}
i, dfn {font-style: italic;}
img {max-width: 100%;}
/********************************************************************************************************
                                                     2. VARIABLES
********************************************************************************************************/
/* color shades converter */
/* 2.1 GRADIENTS */
/* 2.2 CSS3 TRANSITIONS */

/********************************************************************************************************
                                    3. GLOBAL THEME STYLES
********************************************************************************************************/

/* hiding placeholder text on focus in webkit, thanks to http://www.kolodvor.net/2012/03/23/webkit-placeholder-attribute-behavior */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {color: transparent;}



/* clearfix - nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix {zoom: 1;}

.clearfix:before,
.clearfix:after {content: "";display: table;}

.clearfix:after {clear: both;}
/* utility classes: hidden, float left, float right, etc. */
.hidden,
.visuallyhidden {display: none;}

.left {float: left;}
.right {float: right;}
/* addthis styles */
.addthis_toolbox {margin: 15px 0 0 0;border-top: 1px solid #545353;}
.addthis_toolbox > a {margin: 15px 15px 0 0 !important;padding: 0 !important;}
.addthis_toolbox .at300b {height: 21px;}

.addthis_button_tweet {width: 79px;}

#_atssh {height: 0 !important;margin: 0 !important;padding: 0 !important;font-size: 0 !important;line-height: 0 !important;}



/* jquery.formstyler styles for selects */
.jq-selectbox {display: block;z-index: 1000 !important;cursor: pointer;}
.jq-selectbox.opened {}
.jq-selectbox.focused {}

.jq-selectbox__select {}

.jq-selectbox__select-text {width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jq-selectbox__trigger i {position: absolute;top: 0;right: 0;

                          -webkit-transition: .3s ease-in-out;
                          -moz-transition: .3s ease-in-out;
                          -ms-transition: .3s ease-in-out;
                          -o-transition: .3s ease-in-out;
                          transition: .3s ease-in-out;

}
.jq-selectbox__dropdown {width: 100%;

                         -webkit-transition: .3s ease-in-out;
                         -moz-transition: .3s ease-in-out;
                         -ms-transition: .3s ease-in-out;
                         -o-transition: .3s ease-in-out;
                         transition: .3s ease-in-out;

}

.jq-selectbox.opened .jq-selectbox__trigger i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}



/* misc */
#at15s {z-index: 999 !important;}

#habla_window_div {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}



/* hex2rgb color converter */




















/* add to cart message */
.cart_popup {width: 100%;height: 86px;font-size: 25px;line-height: 85px;color: #000000;text-align: center;position: fixed;left: 0;top: 0;z-index: 1000;
             background: rgba(255,255,255,.5);
             display: none;
}



/* cookies policy message */
.cookies_container {min-height: 60px;background: #191919;
                    display: none;
}

.cookies_container p {display: inline-block;margin: 0;font-size: 17px;line-height: 60px;color: #888;}
.cookies_container p b {vertical-align: baseline;color: #fff;}

.cookies_container .cookie_btn {height: 40px;display: inline-block;margin: 10px 0 10px 6px;padding: 0 20px;border-width: 1px;border-style: solid;font-weight: bold;font-size: 17px;line-height: 38px;color: #fff;
                                -webkit-border-radius: 4px;
                                -moz-border-radius: 4px;
                                border-radius: 4px;


                                -webkit-transition: .3s ease-in-out;
                                -moz-transition: .3s ease-in-out;
                                -ms-transition: .3s ease-in-out;
                                -o-transition: .3s ease-in-out;
                                transition: .3s ease-in-out;

}
.cookies_container .cookie_ok {margin: 10px 0 10px 20px;background: #18a439;border-color: #18a439;}
.cookies_container .cookie_no {border-color: #585858;}

.cookies_container .cookie_btn:hover {background: #585858;border-color: #585858;}



/* google maps */
#google_map,
#google_map iframe {width: 100% !important;height: 300px !important;background: #e7e7e6;}

#google_map img {max-width: none;}



/********************************************************************************************************
                                                     4. TYPOGRAPHY
********************************************************************************************************/




body {font-family: Lato;font-size: 13px;color: #888888;}



/* 4.1 HEADINGS */



h1,
h2,
h3,
h4,
h5,
h6 {font: 27px Lato;color: #000000;text-transform: uppercase;}

h2,
h3,
h4 {font-size: 18px;}

h5,
h6 {font-size: 17px;}

.column_center h1,
.column_center h2,
.column_center h3,
.column_center h4,
.column_center h5,
.column_center h6 {margin: 15px 0;}

.column_center .page_heading {margin: 0;font: 27px Lato;color: #000000;text-transform: uppercase;}
.column_center .page_heading a {float: right;}



/* 4.2 PARAGRAPHS & LISTS */
p {margin: 15px 0;padding: 0;}

/* 4.3 LINKS */
a {color: #000000;text-decoration: none;
   -webkit-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
   transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
}

a:hover,
a:focus {color: #888888;}



/* 4.4 PRODUCT ATTRIBUTES (name, description, price) */
.product_name {font-size: 15px;color: #000000;text-transform: uppercase;}
.product_name a {color: #000000;

                 -webkit-transition: .3s ease-in-out;
                 -moz-transition: .3s ease-in-out;
                 -ms-transition: .3s ease-in-out;
                 -o-transition: .3s ease-in-out;
                 transition: .3s ease-in-out;

}
.product_name a:hover {color: #888888;}


.product_desc {font-size: 13px;color: #888888;}


.money {color: #000000;}
.compare-at-price {text-decoration: line-through;}



/* 4.5 RTE */

.rte a {color: inherit;text-decoration: underline;}
.rte a:hover {text-decoration: none;}

.rte h1 {font-size: 19px;}
.rte h2 {font-size: 17px;}
.rte h3 {font-size: 16px;}
.rte h4 {font-size: 14px;}
.rte h5 {font-size: 13px;}
.rte h6 {font-size: 12px;}

.rte img {margin-top: 15px;margin-bottom: 15px;}



/********************************************************************************************************
                                                     5. FORMS & COMPONENTS
********************************************************************************************************/

/* 5.1 FORMS */
label {font-weight: bold; font-size: 13px; margin: 7px 0px;}

select,
select.form-control,
textarea,
textarea.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="telephone"] {padding: 6px;border:1px solid #545353;font: normal 13px 'Arial';color: #888888;
                         -webkit-box-sizing: border-box;
                         -moz-box-sizing: border-box;
                         box-sizing: border-box;
                         border-radius: 0;
                         box-shadow: none;
}

select,
select.form-control {padding: 8px 3px;}

textarea,
textarea.form-control {min-width: 100%;max-width: 100%;}

.form-control:focus {border-color: #aaa;
                     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
                     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
}


.form-group {vertical-align: top !important;margin-top: 15px;margin-bottom: 0;}



.form-horizontal {}
.form-horizontal label {padding-top: 0 !important;text-align: right;line-height: 34px;}
.form-horizontal select {width: 100%;}

.action_bottom span.note {margin-left: 5px;}
.action_bottom span.note a {margin-left: 5px;}



/* 5.2 ALERTS */
.alert {margin: 15px 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
}

.alert > p,
.alert > ul,
.alert > ol {list-style-type: none;margin: 0;}

.alert > p + p,
.alert > ul + ul {margin: 10px 0 0 0;}


/* 5.3 BUTTONS */
.btn,
.btn a,
.btn-info,
.btn-primary {padding: 14px 15px;background: #222222 !important;border: none !important;font-weight: bold;font-size: 15px;line-height: 1em;color: #ffffff !important;text-transform: uppercase;
              border-radius: 0 !important;

              -webkit-box-shadow: inset 0 0 0 50px rgba(255,255,255,0) !important;
              box-shadow: inset 0 0 0 50px rgba(255,255,255,0) !important;


              -webkit-transition: .3s ease-in-out;
              -moz-transition: .3s ease-in-out;
              -ms-transition: .3s ease-in-out;
              -o-transition: .3s ease-in-out;
              transition: .3s ease-in-out;

}

.btn a {padding: 0 !important;border: none !important;}

.btn:hover,
.btn:hover a,
.btn-info:hover,
.btn-primary:hover {
    -webkit-box-shadow: inset 0 0 0 50px rgba(255,255,255,.18) !important;
    box-shadow: inset 0 0 0 50px rgba(255,255,255,.18) !important;
}



/********************************************************************************************************
                                                     6. GLOBAL PAGE LAYOUT
********************************************************************************************************/
/* outdated browsers notification */
.old_browsers a {display: block;padding: 20px 0;background: #ffa200;font-size: 20px;color: #fff;text-align: center;text-decoration: none;
                 text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);

                 -webkit-transition: color .4s ease-in-out;
                 transition: color .4s ease-in-out;
}
.old_browsers a i {margin: 0 5px 0 0;font-size: 30px;color: #e90b00;
                   text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
}
.old_browsers a:hover {color: #e90b00;}



html, body {
    height: 100%;
    background:  #000000;
}

.page_preloader {width: 100%;height: 100%;background: url(../images/preloader_dark.gif) 50% 50% no-repeat #000000;position: fixed;left: 0;top: 0;z-index: 100;}

#wrapper {
    position: relative;
    z-index: 1;
}

#wrapper2 {overflow: hidden;}

.container {padding: 0;}

#main {}



#main_content {margin-bottom: 10px !important;}


#main > .container > .row {margin: 0 -5px;}

#main_content, .column {padding: 0 5px; margin-top:25px;}


.center_column_content {
    padding: 20px;
    background: #FFF none repeat scroll 0% 0%;
    /*    position: relative;
        float: left;
        width: 100%;
        height: auto;
        margin: 0px -5px;*/
}
.template-index .center_column_content {padding: 0;}



/********************************************************************************************************
                                                     7. SIDEBAR CONFIGURATION
********************************************************************************************************/

/* NO SIDEBAR */
.sidebar_none {}


/* LEFT SIDEBAR */
.sidebar_left {}
.sidebar_left .column_center {width: 100%;}
.sidebar_left .column_center #main_content {margin: 0 0 0 25%;}
.sidebar_left .column_left {margin-left: -100%;}


/* RIGHT SIDEBAR */
.sidebar_right {}


/* BOTH SIDEBARS */
.sidebar_both {}
.sidebar_both .column_center {width: 100%;}
.sidebar_both .column_center #main_content {margin: 0 25%;}
.sidebar_both .column_left {margin-left: -100%;}
.sidebar_both .column_right {margin-left: -25%;}


/* NOSIDEBAR PAGES */
.sidebar_off .column_center #main_content {margin: 0;}



/********************************************************************************************************
                                                     8. MAIN PAGE
********************************************************************************************************/

/* 8.1 HEADER */
#header {
    padding: 0px 0px 20px;
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%;
    color: #FFF;
}

#logo {padding: 40px 0 0 0;}
#logo a {display: inline-block;text-align: center;text-transform: uppercase;}
#logo b {display: block;font-size: 70px;line-height: 1em;color: #ffffff;letter-spacing: -3px;

         -webkit-transition: .3s ease-in-out;
         -moz-transition: .3s ease-in-out;
         -ms-transition: .3s ease-in-out;
         -o-transition: .3s ease-in-out;
         transition: .3s ease-in-out;

}
#logo span {display: block;padding: 5px 0 0 0;font-size: 15px;line-height: 1em;color: #ffffff;
            opacity: .5;


            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -ms-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;

}

#logo a:hover b {
    opacity: .75;
}
#logo a:hover span {
    opacity: .75;
}



.header_cart {float: right;padding: 40px 0 0 0;}
.header_cart a {display: block;position: relative;}
.header_cart a i {padding: 0 1px;font-size: 78px;line-height: 1em;color: #ffffff;

                  -webkit-transition: .3s ease-in-out;
                  -moz-transition: .3s ease-in-out;
                  -ms-transition: .3s ease-in-out;
                  -o-transition: .3s ease-in-out;
                  transition: .3s ease-in-out;

}
.header_cart a span.cart-total-items {width: 100%;display: block;padding: 15px 0 0 12px;font-size: 20px;line-height: 1em;color: #000000;text-align: center;position: absolute;left: 0;top: 0;

                                      -webkit-transition: .3s ease-in-out;
                                      -moz-transition: .3s ease-in-out;
                                      -ms-transition: .3s ease-in-out;
                                      -o-transition: .3s ease-in-out;
                                      transition: .3s ease-in-out;

}

.header_cart a:hover i {color: #2b2b2b;}
.header_cart a:hover span.cart-total-items {color: #ffffff;}



.header_right {margin: 0 100px 0 0;}



.header_search {width: 85%; margin: 5px 0 0 auto;}
.header_search div.search_container {
    height: 43px;
    padding: 0 56px 0 0;
    /*    background: #222222;*/
    background: #2B2B2B none repeat scroll 0% 0%;
    border: 1px solid #545353;
}
.header_search #search-field {width: 100%;height: 41px;float: left;padding: 0 12px;background: none;border: none; color: #fff}
.header_search #search-submit {width: 56px;height: 41px;margin: 0 -58px 0 0;border-left: 1px solid #545353;color: #ffffff;

                               -webkit-transition: .3s ease-in-out;
                               -moz-transition: .3s ease-in-out;
                               -ms-transition: .3s ease-in-out;
                               -o-transition: .3s ease-in-out;
                               transition: .3s ease-in-out;

}
.header_search #search-submit i {height: 41px;display: block;font-size: 18px;line-height: 39px;}

.header_search #search-submit:hover {background: #545353;}



.header_links {padding: 45px 0 0 0;text-align: right;}
.header_links a {color: #fff;}
.header_links a:hover {color: #ffffff;}



.header_currency {display: inline-block;}
.header_currency select {width: 0 !important;height: 0 !important;overflow: hidden;}
.header_currency label {margin: 0 3px 0 0;font-weight: normal;}

.header_currency .jq-selectbox {width: 45px;}
.header_currency .jq-selectbox__select {}
.header_currency .jq-selectbox__select-text {text-align: left;

                                             -webkit-transition: .3s ease-in-out;
                                             -moz-transition: .3s ease-in-out;
                                             -ms-transition: .3s ease-in-out;
                                             -o-transition: .3s ease-in-out;
                                             transition: .3s ease-in-out;

}
.header_currency .jq-selectbox__trigger i {font-size: 14px;right: 0;top: 2px;

                                           -webkit-transition: .3s ease-in-out;
                                           -moz-transition: .3s ease-in-out;
                                           -ms-transition: .3s ease-in-out;
                                           -o-transition: .3s ease-in-out;
                                           transition: .3s ease-in-out;

}

.header_currency .jq-selectbox:hover .jq-selectbox__select-text,
.header_currency .jq-selectbox:hover .jq-selectbox__trigger i,
.header_currency .jq-selectbox.opened .jq-selectbox__select-text,
.header_currency .jq-selectbox.opened .jq-selectbox__trigger i {color: #ffffff;}

.header_currency .jq-selectbox__dropdown {width: 100% !important;background: #222222;border: 1px solid #000000;text-align: center;top: 24px !important;}
.header_currency .jq-selectbox__dropdown ul {background: #222222;}
.header_currency .jq-selectbox__dropdown ul li {padding: 3px 0;}
.header_currency .jq-selectbox__dropdown ul li ~ li {border-top: 1px solid #000000;}

.header_currency .jq-selectbox__dropdown ul li:hover {color: #ffffff;}
.header_currency .jq-selectbox__dropdown ul li.sel {font-weight: bold;color: #ffffff;}



.header_user {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
}
.header_user li {
    display: inline-block;
    margin: 0 20px 0 0;
    width: 100%;
}

.header_user li a{
    cursor: pointer;
}

.header_user li i {
    font-size: 18px;
    text-align: center;
    margin-left: 15px;
}

.header_user li:last-of-type {
    margin: 0px;
}
.header_user li a {}
.header_user li a i {margin: 0 0 0 15px;line-height: 1.5em; width: 20px;}



/* 8.2 MEGAMENU */
#megamenu {
    height: 60px;
    background: #2B2B2B;
    position: relative;
    z-index: 999;
}
.sf-menu {position: relative;}
.sf-menu > li {width: 16.666666666666664%;height: 60px;float: left;border: 1px solid #545353;border-width: 0 1px;}
.sf-menu > li ~ li {border-width: 0 1px 0 0;}
.sf-menu > li > a {height: 60px;display: block;padding: 0 10px;font-size: 16px;line-height: 60px;color: #ffffff;text-align: center;text-transform: uppercase;position: relative;}

.sf-menu .menu_badge {display: block;padding: 1px 4px;background: #222222;font-size: 9px;color: #888888;text-transform: uppercase;position: absolute;right: 0px;top: 0px;

                      -webkit-transition: .3s ease-in-out;
                      -moz-transition: .3s ease-in-out;
                      -ms-transition: .3s ease-in-out;
                      -o-transition: .3s ease-in-out;
                      transition: .3s ease-in-out;

}

.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover,
.sf-menu > li > a.active {
    background: #222222;
    /*    background: rgba(0, 0, 0, 1) none repeat scroll 0% 0%;*/
}

.sf-menu > li.sfHover > a .menu_badge,
.sf-menu > li > a:hover .menu_badge,
.sf-menu > li > a.active .menu_badge {background: #888888;color: #ffffff;}

.sf-menu > li.sfHover > a.sf-with-ul:after {content: '';width: 100%;height: 1px;background: #222222;font-size: 0;line-height: 0;position: absolute;left: 0;bottom: -1px;z-index: 10000;}

.sf-menu > li > ul {width: 100%;background: #222222;border: 1px solid #545353;position: absolute;left: 0;top: 60px;
                    display: none;
}
.sf-menu .submenu {padding: 20px}
.sf-menu .submenu a {color: #888888;}
.sf-menu .submenu a:hover {color: #ffffff;}



/* CUSTOM LINK */
.megamenu__1 {}



/* CATALOG */
.megamenu__2 {}
.megamenu__2 .submenu ul {}
.megamenu__2 .submenu ul li {padding: 5px 0 0 0;text-transform: uppercase;}

.megamenu__2 a {}
.megamenu__2 h3 {font-size: 18px;text-transform: uppercase;}
.megamenu__2 h3 a {color: #ffffff !important;}
.megamenu__2 h3 a:hover {text-decoration: underline;}



/* BLOG */
.megamenu__3 {}
.megamenu__3 .blog_date {}
.megamenu__3 .blog_title {font-size: 18px;text-transform: uppercase;}
.megamenu__3 .blog_title a {color: #ffffff !important;}
.megamenu__3 .blog_title a:hover {text-decoration: underline;}
.megamenu__3 .blog_content {padding: 5px 0 15px 0;}
.megamenu__3 .btn {background: #2b2b2b !important;}



/* SALE */
.megamenu__4 {}
.megamenu__4 .product_img {}
.megamenu__4 .product_img a {display: block;padding: 20px;background: #2b2b2b;}
.megamenu__4 .product_name {padding: 15px 0 0 0;text-transform: uppercase;}
.megamenu__4 .product_price {padding: 10px 0 0 0;}
.megamenu__4 .product_price .money {font-weight: bold;font-size: 20px;color: #ffffff;}
.megamenu__4 .product_price .compare-at-price {margin: 0 0 0 4px;font-weight: normal;font-size: 16px;color: #888888;}



/* CUSTOM LINK */
.megamenu__5 {}



/* CUSTOM LINK */
.megamenu__6 {}



/* STICK UP MENU STYLES */
#megamenu.isStuck {width: 100%;left: 0;top: 0;
                   -webkit-backface-visibility: hidden;
                   -webkit-transform: translateZ(0);
}
#megamenu.isStuck .menu_badge {display: none;}



/* 8.3 NIVOSLIDER */



/* 8.4 SHOWCASE */
#showcase {max-width: 1900px;margin: 0 auto 10px auto;}

#showcase .row {margin: 0 -5px;}

#showcase .col-xs-6 {padding: 0 5px;}
#showcase .col-20percent {width: 20%;float: left;padding: 0 5px;}
#showcase .col-40percent {width: 40%;float: left;padding: 0 5px;}

.custom_showcase {margin: 10px 0 0 0;}
.custom_showcase a {display: block;overflow: hidden;position: relative;}

.custom_showcase a div {width: 100%;padding: 0 20px 20px 20px;text-transform: uppercase;position: absolute;left: 0;bottom: 0;}
.custom_showcase h3 {color: #ffffff;}
.custom_showcase span {display: block;padding: 4px 0 0 0;font-size: 15px;color: #ffffff;text-decoration: underline;}
.custom_showcase span:hover {text-decoration: none;}

.custom_showcase__big h3 {font-size: 36px;line-height: 44px;}
.custom_showcase__small h3 {font-size: 26px;line-height: 33px;}

.custom_showcase a img {z-index: -1;

                        -webkit-transition: .3s ease-in-out;
                        -moz-transition: .3s ease-in-out;
                        -ms-transition: .3s ease-in-out;
                        -o-transition: .3s ease-in-out;
                        transition: .3s ease-in-out;

}
.custom_showcase a:hover img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}

.custom_showcase a:before {content: '';display: block;border: 1px solid transparent;position: absolute;top: 0;right: 0;bottom: 0;left: 0;

                           -webkit-transition: .3s ease-in-out;
                           -moz-transition: .3s ease-in-out;
                           -ms-transition: .3s ease-in-out;
                           -o-transition: .3s ease-in-out;
                           transition: .3s ease-in-out;

}
.custom_showcase a:hover:before {border-color: #545353;top: 10px;right: 10px;bottom: 10px;left: 10px;}

.custom_showcase__4 {}
.custom_showcase__4 h3 {color: #000000;}
.custom_showcase__4 span {color: #000000;}



/* 8.5 MAIN PRODUCT LISTING */
.template-index .page_heading {padding: 12px 20px;}

.product_listing_main .product {margin: 30px 0 0 0;}

.product_listing_main .product_img {
    position: relative;
    float: left;
    height: auto;
    width: 100%;
    max-width: 100%;
}

.product_listing_main .product_img a {
    display: block;
    position: relative;
    color: #fff;
}
.product_listing_main .product_img img {background-color: #000;position: relative;z-index: 1;}
.product_listing_main .product_img .img__2 {position: absolute;left: 0;top: 0;z-index: 10;
                                            opacity: 0;
}

.product_listing_main .product_img span.product_badge {display: block;padding: 5px 10px;font-size: 13px;color: #ffffff;position: absolute;top: 0;z-index: 100;}
.product_listing_main .product_img span.new {background: #000000;left: 0;}
.product_listing_main .product_img span.sale {background: #888888;right: 0;}

.product_listing_main .product_info {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

.product_listing_main .product_desc {}

.product_listing_main .product_price {padding: 7px 0 0 0;}
.product_listing_main .product_price .money {font-weight: bold;font-size: 27px;}
.product_listing_main .product_price .compare-at-price {margin: 0 0 0 3px;font-weight: normal;font-size: 16px;color: #888888;}

.product_listing_main .product_name {padding: 5px 0 0 0;}
.product_listing_main .product_name a {min-height: 44px;display: inline-block;line-height: 22px;}

.product_listing_main .btn {width: 100%;margin: 16px 0 0 0;}



/* HOMEPAGE CAROUSEL */
.homepage_carousel {margin: 0;}
.homepage_carousel > div {padding: 0;}
.homepage_carousel .product {margin: 0;padding: 20px;}

.homepage_carousel .product_img span.new {left: -19px;top: -19px;}
.homepage_carousel .product_img span.sale {right: -19px;top: -19px;}

.template-index .bx-wrapper {max-width: 100% !important;}

.template-index .bx-controls {position: absolute;right: 20px;top: -44px;z-index: 99;}
.template-index .bx-controls a {width: 30px;height: 30px;display: block;overflow: hidden;float: left;margin: 0 0 0 1px;background: #222222;text-align: center;

                                -webkit-transition: .3s ease-in-out;
                                -moz-transition: .3s ease-in-out;
                                -ms-transition: .3s ease-in-out;
                                -o-transition: .3s ease-in-out;
                                transition: .3s ease-in-out;

}

.template-index .bx-controls a:hover {background: #000000;}

.template-index .bx-controls a:before {display: block;font: 12px/31px 'FontAwesome';color: #ffffff;}

.template-index .bx-prev:before {content: '\f053';padding: 0 1px 0 0;}
.template-index .bx-next:before {content: '\f054';padding: 0 0 0 1px;}

.template-index .bx-next {}



/* CUSTOM BOTTOM */
#bottom {}
#bottom .row {margin: 0 -5px;}
#bottom .row > div {padding: 0 5px;}

.custom_bottom {margin: 0 0 10px 0;}
.custom_bottom a {display: block;padding: 4px 10px 10px 10px;background: #2B2B2B; border: 1px solid #545353;text-align: center;text-transform: uppercase;}
.custom_bottom a h3 {font-weight: bold;font-size: 48px;line-height: 1em;color: #ffffff;}
.custom_bottom a h4 {margin: -3px 0 0 0;font-weight: normal;font-size: 28px;line-height: 1em;color: #ffffff;}

.custom_bottom a:hover {
    background: #545353;
}



/* 8.6 FOOTER */
footer {}
.footer_content {
    padding: 0 0 25px 0;
    background: #2B2B2B;
}

footer ul {padding: 12px 0 0 0;}
footer ul li {padding: 13px 0 0 0; text-transform: uppercase}
footer ul li a {color: #cecece;text-transform: uppercase;}

footer ul li.active a,
footer ul li a:hover {color: #ffffff;}



footer .copyright {padding: 22px 0 32px 0;}
footer .copyright p {margin: 0;font-size: 11px;color: #888888;}
footer .copyright a {color: #888888;}
footer .copyright a:hover {color: #ffffff;}



/********************************************************************************************************
                                                     9. COLLECTION PAGES
********************************************************************************************************/

/* 9.1 PAGES CONTENT */
ul.tags {margin: 10px 0 0 0;list-style-type: none;}
ul.tags li {float: left;margin: 5px 1px 0 0;}
ul.tags li a {display: block;padding: 5px 10px;background: #888888;color: #ffffff;}

ul.tags li a:hover {background: #222222;}
ul.tags li.active a {background: #000000;}



.collection_info {margin-top: 15px;}
.collection_info .collection_img {text-align: center;}
.collection_info .collection_desc .rte {margin: 0;}



.sort_by {margin: 15px 0;padding: 10px 0;border: 1px solid #545353;border-width: 1px 0;text-align: right;}
.sort_by label {margin: 0 4px 0 0;line-height: 30px;}
.sort_by select {width: auto !important;height: 30px;display: inline-block;padding: 5px 4px;cursor: pointer;}



/* 9.2 BREADCRUMBS */
.breadcrumb_wrapper {margin: 0 0 10px 0;padding: 8px 0;background: #222222;border-top: 1px solid #545353;}
.breadcrumb{
    margin: 0;
    padding: 0;
    background: none;
    color: #888888;
    text-transform: capitalize;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.breadcrumb a {color: #888888;}
.breadcrumb a:hover {color: #ffffff;}



/* 9.3 COLLECTION LISTING */
.collection_listing {}
.collection_listing .collection {margin: 30px 0 0 0;}



/* 9.4 PAGINATION */
#pagination {
    display: inline-block;
    overflow: hidden;
    margin: 0px 0 10px 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
#pagination span {display: block;float: left;}
#pagination span ~ span {margin: 0 0 0 1px;}

#pagination span a,
#pagination span.deco,
#pagination span.current {display: block;padding: 7px 10px;color: #000000;}

#pagination span a:hover {background: #222222;color: #ffffff;}
#pagination span.current {background: #000000;font-weight: bold;color: #ffffff;cursor: default;}



/********************************************************************************************************
                                                     10. SIDEBAR WIDGETS
********************************************************************************************************/
.column .widget {margin-bottom: 10px !important;}

.column .widget h3.widget_header {padding: 12px 20px;background: #000000;border: 1px solid #545353;font: 27px Lato;color: #ffffff;text-transform: uppercase;}


/* 10.1 LINKS LIST */
.column .widget ul.list {}
.column .widget ul.list li {margin: 1px 0 0 0;}
.column .widget ul.list li a {
    display: block;
    padding: 10px 20px;
    background: #2B2B2B none repeat scroll 0% 0%;
    border: 1px solid #545353;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
}

.column .widget ul.list li.active a,
.column .widget ul.list li a:hover {
    /*    background: #545353;*/
    background: rgba(0, 0, 0, 1) none repeat scroll 0% 0%;
}


/* 10.2 SIDEBAR PRODUCT LISTING */
.product_listing_sidebar .product {overflow: hidden;margin: 1px 0 0 0;padding: 20px;background: #222222;border: 1px solid #545353;}

.product_listing_sidebar .product_img {width: 90px;float: left;}
.product_listing_sidebar .product_img a {display: block;padding: 10px;background: #2b2b2b;}

.product_listing_sidebar .product_info {margin: 0 0 0 100px;}

.product_listing_sidebar .product_name {margin: -5px 0 0 0;}
.product_listing_sidebar .product_name a {color: #888888;}
.product_listing_sidebar .product_name a:hover {color: #ffffff;}

.product_listing_sidebar .product_desc {}

.product_listing_sidebar .product_price {}
.product_listing_sidebar .product_price .money {font-size: 20px;color: #ffffff;}
.product_listing_sidebar .product_price .compare-at-price {margin: 0 0 0 3px;font-size: 14px;color: #888888;}



/********************************************************************************************************
                                                     11. SEARCH RESULTS PAGE
********************************************************************************************************/

#searchresults {margin: 0;}
#searchresults .search-form {margin: 15px 0 0 0;}
#searchresults .search-form input {width: 100%;float: left;padding: 0 34px 0 10px;}
#searchresults .search-form button {width: 34px;height: 34px;float: left;margin: 0 0 0 -34px;background: none;border: none;font-size: 20px;color: #000000;}
#searchresults .search-form button:hover {color: #888888;}
#searchresults .search-form button i {line-height: 32px;}

#searchresults h3 {margin: 0;padding: 0;}

#searchresults ol {list-style-type: none;padding: 15px 0 0 0;border-bottom: 1px solid #545353;}
#searchresults ol li {overflow: hidden;margin: 0;padding: 15px 0;border-top: 1px solid #545353;}
#searchresults ol li .search-result_image {float: left;margin-right: 15px;}
#searchresults ol li .search-result_container {padding: 15px 0 0 0;}



/********************************************************************************************************
                                                     12. PRODUCT PAGE
********************************************************************************************************/

.product_wrap {}



/* 12.1 PRODUCT IMAGES */
/* BIG IMAGE + ZOOM */
.zoomWrapper,
#elevatezoom_big {width: 345px !important;height: auto !important;position: relative !important;}

#elevatezoom_big ~ #elevatezoom_big {width: 0 !important;height: 0 !important;}

.zoomWrapper {border: 1px solid #545353;}

.zoomContainer {z-index: 1 !important;}
.zoomLens {z-index: 1 !important;}
.zoomWindow {margin: -1px 0 0 0 !important;}



/* THUMBS */
.product_images .bx-wrapper {max-width: 100% !important;margin: 12px 0 0 0;padding: 0 30px;position: relative;}

#elevatezoom_gallery {}
#elevatezoom_gallery a {width: 82px !important;display: block;margin: 0 12px 0 0;border: 1px solid #545353;}

.product_images .bx-controls a {width: 20px;height: 20px;display: block;overflow: hidden;margin: -10px 0 0 0;background: #888888;line-height: 1em;text-align: center;position: absolute;top: 50%;
                                -webkit-border-radius: 50%;
                                border-radius: 50%;


                                -webkit-transition: .3s ease-in-out;
                                -moz-transition: .3s ease-in-out;
                                -ms-transition: .3s ease-in-out;
                                -o-transition: .3s ease-in-out;
                                transition: .3s ease-in-out;

}
.product_images .bx-controls a:hover {background: #000000;}

.product_images .bx-controls a:before {font: 10px/21px 'FontAwesome';color: #ffffff;}

.product_images .bx-controls a.bx-prev {left: 0;}
.product_images .bx-controls a.bx-prev:before {content: '\f053';}
.product_images .bx-controls a.bx-next {padding: 0 0 0 1px;right: 0;}
.product_images .bx-controls a.bx-next:before {content: '\f054';}



/* 12.2 PRODUCT INFO */
.product_wrap .product_name {margin: -7px 0 0 0;font-size: 20px;}



.product_wrap .product-price {margin: 15px 0 0 0;padding: 0;}
.product_wrap .product-price .money {margin: 0 5px 0 0;font-weight: bold;font-size: 27px;}
.product_wrap .product-price .compare-at-price {margin: 0 0 0 4px;font-weight: normal;font-size: 18px;color: #888888;}



#purchase {}
#purchase label {display: inline-block;margin: 15px 10px 0 0;padding: 0 !important;line-height: 37px;}
#purchase #quantity {width: 50px;height: 37px;display: inline-block;margin: 15px 10px 0 0;padding: 0;outline: none;text-align: center;}

#purchase .variants-wrapper {display: inline-block;margin: 15px 10px 0 0;}
#purchase .variants-wrapper select {width: auto;height: 37px;max-width: 150px;padding: 9px 6px;}

#purchase #add-to-cart {height: 37px;margin: 15px 10px 0 0;padding: 8px 15px;}



.product_wrap .product_details {margin: 15px 0 0 0;padding: 10px 0 15px 0;border: 1px solid #545353;border-width: 1px 0;}
.product_wrap .product_details > div {padding: 5px 0 0 0;}

.product_wrap #product_description {}
.product_wrap #product_description h4 {padding-bottom: 0;border: none;text-transform: none;}



.product_image-additioanl a {width: 33%;display: block;float: left;
                             -webkit-box-sizing: border-box;
                             box-sizing: border-box;
}



/* 12.3 PRODUCT PAGINATION */
.product_wrap .pagination_product {width: 100%;overflow: hidden;list-style-type: none;margin: 15px 0;padding: 0;}
.product_wrap .pagination_product li.left-arrow {float: left;}
.product_wrap .pagination_product li.right-arrow {float: right;}



/* 12.4 RELATED PRODUCTS */
.widget_related_products {}
.widget_related_products h3 {margin: 30px 0 0 0;}

ul.product_listing_related {list-style-type: none;}
ul.product_listing_related .product {}

ul.product_listing_related .product_img {}
ul.product_listing_related .product_name {}
ul.product_listing_related .product_name a {min-height: 1px;}
ul.product_listing_related .product_price {}



/********************************************************************************************************
                                                     13. BLOG
********************************************************************************************************/

/* 13.1 POSTS LISTING */
#blog {}

.blog-article {padding: 15px 0 0 0;}

.article_header {padding: 15px 0;border-bottom: 1px solid #545353;}
.article_header .product_name {font-size: 20px;}
.article_header .product_name a {}
.article_header .product_name a:hover {}

.blog-article_meta-comments {float: right;padding: 8px 0 0 15px;}

.blog-article_date,
.blog-article_meta-tags {font-style: italic;}

.blog-article_meta-tags a {text-decoration: underline;}



/* 13.2 SINGLE POST */
.article_meta-comments {float: right;padding: 8px 0 0 15px;}
.article_meta-tags a {text-decoration: underline;}

.article_date,
.article_meta-tags,
.article_meta {font-style: italic;}



#comments ul {list-style-type: none;}

.comment-form {}

.comment-form #comment-author,
.comment-form #comment-email,
.comment-form #comment-body {width: 100%;}

.comment-form #comment-body {min-height: 100px;margin-bottom: 15px;}

.article_comments-form {padding-bottom: 10px;margin-top: 1em;padding-top: 10px;}

.section-title {margin-bottom: 2px;padding-bottom: 8px;}

.comment-form .row {margin-bottom: 1em;}

.comment-submit {}



/********************************************************************************************************
                                                     14. CUSTOMER PAGES
********************************************************************************************************/

/* 14.1 LOG IN */

/* 14.2 ACCOUNT */
.customer_account {}

.customer_name {text-transform: none !important;}
.customer_name .divider {margin: 0 7px;}
.customer_name .email {color: #888888;}
.customer_name a {float: right;}



/* 14.3 ADDRESSES */
.customer_addresses {}

.customer_addresses ul.customer_addresses_actions {list-style-type: none;margin: 15px 0;}
.customer_addresses ul.customer_addresses_actions li {}
.customer_addresses ul.customer_addresses_actions li a {}
.customer_addresses ul.customer_addresses_actions li a i {margin: 0 5px 0 0;line-height: inherit;}

.customer_addresses .col-sm-offset-4 label {line-height: 1.6em;}


.address_table .address_title {vertical-align: baseline;}
.address_table .address_title .address_actions {vertical-align: baseline;float: right;margin: 0 0 0 15px;text-transform: none;}
.address_table .address_title .address_actions span {vertical-align: baseline;}


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



/* 14.4 ORDERS */
.order_date {margin: 15px 0 0 0;}

#order_details {margin: 30px 0 0 0;}



/********************************************************************************************************
                                                     15. CART PAGE
********************************************************************************************************/

/* 15.1 CART PRODUCTS */
.template-cart h3 {vertical-align: baseline;}

.cart-list {overflow: hidden;}

.cart-list > .row {padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #545353;}

.cart-list .item_image {text-align: center;}
.cart-list .item_image a img {max-width: 100%;}

.cart-list .product_name {margin-top: 15px;}

.cart-list .item_remove {margin: 0 0 0 10px;}
.cart-list .item_remove a {font-size: 20px;color: #fe2a2a;}
.cart-list .item_remove a:hover {color: #000000;}

.cart-list .row h3.item_vendor {border-bottom: 1px solid #545353;color: #888;}

.cart-list .item_price {padding: 10px 0 0 0;}
.cart-list .item_price .price {line-height: 37px;}
.cart-list .item_price .price .money {font-weight: bold;font-size: 27px;}

.cart-list .item_price label {padding: 0;line-height: 37px;}
.cart-list .item_price .input-small {width: 60px !important;height: 37px;display: inline-block;padding: 5px;text-align: center;}

.cart-list .item_price .total {text-align: right;}
.cart-list .item_price .total h3 {vertical-align: baseline;border: none;}

.cart_subtotal {}
.cart_subtotal h3 {margin: 0;padding: 10px 0;border-bottom: 1px solid #545353;}
.cart_subtotal h3 .money {float: right;font-size: inherit;}

.cart_buttons {margin: 30px 0;}

.cart_instructions {}
.cart_instructions h4 {}
.cart_instructions textarea {width: 100%;}

#payment-methods {overflow: hidden;}
#payment-methods ul {list-style-type:none;list-style-position: outside;}
#payment-methods ul li {float:left;padding: 15px 15px 0 0;}



/* 15.2 GUEST CHECKOUT */
#guest {padding: 30px 0 0 0;}
#guest form {padding: 15px 0 0 0;}



/********************************************************************************************************
                                                     16. CONTACTS PAGE
********************************************************************************************************/

.contact-scope {}
.contact-scope #google_map {margin: 15px 0;}

.contact-form {}

.contact-scope iframe {width: 100%;margin: 15px 0;border: 1px solid #545353;}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="telephone"],
.contact-form textarea {}

.contact-form textarea {width: 100%;}

.contact-form_buttons {}
.contact-form_buttons .btn-toolbar {}



/* 404 PAGE */
.template-404 h2,
.template-404 h2 a {vertical-align: baseline;}

.show_message_layer {
    position: absolute;
    min-height: 100px;
    min-width: 200px;
    z-index: 1010101010;
    border: 1px solid #000;
    background: #FFF none repeat scroll 0% 0%;
    color: #000;
    padding: 10px;
    line-height: 1.5em;
}